/* Homepage navigation and compact mobile refinements */
.events-menu{position:relative}
.events-menu-toggle{display:flex;align-items:center;gap:7px;padding:10px 0;border:0;background:none;color:#fff;font:inherit;cursor:pointer}
.events-menu-toggle svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s ease}
.events-submenu{position:absolute;top:calc(100% + 12px);left:50%;width:220px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(3,13,31,.97);box-shadow:0 18px 46px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .22s ease,transform .28s ease,visibility .22s}
.events-submenu a{display:block;padding:11px 12px;border-radius:9px;color:#fff}
.events-submenu a:hover,.events-submenu a:focus-visible{background:rgba(255,255,255,.09);outline:none}
.events-menu:hover .events-submenu,.events-menu:focus-within .events-submenu,.events-menu.is-open .events-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.events-menu.is-open .events-menu-toggle svg{transform:rotate(180deg)}
.mobile-events-group{display:none}

/* Event actions remain visible and useful on every card */
.card-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(3,13,31,.28);backdrop-filter:blur(7px)}

/* A more editorial production story */
.difference-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:78px;align-items:start}
.difference-intro h2{color:#fff}
.difference-intro p{max-width:520px}
.production-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:42px}
.production-flow:before{content:"";position:absolute;left:8%;right:8%;top:18px;height:1px;background:linear-gradient(90deg,transparent,#c9a76b 14%,#c9a76b 86%,transparent)}
.flow-stage{position:relative;min-height:205px;padding:28px 18px 22px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.025));transition:transform .3s ease,border-color .3s ease}
.flow-stage:before{content:"";position:absolute;top:-29px;left:50%;width:9px;height:9px;border:3px solid #07152c;border-radius:50%;background:#d5b578;transform:translateX(-50%);box-shadow:0 0 0 1px #d5b578}
.flow-stage:hover{transform:translateY(-5px);border-color:rgba(213,181,120,.65)}
.flow-stage span{display:block;color:#d5b578;font-size:11px;letter-spacing:.18em}
.flow-stage strong{display:block;margin-top:28px;color:#fff;font-family:"Playfair Display",serif;font-size:24px;font-weight:500}
.flow-stage small{display:block;margin-top:10px;color:#b9c5d1;font-size:13px;line-height:1.5}
.capability-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:2px;border-top:1px solid rgba(255,255,255,.16)}
.capability{padding:18px 20px 0 0;color:#fff;font-size:14px}
.capability+.capability{padding-left:20px;border-left:1px solid rgba(255,255,255,.12)}
.capability b{display:block;margin-bottom:5px;color:#d5b578;font-size:11px;letter-spacing:.14em;text-transform:uppercase}

/* A compact directory: one complete row links to one destination. */
.services{background:#fff}
.services .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:0}
.services .service{display:grid;grid-template-columns:56px minmax(0,1fr) 36px;align-items:center;gap:18px;min-height:116px;padding:20px 8px;border-bottom:1px solid var(--line);color:#07152c;transition:background-color .2s ease}
.services .service:nth-child(-n+2){border-top:1px solid var(--line)}
.services .service-icon{display:block;width:56px;height:56px;object-fit:contain}
.services .service-copy{min-width:0}
.services .service h3{margin:0;font-family:"Playfair Display",serif;font-size:23px;font-weight:500;line-height:1.2;color:#07152c}
.services .service p{margin:7px 0 0;font-size:13px;line-height:1.5;color:#42566c}
.service-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #c9b894;border-radius:50%;color:#07152c;transition:background-color .2s ease,color .2s ease}
.service-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .2s ease}
.services .service:hover,.services .service:focus-visible{background:#f7f4ed}
.services .service:focus-visible{outline:2px solid #9b722d;outline-offset:-2px}
.service:hover .service-arrow,.service:focus-visible .service-arrow{background:#07152c;border-color:#07152c;color:#fff}
.service:hover .service-arrow svg,.service:focus-visible .service-arrow svg{transform:translateX(2px)}

/* Clear, balanced footer alignment on wide screens */
.footer .foot-grid{grid-template-columns:1.2fr 1fr .72fr;gap:76px;align-items:start}
.footer .foot-grid>div{min-width:0}
.footer .foot-grid>div:first-child p{max-width:330px;line-height:1.65}
.footer .footer-contact .contact-line{justify-content:flex-start;text-align:left}
.footer .discover-links{display:grid;gap:9px}
.footer .discover-links a{width:max-content}
.footer .copyright{align-items:center;gap:28px}

/* Process keeps its editorial desktop layout and becomes compact on phones */
.process-toggle{width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;font:inherit;cursor:pointer}
.process-toggle strong{display:block;font-family:"Playfair Display",serif;font-size:25px;color:#07152c;font-weight:500;margin:40px 0 10px}
.process-plus{display:none}

@media(max-width:900px){
  .difference-grid{grid-template-columns:1fr;gap:38px}
  .production-flow{padding-top:36px}
}

@media(max-width:580px){
  .nav .nav-in{width:calc(100% - 44px)!important}
  .desktop-events-menu{display:none}
  .mobile-events-group{display:block}
  .mobile-events-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:0 13px;border:0;border-radius:10px;background:none;color:#fff;font:500 14px/1.2 "DM Sans",sans-serif;text-align:left}
  .mobile-events-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .25s ease}
  .mobile-events-group.is-open .mobile-events-toggle{background:rgba(255,255,255,.08)}
  .mobile-events-group.is-open .mobile-events-toggle svg{transform:rotate(180deg)}
  .mobile-events-list{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
  .mobile-events-list>div{overflow:hidden}
  .mobile-events-group.is-open .mobile-events-list{grid-template-rows:1fr}
  .mobile-tabs .mobile-events-list a{min-height:38px;margin-left:12px;padding-left:15px;border-left:1px solid rgba(213,181,120,.5);border-radius:0;color:#d9e0e8;font-size:13px}

  .proof-in{display:grid!important;grid-template-columns:repeat(3,1fr)!important;min-height:0;padding:17px 0 19px!important;gap:0}
  .proof-intro{grid-column:1/-1!important;padding:0 0 13px!important;font-size:18px!important;line-height:1.25;text-align:center}
  .proof-item{margin:0!important;padding:11px 8px 0!important;border:0!important;border-top:1px solid var(--line)!important;text-align:center}
  .proof-item+.proof-item{border-left:1px solid var(--line)!important}
  .proof-item strong{font-size:12px!important;line-height:1.25}
  .proof-item span{display:none}

  .about{padding:43px 0 58px!important}
  .about-grid{gap:28px!important}
  .about-copy h2{margin-bottom:20px;font-size:39px!important}
  .about-copy>p{font-size:15px!important;line-height:1.62}
  .credentials{grid-template-columns:.76fr .9fr 1.34fr!important;margin-top:28px!important}
  .credential{min-width:0;padding:16px 7px!important;text-align:center;border-top:0!important}
  .credential+.credential{padding-left:7px!important;border-left:1px solid var(--line)!important}
  .credential strong{font-size:clamp(18px,6vw,25px)!important;white-space:nowrap}
  .credential span{margin-top:7px!important;font-size:9px!important;line-height:1.35;letter-spacing:.04em!important}
  .mission{min-height:0!important;padding:34px 24px!important}
  .mission:before{font-size:170px!important;top:-52px!important}
  .mission blockquote{margin-top:29px!important;font-size:27px!important;line-height:1.25!important}
  .mission blockquote:before{font-size:55px!important;margin-bottom:18px!important}
  .mission p{margin-top:20px!important;line-height:1.55}

  .gallery .card{height:305px!important}
  .card-copy{align-items:flex-end!important}
  .card h3{font-size:27px!important}
  .card-link{display:inline-flex!important;position:absolute;right:0;bottom:0;width:42px;height:42px;padding:0;justify-content:center;font-size:0;border-color:rgba(255,255,255,.55);background:rgba(3,13,31,.58)}
  .card-link b{font-size:20px}

  .services{padding:66px 0!important}
  .services .section-head{margin-bottom:25px!important}
  .services .section-head p{font-size:15px;line-height:1.6}
  .services .service-grid{grid-template-columns:1fr;gap:0}
  .services .service{grid-template-columns:44px minmax(0,1fr) 32px;gap:13px;min-height:76px;padding:14px 2px}
  .services .service:nth-child(2){border-top:0}
  .services .service-icon{width:44px;height:44px}
  .services .service h3{font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;line-height:1.35}
  .services .service p{display:none}
  .service-arrow{width:32px;height:32px}

  .process{padding:66px 0!important}
  .process .section-head{margin-bottom:25px!important}
  .process .section-head p{font-size:15px;line-height:1.6}
  .steps{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .process-step{padding:0!important;border:1px solid var(--line)!important;border-radius:13px;background:#fff;overflow:hidden}
  .process-toggle{display:grid;grid-template-columns:70px 1fr 22px;align-items:center;gap:8px;padding:16px 14px}
  .process-toggle>span{font-size:10px!important;letter-spacing:.12em!important}
  .process-toggle strong{margin:0;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:600;line-height:1.25}
  .process-plus{display:block;font-size:22px;font-style:normal;font-weight:300;line-height:1;transition:transform .25s ease}
  .process-step.is-open .process-plus{transform:rotate(45deg)}
  .process-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
  .process-detail>div{overflow:hidden}
  .process-detail p{margin:0;padding:0 18px;color:#42566c!important;font-size:14px!important;line-height:1.55}
  .process-step.is-open .process-detail{grid-template-rows:1fr}
  .process-step.is-open .process-detail p{padding-bottom:18px}

  .fabrication{padding:68px 0!important}
  .difference-grid{gap:30px}
  .difference-intro h2{font-size:40px!important}
  .difference-intro p{font-size:15px!important;line-height:1.6}
  .production-flow{grid-template-columns:1fr 1fr;gap:9px;padding-top:0}
  .production-flow:before,.flow-stage:before{display:none}
  .flow-stage{min-height:145px;padding:18px 16px}
  .flow-stage strong{margin-top:18px;font-size:21px}
  .flow-stage small{font-size:12px}
  .capability-strip{grid-template-columns:1fr 1fr}
  .capability{padding:15px 10px 0!important;border:0!important}
  .capability:nth-child(even){padding-left:14px!important;border-left:1px solid rgba(255,255,255,.12)!important}

  .contact{padding:44px 0!important}
  .contact-in{gap:22px!important}
  .contact h2{font-size:34px!important;line-height:1.08!important}
  .contact h2 .keep-together{white-space:nowrap}
  .contact .btn{padding:13px 20px!important}

  .footer{padding:38px 0 22px!important}
  .foot-grid{gap:0!important}
  .footer .foot-grid{display:block!important}
  .foot-grid>div{padding:21px 0;border-bottom:1px solid rgba(255,255,255,.12)}
  .foot-grid>div:first-child{padding-top:0}
  .footer .brand-logo{width:164px!important;margin-bottom:13px!important}
  .footer .foot-grid>div:first-child p{max-width:300px;margin:0;line-height:1.55}
  .footer h4{margin-bottom:14px!important}
  .footer-contact{gap:10px}
  .footer-contact .contact-line{font-size:14px!important}
  .footer .discover-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .footer .discover-links a{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;font-size:13px!important;line-height:1.25}
  .footer .discover-links a:after{content:"→";flex:0 0 auto;margin-left:8px;color:#d5b578;font-size:15px}
  .copyright{margin-top:0!important;padding-top:19px!important;line-height:1.55}
  .copyright>span{margin-top:8px!important;color:#8796a7}
}

@media(prefers-reduced-motion:reduce){.events-submenu,.events-menu-toggle svg,.mobile-events-list,.mobile-events-toggle svg,.flow-stage,.service,.service-arrow,.service-arrow svg,.process-detail,.process-plus{transition:none!important}}
