/* Reference-matched navigation, contact layout and dual-panel page transitions. */
#nav{height:76px;padding:0 48px;background:#000;border-bottom:1px solid #22291a;backdrop-filter:none;display:block}
.reference-nav-inner{max-width:1200px;height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
#nav .n-logo{display:flex;align-items:center;gap:5px;font-size:25px;font-weight:700;letter-spacing:-.055em;color:#f5f5f0;line-height:1;text-decoration:none}
.brand-diamond{display:inline-block;width:10px;height:10px;background:#92be00;transform:rotate(45deg);border-radius:2px;flex-shrink:0}
#nav .n-links{position:static;transform:none;display:flex;align-items:center;gap:30px;margin:0;list-style:none}
#nav .n-links a{font-family:var(--font-secondary);text-transform:none;font-size:15px;font-weight:500;letter-spacing:0;color:#eceee6;position:relative;display:flex;align-items:center;text-decoration:none;white-space:nowrap}
#nav .n-links a:hover{color:#92be00}#nav .n-links a.nav-contact{padding:12px 21px;background:#92be00;border-radius:9px;color:#090c02;min-height:44px;font-weight:600}
#nav .n-links a.nav-contact:hover{background:#acd62d}#nav .nav-instagram{padding:5px 0}#nav .n-links a.is-current:not(.nav-contact):not(.nav-instagram)::after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:3px;border-radius:100%;background:#92be00}
#nav .n-mob{display:none;margin:0;padding:10px;border:1px solid #3b4825;border-radius:5px;background:#000;color:#eee;cursor:pointer}
.reference-contact-page{background:#000}.reference-contact-page #main-content{min-height:calc(100vh - 78px);display:flex;align-items:center;padding-top:76px}
.reference-contact{width:100%;padding:72px 48px 96px!important;background:#000}
.reference-contact-inner{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:56px;align-items:start}
.contact-copy h1{font-family:var(--font-primary);font-size:clamp(38px,3.2vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.05em;margin:2px 0 24px;color:#f5f5ef}
.contact-lead{font-family:var(--font-secondary);font-size:17px;line-height:1.65;color:#aeb5a3;max-width:400px;margin:0 0 45px}
.reference-email{font-family:var(--font-primary);font-size:clamp(17px,1.65vw,27px);font-weight:700;letter-spacing:-.04em;color:#f2f5eb;display:inline-block;padding-bottom:7px;border-bottom:3px solid #92be00;text-decoration:none;overflow-wrap:anywhere;line-height:1.3}
.contact-socials{display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin-top:18px}
.contact-socials a{display:inline-flex;align-items:center;gap:9px;border:1.5px solid #c2c9b7;border-radius:7px;padding:11px 17px;min-height:46px;font-size:14px;font-weight:600;color:#e7eddd;text-decoration:none;line-height:1.3;transition:color .2s,border-color .2s,background .2s}
.contact-socials svg{width:16px;height:16px}.contact-socials a:hover{border-color:#92be00;color:#92be00;background:#101708}
.contact-facts{margin:47px 0 0;border-top:1px solid #c5ccb9}.contact-facts>div{display:grid;grid-template-columns:145px 1fr;gap:15px;border-bottom:1px solid #242c1b;padding:18px 0;font-size:14px;line-height:1.6}.contact-facts dt{font-weight:600;color:#e3e9da}.contact-facts dd{margin:0;color:#aeb5a3}
.reference-form{border-top:1px solid #c5ccb9;padding-top:29px;display:flex;flex-direction:column;gap:23px;min-width:0}
.reference-form .f-grp{display:flex;flex-direction:column;gap:9px;margin:0}.reference-form label{font-family:var(--font-secondary);font-size:13px;line-height:1.3;font-weight:600;color:#e9edde}
.reference-form input:not([type=hidden]),.reference-form select,.reference-form textarea{width:100%;min-width:0;border:1px solid #323c24;border-radius:8px;background:#11160b;color:#f0f3e9;padding:13px 14px;font-family:var(--font-secondary);font-size:15px;line-height:1.4;outline:none;cursor:text;transition:border-color .2s,box-shadow .2s}
.reference-form input{height:52px}.reference-form select{height:50px;appearance:auto;cursor:pointer}.reference-form textarea{height:128px;min-height:128px;resize:vertical}.reference-form input:focus,.reference-form select:focus,.reference-form textarea:focus{border-color:#92be00;box-shadow:0 0 0 3px #92be0019}
.reference-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.reference-form button[type=submit]{width:100%;min-height:58px;margin-top:-4px;background:#92be00;color:#080c02;border:0;border-radius:8px;font-family:var(--font-secondary);font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}
.reference-form button[type=submit]:hover{background:#acd62d}.reference-form button:disabled{opacity:.65;cursor:wait}
.reference-form-note{font-size:12px;line-height:1.6;color:#8c9780;margin:0}.reference-form #formStatus{margin:0}
.reference-footer{background:#0a0d06;border-top:1px solid #222b17;padding:30px 48px}
.reference-footer>div{max-width:1040px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:11px;color:#9aa58b}
.reference-footer nav{position:static;height:auto;padding:0;z-index:auto;display:flex;gap:18px;flex-wrap:wrap;border:0;background:none}.reference-footer a{color:#b1bba4;text-decoration:none;font-size:11px}.reference-footer a:hover{color:#92be00}
.reference-process{max-width:1200px;margin:auto;padding:150px 48px 100px}.process-heading h1{font-family:var(--font-primary);font-size:54px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.process-heading>p{margin-top:20px;color:#b0b8a4;line-height:1.7}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:65px}.process-steps article{border-top:2px solid #92be00;padding-top:25px}.process-steps article>span{font-size:12px;color:#92be00}.process-steps h2{font-size:23px;margin:22px 0 15px;line-height:1.2}.process-steps p{font-size:14px;color:#aeb5a3;line-height:1.8}.process-end{border-top:1px solid #28321c;margin-top:65px;padding-top:40px;display:flex;justify-content:space-between;align-items:center;gap:25px}.process-end h2{font-size:32px}
.page-curtain{position:fixed;inset:0;z-index:20000;pointer-events:none;visibility:hidden;contain:strict}.curtain-green,.curtain-black{position:absolute;inset:0;transform:translate3d(0,100%,0);will-change:transform}.curtain-green{background:#92be00}.curtain-black{background:#000;display:grid;place-items:center}.curtain-wordmark{display:flex;align-items:center;gap:5px;font-family:var(--font-primary);font-size:26px;font-weight:700;letter-spacing:-.055em;color:#f2f4eb;opacity:0}.curtain-wordmark .brand-diamond{width:8px;height:8px}
.curtain-boot .page-curtain,.curtain-cover .page-curtain,.curtain-reveal .page-curtain{visibility:visible;pointer-events:auto}
.curtain-boot .curtain-green,.curtain-boot .curtain-black{transform:translate3d(0,0,0)}.curtain-boot .curtain-wordmark{animation:curtain-logo .55s ease both}
.curtain-cover .curtain-green{animation:curtain-up-in .56s cubic-bezier(.76,0,.24,1) both}.curtain-cover .curtain-black{animation:curtain-up-in .56s cubic-bezier(.76,0,.24,1) .09s both}.curtain-cover .curtain-wordmark{animation:curtain-logo .35s .4s both}
.curtain-reveal .curtain-black{animation:curtain-up-out .62s cubic-bezier(.76,0,.24,1) both}.curtain-reveal .curtain-green{animation:curtain-up-out .62s cubic-bezier(.76,0,.24,1) .1s both}.curtain-reveal .curtain-wordmark{opacity:1;animation:curtain-logo-out .25s both}
@keyframes curtain-up-in{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}@keyframes curtain-up-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-100%,0)}}@keyframes curtain-logo{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes curtain-logo-out{to{opacity:0}}
@media(max-width:1050px){#nav{padding:0 28px}#nav .n-links{gap:24px}#nav .n-links a{font-size:14px}.reference-contact{padding:64px 32px 80px!important}.reference-contact-inner{gap:38px}.contact-copy h1{font-size:43px}.contact-lead{font-size:16px}.contact-facts>div{grid-template-columns:110px 1fr;font-size:13px}.reference-email{font-size:20px}.reference-footer>div{flex-wrap:wrap}.process-steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#nav{height:68px;padding:0 22px}#nav .n-logo{font-size:23px}#nav .n-links{display:none}#nav .n-mob{display:block}.reference-contact-page #main-content{padding-top:68px;min-height:0}.reference-contact{padding:46px 22px 65px!important}.reference-contact-inner{grid-template-columns:1fr;gap:45px;max-width:520px}.contact-copy h1{font-size:43px}.contact-lead{font-size:16px;margin-bottom:28px}.reference-email{font-size:clamp(17px,5vw,25px)}.contact-socials{gap:13px}.contact-socials a{font-size:13px;min-height:44px}.contact-facts{margin-top:32px}.contact-facts>div{grid-template-columns:115px 1fr;gap:15px;padding:15px 0}.reference-form{gap:22px;padding-top:25px}.reference-form input:not([type=hidden]),.reference-form select,.reference-form textarea{font-size:16px}.reference-form-row{gap:14px}.reference-footer{padding:28px 22px}.reference-footer>div{flex-direction:column;align-items:flex-start;gap:20px}.reference-footer nav{gap:17px}.reference-process{padding:120px 22px 65px}.process-heading h1{font-size:40px}.process-steps{gap:30px 22px}.process-end{align-items:flex-start;flex-direction:column}.process-end h2{font-size:29px}.fs-ul li{margin-bottom:18px}.fs-ul a{font-size:42px}.fs-close{top:12px}}
@media(max-width:380px){.reference-form-row,.process-steps{grid-template-columns:1fr}.contact-copy h1{font-size:39px}.contact-facts>div{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){.page-curtain{display:none!important}.curtain-wordmark{animation:none!important}}

/* Fast, non-blocking transitions; never gate scroll behind a loader. */
.curtain-boot .page-curtain,.curtain-reveal .page-curtain{pointer-events:none}
.curtain-cover .curtain-green{animation-duration:.24s}
.curtain-cover .curtain-black{animation-duration:.24s;animation-delay:.04s}
.curtain-cover .curtain-wordmark{animation-duration:.15s;animation-delay:.12s}
.curtain-reveal .curtain-black,.curtain-reveal .curtain-green{animation-duration:.28s}
.curtain-reveal .curtain-green{animation-delay:.05s}
.curtain-boot .page-curtain{animation:curtain-emergency-exit .01s .8s forwards}
@keyframes curtain-emergency-exit{to{visibility:hidden;pointer-events:none}}
/* Keep the original palette and sections; give selected work proper previews. */
.project-gallery .w-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-gallery .w-row{display:grid;grid-template-columns:1fr auto;gap:19px 10px;padding:0 0 22px;background:#0a0c08;border:1px solid #252a1b;border-radius:12px;overflow:hidden;align-content:start;transition:border-color .2s,transform .2s;cursor:pointer}
.project-gallery .w-row:hover{border-color:#92be00;transform:translateY(-4px)}
.project-gallery .w-row::after{display:none}
.project-gallery .w-th{grid-column:1/-1;width:100%;height:auto;aspect-ratio:8/5;border-radius:0;transform:none!important;border-bottom:1px solid #252a1b}
.project-gallery .w-th-in,.project-gallery .w-th-in img{width:100%;height:100%;object-fit:cover}
.project-gallery .w-th-in img{transition:transform .35s}
.project-gallery .w-row:hover img{transform:scale(1.035)}
.project-gallery .w-row>div:nth-child(2){grid-column:1/-1;padding:0 22px}
.project-gallery .wt{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.035em}
.project-gallery .wt b{display:none}
.project-gallery .w-tags{margin-top:12px;gap:7px}
.project-gallery .w-tag{font-size:10px;padding:5px 9px;color:#c9cebc;border-color:#303725}
.project-gallery .w-svcs{padding-left:22px;text-align:left;display:flex;flex-wrap:wrap;gap:2px 10px}
.project-gallery .w-svc{font-size:10px;opacity:1;color:#9da58d;line-height:1.7}
.project-gallery .w-yr{padding-right:22px;font-size:11px;color:#c5d3a7;opacity:1;align-self:end}
.project-gallery .w-yr::after{content:' ↗';font-size:18px;color:#92be00;padding-left:6px}
@media(max-width:1000px){.project-gallery .w-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.project-gallery .w-list{grid-template-columns:1fr;gap:22px}.project-gallery .wt{font-size:23px}.project-gallery .w-svcs{display:flex}.project-gallery .w-yr{display:block}}
@media(prefers-reduced-motion:reduce){.project-gallery .w-row,.project-gallery .w-th-in img{transition:none}.project-gallery .w-row:hover{transform:none}}
