:root{--navy:#071e3d;--navy2:#0c284e;--gold:#d4af37;--cream:#f5f0e6;--paper:#fbfaf7;--ink:#102035;--muted:#6b7482;--line:#dfe3e8;--white:#fff;--shadow:0 22px 70px rgba(6,24,50,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.section-dark{background:radial-gradient(circle at 75% 20%,#143c70 0,#071e3d 42%,#041328 100%);color:white}.white{background:#fff}.light{background:#f8f7f3}.soft{background:#eef2f5}.eyebrow{font-size:.76rem;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:#e2c569;margin:0 0 15px}.eyebrow.dark{color:#9a781b}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(4,19,40,.84);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:white}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:18px;color:var(--gold)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{letter-spacing:.15em;font-size:14px}.brand-copy small{font-size:9px;letter-spacing:.36em;margin-top:5px;color:#d5d9df}.main-nav{display:flex;gap:28px;align-items:center;color:#e8edf4;font-size:14px}.main-nav a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:11px 17px;color:#fff!important}.menu-toggle{display:none;background:none;color:white;border:1px solid rgba(255,255,255,.25);padding:8px 12px}.hero{min-height:860px;display:flex;align-items:center;padding-top:100px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.hero-copy h1,.section-heading h2,.projects-intro h2,.tech-copy h2,.about-copy h2,.quote-copy h2{font-family:"Cormorant Garamond",serif;line-height:.98;margin:0;font-weight:600}.hero-copy h1{font-size:clamp(58px,6.3vw,90px);letter-spacing:-.035em}.hero-copy h1 span{color:var(--gold)}.hero-lead{max-width:680px;font-size:18px;color:#d0d8e5;margin:25px 0 32px}.hero-actions{display:flex;gap:13px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s;cursor:pointer}.btn-gold{background:var(--gold);color:#15243b}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(212,175,55,.25)}.btn-outline{border-color:rgba(255,255,255,.35);color:white}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.btn-navy{background:var(--navy);color:white}.hero-meta{display:flex;gap:20px;margin-top:30px;color:#aab7c9;font-size:12px;flex-wrap:wrap}.hero-meta span:before{content:"•";color:var(--gold);margin-right:8px}.hero-visual{height:620px;position:relative}.hero-frame{position:absolute;inset:45px 25px 30px 55px;border-radius:4px;overflow:hidden;box-shadow:0 50px 90px rgba(0,0,0,.38)}.hero-frame img{width:100%;height:100%;object-fit:cover}.floating-product{position:absolute;background:#fff;border-radius:50%;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.floating-product.watch{width:180px;height:180px;right:-25px;top:55px}.floating-product.flask{width:160px;height:160px;left:-15px;bottom:15px}.floating-product img{width:100%;height:100%;object-fit:cover}.hero-badge{position:absolute;right:3px;bottom:0;background:var(--gold);color:#14243a;padding:19px 24px;display:flex;flex-direction:column}.hero-badge small{letter-spacing:.18em;font-size:9px}.hero-badge strong{font-family:"Cormorant Garamond",serif;font-size:22px}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.2}.hero-glow.one{width:400px;height:400px;background:#296ac1;right:5%;top:12%}.hero-glow.two{width:300px;height:300px;background:#d4af37;left:-12%;bottom:-5%}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:27px 25px;border-right:1px solid var(--line)}.trust-grid div:last-child{border:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-family:"Cormorant Garamond",serif;font-size:20px}.trust-grid span{font-size:11px;color:var(--muted);margin-top:3px}.section-heading{margin-bottom:48px}.section-heading h2,.projects-intro h2,.tech-copy h2,.about-copy h2,.quote-copy h2{font-size:clamp(42px,5vw,65px)}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:end}.split-heading>p{color:var(--muted);max-width:520px}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.collection-card{height:430px;position:relative;overflow:hidden;background-image:var(--image);background-size:cover;background-position:center}.collection-card:before{content:"";position:absolute;inset:0;background-image:var(--image);background-size:cover;background-position:center;transition:transform .8s ease}.collection-card:hover:before{transform:scale(1.045)}.collection-card.large{height:535px}.card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(0,12,30,.76) 100%)}.collection-content{position:absolute;z-index:2;left:34px;right:34px;bottom:32px;color:white}.collection-content>span{font-size:10px;letter-spacing:.18em;color:#e2c569}.collection-content h3{font-family:"Cormorant Garamond",serif;font-size:38px;line-height:1;margin:8px 0 10px}.collection-content p{font-size:13px;max-width:400px;color:#e0e5eb}.collection-content a{font-size:12px;color:#f1d978;font-weight:700}.tech-showcase{padding:105px 0}.tech-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.tech-copy p:not(.eyebrow){color:#bac5d4}.tech-pills{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 32px}.tech-pills span{font-size:11px;border:1px solid rgba(255,255,255,.18);padding:8px 12px;border-radius:30px}.tech-products{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tech-products figure{margin:0;background:linear-gradient(145deg,#0e2b55,#06182f);padding:20px;position:relative;border:1px solid rgba(255,255,255,.08)}.tech-products img{aspect-ratio:1/1;object-fit:cover}.tech-products figcaption{text-align:center;margin-top:13px;font-size:12px;color:#d9e1eb}
/* Projects */
.projects-section{padding:125px 0;background:#fbfaf7}.projects-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:56px}.projects-intro>p{margin:0;color:var(--muted);max-width:530px}.project-feature{display:grid;grid-template-columns:1.35fr .65fr;min-height:650px;background:#ece7dc;margin-bottom:22px}.project-feature-media{position:relative;overflow:hidden;min-height:650px;background:radial-gradient(circle at 48% 44%,#fff 0,#e7dfd0 55%,#d6c7a9 100%)}.project-kicker{position:absolute;left:28px;top:26px;z-index:4;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#746a59}.jacket{position:absolute;object-fit:contain;filter:drop-shadow(0 30px 24px rgba(40,32,18,.2));transition:transform .55s ease}.black-front{width:58%;left:2%;bottom:-1%}.white-front{width:56%;right:-2%;top:4%}.project-feature:hover .black-front{transform:translateX(-10px) rotate(-1deg)}.project-feature:hover .white-front{transform:translateX(10px) rotate(1deg)}.project-number{position:absolute;right:18px;bottom:-25px;font-family:"Cormorant Garamond",serif;font-size:190px;color:rgba(117,100,65,.09);line-height:1}.project-feature-copy{padding:66px 48px;display:flex;flex-direction:column;justify-content:center}.client-label{font-size:10px;letter-spacing:.22em;font-weight:800;color:#8b6d1e}.project-feature-copy h3,.tile-copy h3{font-family:"Cormorant Garamond",serif;line-height:1.02;margin:11px 0 18px}.project-feature-copy h3{font-size:54px}.project-lead{font-size:16px;color:#5e6570}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 28px}.project-tags span{font-size:10px;background:rgba(7,30,61,.07);padding:8px 10px}.text-link{padding:0;border:0;background:none;text-align:left;font-weight:700;color:var(--navy);cursor:pointer;width:max-content}.text-link b{color:#9a781b;margin-left:5px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-tile{background:#f0f1ef;overflow:hidden}.dark-tile{background:#081c39;color:white}.tile-media{height:470px;overflow:hidden;background:#e6e3db}.tile-media>img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.project-tile:hover .tile-media>img:first-child{transform:scale(1.03)}.utility-media{display:grid;grid-template-columns:1fr 1fr}.utility-media img{width:100%;height:100%;object-fit:cover}.tile-copy{padding:34px 34px 38px}.tile-index{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#8c9198;margin:0 0 20px}.dark-tile .tile-index{color:#9badc4}.light-label{color:#e4c45f}.tile-copy h3{font-size:40px}.tile-copy>p:last-of-type{font-size:13px;color:#67707b}.dark-tile .tile-copy>p:last-of-type{color:#bdc7d4}.light-link{color:white}.projects-cta{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding:28px 0;border-top:1px solid #d6d9dd}.projects-cta p{font-family:"Cormorant Garamond",serif;font-size:28px;margin:0}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d6dce1;border:1px solid #d6dce1}.industry-grid div{background:#fff;padding:34px 23px;font-family:"Cormorant Garamond",serif;font-size:24px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.about-visual{height:580px}.about-visual img{width:100%;height:100%;object-fit:cover}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.benefits{margin-top:30px;border-top:1px solid var(--line)}.benefits div{padding:16px 0;border-bottom:1px solid var(--line)}.benefits strong,.benefits span{display:block}.benefits span{font-size:12px;color:var(--muted)}.process{padding:105px 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1)}.process-grid>div{background:#071e3d;padding:34px}.process-grid span{font-size:10px;color:var(--gold)}.process-grid strong{font-family:"Cormorant Garamond",serif;font-size:28px;display:block;margin:6px 0}.process-grid p{font-size:12px;color:#afbdcf}.quote-section{background:#f7f4ed}.quote-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.quote-copy>p:not(.eyebrow){color:var(--muted)}.contact-list{display:flex;flex-direction:column;gap:8px;margin-top:30px;font-size:13px}.quote-form{background:#fff;padding:38px;box-shadow:var(--shadow)}.quote-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#4d5764}.field.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form input,.quote-form select,.quote-form textarea{border:1px solid #d9dde3;padding:13px 12px;font:inherit;font-size:13px;background:white}.quote-form label{margin-bottom:14px}.form-note{font-size:11px;color:#6b7482}.site-footer{background:#041328;color:#d8e0ea;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;gap:8px;font-size:12px}.footer-grid h4{font-family:"Cormorant Garamond",serif;font-size:21px;color:white;margin:0 0 9px}.footer-grid p{max-width:370px;color:#9fadc0}.footer-bottom{margin-top:50px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#8190a4}
/* modal */
.modal{position:fixed;inset:0;z-index:3000;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,10,22,.76);backdrop-filter:blur(8px)}.modal-panel{position:absolute;top:4vh;right:3vw;bottom:4vh;width:min(760px,94vw);background:#fbfaf7;overflow:auto;box-shadow:-20px 0 80px rgba(0,0,0,.3)}.modal-close{position:sticky;float:right;top:16px;margin:16px 16px 0 0;z-index:3;width:42px;height:42px;border:0;background:#071e3d;color:white;font-size:25px;cursor:pointer}.case-hero{height:360px;display:grid;grid-template-columns:1fr 1fr;background:#e7dfd1;overflow:hidden}.case-hero img{width:100%;height:100%;object-fit:cover}.case-body{padding:44px 46px 55px}.case-body .eyebrow{color:#9a781b}.case-body h2{font-family:"Cormorant Garamond",serif;font-size:50px;line-height:1;margin:0 0 17px}.case-body .intro{font-size:16px;color:#59626f}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.case-grid h4{font-family:"Cormorant Garamond",serif;font-size:23px;margin:0 0 6px}.case-grid p,.case-list{font-size:12px;color:#69727e}.case-list{padding-left:18px}.case-note{margin-top:28px;padding:16px;background:#f0eee8;font-size:11px;color:#68717d}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:900px){.main-nav{display:none;position:absolute;left:20px;right:20px;top:75px;background:#06162d;padding:22px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.tech-grid,.about-grid,.quote-grid,.project-feature,.projects-intro,.split-heading{grid-template-columns:1fr}.hero{min-height:auto;padding:145px 0 80px}.hero-visual{height:520px}.trust-grid{grid-template-columns:1fr 1fr}.collection-grid,.project-pair{grid-template-columns:1fr}.project-feature-copy{padding:42px 30px}.project-feature-media{min-height:540px}.process-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.projects-intro{gap:20px}.industry-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 26px,1180px)}.section{padding:78px 0}.hero-copy h1{font-size:49px}.hero-visual{height:430px}.hero-frame{inset:30px 0 35px 25px}.floating-product.watch{width:120px;height:120px;right:-2px}.floating-product.flask{width:110px;height:110px}.trust-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line)}.collection-card,.collection-card.large{height:430px}.project-feature-media{min-height:440px}.project-number{font-size:120px}.project-feature-copy h3{font-size:42px}.tile-media{height:390px}.utility-media{grid-template-columns:1fr 1fr}.projects-cta{align-items:flex-start;gap:20px;flex-direction:column}.industry-grid,.process-grid,.field.two,.footer-grid,.case-grid{grid-template-columns:1fr}.about-visual{height:430px}.quote-form{padding:25px}.footer-bottom{gap:10px;flex-direction:column}.modal-panel{top:2vh;right:2vw;bottom:2vh;width:96vw}.case-hero{height:260px}.case-body{padding:32px 25px}.case-body h2{font-size:40px}}