:root{--ink:#102f3a;--teal:#008797;--coral:#f05a4f;--paper:#f7f6f2;--line:#cbd1cf;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 4.8%;}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand img{width:40px;height:48px}.brand span{display:flex;flex-direction:column;letter-spacing:.18em}.brand b{font-size:14px}.brand small{font-size:6px;margin-top:5px}.site-header nav{display:flex;gap:24px;padding:12px 18px;background:rgba(248,247,243,.68);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.45)}nav a{color:inherit;text-decoration:none;font-size:12px}nav a:after{content:'';display:block;height:1px;background:var(--teal);transform:scaleX(0);transition:.25s;transform-origin:left}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1)}
.hero{height:660px;position:relative;overflow:hidden;background:#faf9f6}.hero-art{position:absolute;right:0;top:0;width:69.7%;height:100%;background:url('assets/hero-original.png') center/cover no-repeat;transform:scale(1.01);animation:heroSettle 1.8s cubic-bezier(.2,.8,.2,1) both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf9f6 0 35%,rgba(250,249,246,.85) 42%,transparent 62%);pointer-events:none}.hero-copy{position:relative;z-index:2;padding:118px 0 0 5.4%;max-width:520px}.eyebrow,.side-label{font-size:10px;text-transform:uppercase;letter-spacing:.28em;line-height:1.45}.eyebrow:after{content:'';display:inline-block;width:45px;height:1px;background:#6f8587;margin:0 0 4px 20px}.hero h1,.manifesto h2,.automation h2,.work h2,.balance h2,.process h2,.cta h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.hero h1{font-size:57px;line-height:.94;margin:28px 0 18px}.hero h1 em{color:var(--teal);font-style:normal}.lede{font-size:17px}.actions{display:flex;gap:14px;margin:26px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:1px solid var(--teal);text-decoration:none;font-weight:700;font-size:12px;transition:.25s}.primary{background:var(--teal);color:white}.ghost{color:var(--ink);background:rgba(255,255,255,.5)}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,47,58,.14)}.capabilities{margin-top:28px;text-transform:uppercase;font-size:8px;letter-spacing:.24em}
.manifesto{min-height:145px;padding:30px 5%;display:grid;grid-template-columns:140px 1fr 220px;gap:30px;align-items:center;background:#f1f1ee;border-bottom:1px solid #e2e4e1}.manifesto h2{font-size:31px;line-height:.96;margin:0}.manifesto>p:last-child{font-size:13px;line-height:1.5}.side-label{font-size:8px}.side-label b{display:inline-block;margin-top:14px}
.section-head{padding:22px 5% 14px;display:grid;grid-template-columns:1fr auto auto;gap:55px;align-items:end}.section-head>a,.automation a{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--teal)}.section-head>p:nth-child(2){font-size:11px}.expertise-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:0 5% 18px}.expert-card{min-width:0;border-left:1px solid #daddda;padding:12px 10px 0;display:flex;flex-direction:column;min-height:260px}.expert-card:last-child{border-right:1px solid #daddda}.expert-card span{font-size:10px;color:var(--teal)}.expert-card h3{font-family:var(--serif);font-weight:400;font-size:19px;line-height:.95;margin:10px 0}.expert-card p{font-size:11px;line-height:1.4;min-height:48px}.expert-card img{width:100%;height:105px;object-fit:cover;margin-top:auto;filter:saturate(.92);transition:transform .45s,filter .45s}.expert-card:hover img{transform:scale(1.035);filter:saturate(1.05)}
.automation{min-height:450px;display:grid;grid-template-columns:43.4% 56.6%;background:#f3f2ee}.automation-copy{padding:42px 11% 38px 16%}.automation-copy h2{font-size:45px;line-height:.92;margin:26px 0 20px}.automation-copy>p:not(.side-label){font-size:14px;line-height:1.55}.automation-art{background:url('assets/automation-fpo.png') center/cover no-repeat;min-height:450px;transform-origin:center;transition:transform .5s}.automation:hover .automation-art{transform:scale(1.015)}
.work{padding:28px 5% 20px}.work-head{display:grid;grid-template-columns:100px 1fr 250px;align-items:end;gap:24px}.work-head h2{font-size:35px;line-height:.95;margin:0}.work-head>p:last-child{text-align:right;text-transform:uppercase;color:var(--teal);font-size:9px;letter-spacing:.16em;line-height:1.6}.work-mosaic{height:325px;margin-top:24px;background:url('assets/work-mosaic.png') center/cover no-repeat;transition:transform .55s}.work-mosaic:hover{transform:scale(.992)}
.balance{display:grid;grid-template-columns:115px 1fr 180px 1fr;min-height:240px;border-top:1px solid #e1e2df;border-bottom:1px solid #e1e2df}.balance>.side-label{padding:24px 0 0 42px}.balance-panel{padding:52px 36px}.balance-panel h2{font-size:34px;line-height:.92;margin:0 0 15px}.balance-panel p{font-size:12px;line-height:1.5}.human{background:linear-gradient(90deg,rgba(245,244,240,.95),rgba(245,244,240,.75)),url('assets/expertise-strategy.png') center/cover}.tools{background:linear-gradient(90deg,rgba(245,244,240,.88),rgba(245,244,240,.68)),url('assets/expertise-web.png') center/cover}.balance-mark{align-self:center;justify-self:center;border:1px solid #c6cecb;border-radius:50%;width:105px;height:105px;display:grid;place-items:center;text-align:center;text-transform:uppercase;font-size:8px;letter-spacing:.18em}
.process{display:grid;grid-template-columns:33% 67%;padding:28px 5%}.process-title{display:grid;grid-template-columns:75px 1fr}.process-title h2{font-size:31px;line-height:.95;margin:0}.process ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.process li{border-left:1px solid #ccd2cf;padding:0 18px}.process li b{color:var(--coral);font-size:11px}.process li h3{font-family:var(--serif);font-weight:400;margin:10px 0 5px}.process li p{font-size:10px;line-height:1.45}.founder{display:grid;grid-template-columns:75px 36% 1fr;gap:25px;padding:10px 5% 30px}.founder-image{min-height:200px;background:linear-gradient(rgba(247,246,242,.15),rgba(247,246,242,.15)),url('assets/expertise-strategy.png') center/cover}.founder blockquote{margin:20px 0 0;font-size:17px;line-height:1.5}.founder blockquote small{display:block;margin-top:28px;text-transform:uppercase;font-size:8px;letter-spacing:.22em}
.cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;padding:30px 5%;background:linear-gradient(105deg,#006978,#003d49);color:#fff}.cta h2{font-size:45px;line-height:.9;margin:0}.cta p{font-size:12px;line-height:1.6}.inverted{color:#fff;border-color:#fff;justify-self:start}.watermark{position:absolute;right:3%;font-family:var(--serif);font-size:130px;opacity:.08}footer{padding:28px 5% 42px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:start}footer nav{display:flex;gap:35px}footer>small{font-size:9px}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.js .reveal.visible{opacity:1;transform:none}@keyframes heroSettle{from{transform:scale(1.08) translate3d(2%,1%,0)}to{transform:scale(1.01) translate3d(0,0,0)}}
@media(max-width:800px){.site-header{position:fixed;height:64px;background:rgba(248,247,243,.88);backdrop-filter:blur(12px)}.site-header nav{display:none}.hero{height:760px}.hero-art{width:100%;height:46%;top:64px;background-position:center}.hero:after{background:linear-gradient(180deg,transparent 20%,#faf9f6 47%)}.hero-copy{padding:390px 7% 0;max-width:none}.hero h1{font-size:44px}.manifesto{grid-template-columns:1fr;padding:30px 7%}.expertise-grid{grid-template-columns:repeat(2,1fr);padding:0 7%}.section-head{grid-template-columns:1fr}.automation{grid-template-columns:1fr}.automation-copy{padding:40px 7%}.automation-art{min-height:360px}.work{padding:32px 7%}.work-head{grid-template-columns:1fr}.work-head>p:last-child{text-align:left}.work-mosaic{height:260px}.balance{grid-template-columns:1fr}.balance>.side-label{padding:28px 7% 0}.balance-mark{margin:0 auto}.process{grid-template-columns:1fr;padding:36px 7%}.process ol{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:35px}.founder{grid-template-columns:1fr;padding:20px 7% 40px}.cta{grid-template-columns:1fr;gap:22px;padding:40px 7%}.watermark{font-size:90px}footer{grid-template-columns:1fr;padding:32px 7%}footer nav{flex-wrap:wrap;gap:18px}.capabilities{line-height:1.8}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}

/* Approved composition refinements */
.site-header{padding-left:5.4%}.header-mark{align-self:flex-start;margin-top:4px}.header-mark img{width:96px;height:70px;object-fit:contain;object-position:left center}.hero h1{line-height:1.03}.button{border-radius:8px}.capabilities{word-spacing:.7em;letter-spacing:.3em}.manifesto h2,.automation-copy h2,.work-head h2,.balance-panel h2,.process-title h2,.cta h2{line-height:1.06}
.expertise-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.expert-card{padding:12px 0 0;display:grid;grid-template-rows:18px 52px 56px 104px;min-height:242px;overflow:hidden}.expert-card>span,.expert-card>h3,.expert-card>p{padding-left:10px;padding-right:10px}.expert-card h3{line-height:1.05;margin:4px 0}.expert-card p{margin:5px 0;min-height:0}.expert-card img{display:block;width:100%;height:104px;object-fit:cover;object-position:center;margin:0}.expert-card:hover img{transform:scale(1.025)}
.automation-art{position:relative;overflow:hidden;min-height:450px;background:linear-gradient(135deg,#ecebe6,#f8f7f2 52%,#e8e4dc);transform-origin:center;will-change:transform}.glass{position:absolute;transform:rotate(45deg);border:1px solid rgba(0,135,151,.35);box-shadow:0 22px 45px rgba(17,47,58,.12)}.glass-a{width:190px;height:190px;top:-70px;left:15px;background:linear-gradient(135deg,rgba(0,135,151,.52),rgba(255,255,255,.08))}.glass-b{width:150px;height:150px;bottom:-60px;right:-28px;background:linear-gradient(135deg,rgba(16,47,58,.22),rgba(0,135,151,.08))}.flow-box{position:absolute;z-index:2;background:rgba(250,249,246,.95);border:1px solid rgba(16,47,58,.08);border-radius:8px;box-shadow:0 10px 24px rgba(16,47,58,.1);display:grid;place-items:center;text-align:center;font-size:12px;font-weight:700}.flow-input{left:9%;top:43%;width:90px;height:58px}.flow-agent{left:31%;top:43%;width:96px;height:58px;color:#fff;background:linear-gradient(135deg,#008797,#006977)}.flow-line{position:absolute;z-index:1;left:25%;top:50%;width:7%;height:2px;background:var(--teal)}.flow-outputs{position:absolute;left:64%;top:9%;bottom:9%;width:125px;display:grid;grid-template-rows:repeat(4,1fr);gap:12px}.flow-outputs .flow-box{position:relative;width:125px;height:auto}.flow-connectors{position:absolute;z-index:1;inset:0;width:100%;height:100%}.flow-connectors path{fill:none;stroke:var(--teal);stroke-width:2}.flow-connectors .coral{stroke:var(--coral)}.automation-note{position:absolute;right:4%;top:12%;text-transform:uppercase;font-size:9px;line-height:1.65;letter-spacing:.2em}.automation:hover .flow-agent{animation:pulseAgent 1.8s ease-in-out infinite}
.work-mosaic{width:100%;height:auto;aspect-ratio:731/212;background-position:center;background-size:100% 100%;will-change:transform}.work-mosaic:hover{filter:saturate(1.08)}
.cta{background:radial-gradient(circle at 88% 40%,rgba(0,135,151,.46),transparent 28%),linear-gradient(110deg,#007c8b,#004a58 62%,#073f49)}.cta:before{content:'';position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(120deg,transparent 0 18px,rgba(255,255,255,.04) 19px 20px)}.cta>*{position:relative;z-index:1}.watermark{z-index:0;right:1.5%;top:-28%;font-size:220px;font-weight:700;line-height:1;color:#fff;opacity:.13;transform:rotate(-7deg);will-change:transform}
@keyframes pulseAgent{50%{box-shadow:0 14px 38px rgba(0,135,151,.32);transform:translateY(-2px)}}
@media(max-width:800px){.header-mark img{width:72px;height:52px}.hero{height:790px}.automation-art{min-height:390px}.flow-outputs{left:63%;width:108px}.flow-outputs .flow-box{width:108px}.automation-note{display:none}.work-mosaic{height:auto}.watermark{font-size:150px;top:8%}}

/* Revision pass 02: align the visible mark, not its internal SVG canvas */
.site-header{height:104px;align-items:flex-start;padding-top:8px}.header-mark{width:188px;height:96px;margin:0 0 0 -19px;overflow:hidden}.header-mark img{width:188px;height:138px;object-fit:contain;object-position:left top;transform:translateY(-8px)}.site-header nav{margin-top:10px}.capabilities{width:max-content;max-width:none;white-space:nowrap;font-size:clamp(6.5px,.55vw,8px);word-spacing:.74em;letter-spacing:.28em}
@media(max-width:800px){.site-header{height:72px;padding-top:4px}.header-mark{width:122px;height:66px;margin-left:-13px}.header-mark img{width:122px;height:90px;transform:translateY(-5px)}.capabilities{font-size:6.5px;letter-spacing:.18em;word-spacing:.35em}}

/* Selected light architectural gateway hero */
.hero-art{width:100%;background:#faf9f6 url('assets/hero-light-six-gateway.jpg') right top/contain no-repeat}
.hero-art{position:fixed;left:0;right:auto;top:0;height:660px;z-index:0;will-change:auto;animation:none;transform:none}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right top;display:block;pointer-events:none}
.sound-toggle{position:absolute;right:4.5%;bottom:34px;z-index:5;width:42px;height:42px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.68);border-radius:50%;color:#fff;background:rgba(0,52,62,.28);box-shadow:0 5px 18px rgba(0,35,43,.15);backdrop-filter:blur(8px);cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease}
.sound-toggle:hover,.sound-toggle:focus-visible{background:rgba(0,73,84,.5);border-color:#fff;transform:translateY(-1px)}
.sound-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sound-toggle svg{width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sound-waves{fill:none;opacity:0}.sound-muted{fill:none;opacity:1}.sound-toggle.is-on .sound-waves{opacity:1}.sound-toggle.is-on .sound-muted{opacity:0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-copy{z-index:2}
.manifesto,.expertise,.automation,.work,.balance,.process,.founder,.cta,footer{position:relative;z-index:3}
.hero:after{background:linear-gradient(90deg,#faf9f6 0 33%,rgba(250,249,246,.58) 40%,transparent 51%)}
@media(max-width:800px){.hero-art{top:0;height:363px;background-position:70% top;background-size:cover;transform:none}.hero-video{object-fit:cover;object-position:70% top}.sound-toggle{right:7%;top:340px;bottom:auto;width:40px;height:40px}}

/* Full-width intelligent automation artwork */
.automation{grid-template-columns:36% 64%;background:#f5f0e9 url('assets/automation-luminous-desktop.jpg') center/100% 100% no-repeat}
.automation-copy{position:relative;z-index:2;padding-left:14%;padding-right:5%;background:transparent}
.automation-art{min-height:450px;background:none;overflow:visible}
.automation:hover .automation-art{transform:none}
@media(max-width:800px){
  .automation{display:block;background:#f5f0e9}
  .automation-copy{padding:40px 7% 28px;background:#f5f0e9}
  .automation-art{min-height:0;aspect-ratio:2/3;background:url('assets/automation-luminous-mobile.jpg') center top/cover no-repeat}
}

/* Revision pass 04: protect the editorial rail and preserve image proportions */
@media(min-width:801px){
  .balance{grid-template-columns:110px 24fr 22fr 14fr 16fr 24fr}
  .balance:before{background-size:cover;background-position:center}
  .process-title{grid-template-columns:110px 1fr}
  .founder{grid-template-columns:110px 40% 1fr}
  .founder>.side-label{padding-right:16px}
}

/* Expertise media returns to the original square, inset rhythm */
.expert-card{padding-left:5px;padding-right:5px}
.expert-card>span,.expert-card>h3,.expert-card>p{padding-left:7px;padding-right:7px}
.expert-card img{width:calc(100% - 14px);aspect-ratio:1/1;margin:0 7px 12px;object-fit:cover}

/* Rebuilt teal CTA artwork; the dimensional mark is part of the artwork */
.cta{min-height:176px;background:#005b68 url('assets/cta-embossed-teal-v2.jpg') center/cover no-repeat}
.cta:before{display:none}
.cta .watermark{display:none}

/* Revision pass 05: enlarge the anchored hero mark without moving its visible left edge */
@media(min-width:801px){
  .header-mark{width:244px;height:125px;margin-left:-25px}
  .header-mark img{width:244px;height:179px;transform:translateY(-10px)}
}

/* Lock all six expertise windows to one square baseline and tune their crops */
.expert-card{grid-template-rows:18px 52px 56px auto}
.expert-card img{display:block;width:calc(100% - 14px);height:auto;aspect-ratio:1/1;margin:0 7px 12px;object-fit:cover}
.expert-card:nth-child(1) img{object-position:center 46%}
.expert-card:nth-child(2) img{object-position:center center}
.expert-card:nth-child(3) img{object-position:center 54%}
.expert-card:nth-child(4) img{object-position:center 48%}
.expert-card:nth-child(5) img{object-position:center 52%}
.expert-card:nth-child(6) img{object-position:center center}

/* Exact vector mark over the quieter teal CTA treatment */
.cta{background:radial-gradient(circle at 79% 35%,rgba(0,154,168,.48),transparent 34%),linear-gradient(102deg,#00626f 0%,#006f7c 48%,#004955 100%)}
.cta:after{content:'';position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.035),transparent 34%,rgba(0,25,31,.12));pointer-events:none}
.cta .watermark{display:block;position:absolute;z-index:0;right:1.5%;top:-42px;width:235px;height:250px;opacity:.14;transform:rotate(-7deg);filter:drop-shadow(2px 2px 1px rgba(0,22,28,.55)) drop-shadow(-1px -1px 1px rgba(123,224,230,.28))}
.cta .watermark img{display:block;width:100%;height:100%;object-fit:contain}
.cta>h2,.cta>p,.cta>a{position:relative;z-index:2}
@media(max-width:800px){
  .cta .watermark{width:175px;height:190px;right:-20px;top:10px}
}

/* Revision pass 06: restore the original 04–06 rail and five-panel rhythm */
@media(min-width:801px){
  .balance{grid-template-columns:clamp(132px,10.5vw,150px) 24fr 22fr 14fr 16fr 24fr}
  .balance:before{grid-column:2;grid-row:1;background:url('assets/balance-hand-panel.jpg') center/cover no-repeat}
  .balance:after{content:'';grid-column:6;grid-row:1;background:url('assets/balance-laptop-panel.jpg') center/cover no-repeat}
  .process-title{grid-template-columns:clamp(132px,10.5vw,150px) 1fr}
  .founder{grid-template-columns:clamp(132px,10.5vw,150px) 40% 1fr}
  .founder>.side-label{padding-right:22px}
  .site-header nav{background:rgba(248,247,243,.70)}
}
footer .brand img{width:40px;height:40px;object-fit:contain}

@media(max-width:800px){
  .balance:before{grid-column:1;grid-row:2;background:url('assets/balance-human-tools-v2.jpg') center/cover no-repeat}
  .balance:after{display:none}
  .site-header{background:rgba(248,247,243,.70)}
}

/* Desktop hero vertical rhythm and edge-bleed navigation */
@media(min-width:801px){
  .header-mark{margin-top:40px}
  .hero-copy{padding-top:166px}
  .hero-art{background-attachment:fixed}
  .site-header nav{margin-right:calc(-4.8vw - 1px);padding:12px calc(4.8vw + 18px) 12px 22px;background:rgba(248,247,243,.88);border-radius:8px 0 0 8px}
}

/* Expertise image study: preserve copy, extend the photographic field */
.expert-card{grid-template-rows:18px 52px 56px auto;min-height:0}.expert-card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.expertise-grid{align-items:stretch}

/* Sections 04–06: one shared editorial alignment grid */
.balance{position:relative;isolation:isolate;display:grid;grid-template-columns:75px 26fr 22fr 14fr 22fr 16fr;min-height:240px;padding:0 5%;background:#f6f5f1}
.balance:before{content:'';grid-column:2/-1;grid-row:1;background:url('assets/balance-human-tools-v2.jpg') center/100% 100% no-repeat;z-index:0}
.balance>.side-label,.balance-panel,.balance-mark{position:relative;z-index:1}
.balance>.side-label{grid-column:1;grid-row:1;padding:24px 12px 0 0}
.balance-panel{grid-row:1;padding:52px 20px;background:transparent}
.human{grid-column:3;background:none}
.balance-mark{grid-column:4;grid-row:1}
.tools{grid-column:5;background:none}
.founder{grid-template-columns:75px 40% 1fr;gap:0}
.founder-image{background:url('assets/founder-studio-v2.jpg') center/cover no-repeat}
.founder blockquote{margin-left:25px}

@media(max-width:800px){
  .balance{grid-template-columns:1fr;padding:0;background:#f6f5f1}
  .balance:before{grid-column:1;grid-row:2;height:170px;background-size:cover}
  .balance>.side-label{grid-column:1;grid-row:1;padding:28px 7% 18px}
  .balance-panel{grid-column:1;padding:30px 7%}
  .human{grid-row:3}.balance-mark{grid-column:1;grid-row:4}.tools{grid-row:5}
  .founder blockquote{margin-left:0}
}

/* Revision pass 07: honor the annotated 04–06 master line */
@media(min-width:801px){
  .balance{grid-template-columns:clamp(160px,12.5vw,180px) 24fr 22fr 13fr 23fr 18fr}
  .balance:after{background-image:url('assets/balance-laptop-panel-v2.jpg');background-position:center right;z-index:0}
  .process-title{grid-template-columns:clamp(160px,12.5vw,180px) 1fr}
  .founder{grid-template-columns:clamp(160px,12.5vw,180px) 40% 1fr}
  .founder>.side-label{padding-right:10px;letter-spacing:.21em;overflow:visible}
  .founder>.side-label b{white-space:normal;overflow:visible}
  .site-header nav{background:rgba(248,247,243,.52)}
}

/* Revision pass 08: restore the original 01–02 light editorial rhythm */
.expertise-grid{gap:0;align-items:start}
.expert-card{grid-template-rows:18px 52px 56px auto;padding:12px 0 0;overflow:hidden}
.expert-card img{display:block;width:100%;height:auto;aspect-ratio:1/1;margin:0;object-fit:cover}
.automation{display:grid;grid-template-columns:40% 60%;min-height:445px;background:#f5f4f0}
.automation-copy{padding:42px 10% 38px 15%;background:#f5f4f0}
.automation-art{position:relative;z-index:1;min-height:445px;margin-left:-2.5%;background:#eeeae2 url('assets/automation-flowchart-v4-4x3.png') center/cover no-repeat;overflow:hidden}

@media(max-width:800px){
  .expertise-grid{gap:0}
  .expert-card img{aspect-ratio:1/1}
  .automation{display:block;background:#f5f4f0}
  .automation-copy{padding:40px 7% 28px;background:#f5f4f0}
  .automation-art{min-height:0;aspect-ratio:4/3;margin-left:0;background:#eeeae2 url('assets/automation-flowchart-v4-4x3.png') center/cover no-repeat}
}

/* Revision pass 09: clarify section numbering, card gutters, and the 02 seam */
.section-head .side-label b{margin-top:0}
.expertise-grid{column-gap:clamp(10px,1.15vw,18px)}
.expert-card{border-right:1px solid #daddda}
.expert-card img{width:100%;margin:0;aspect-ratio:1/1}
.automation-art{margin-left:0;box-shadow:-1px 0 0 #f5f4f0}

@media(max-width:800px){
  .expertise-grid{column-gap:10px;row-gap:20px}
  .automation-art{box-shadow:none}
}

/* Revision pass 10: shared editorial text line and teal manifesto study */
.manifesto{background:linear-gradient(105deg,#007f8e,#006b79);color:#fff;border-color:rgba(255,255,255,.16)}
.manifesto .side-label,.manifesto>p:last-child{color:rgba(255,255,255,.88)}
.manifesto .side-label:after{background:rgba(255,255,255,.6)}
.automation{margin-top:0}
.expertise{padding-bottom:24px}

@media(min-width:801px){
  .automation-copy{display:grid;grid-template-columns:clamp(105px,9vw,140px) minmax(0,1fr);grid-template-rows:auto auto auto auto;padding:42px 4% 38px 5vw}
  .automation-copy>.side-label{grid-column:1;grid-row:1/5;padding-right:18px}
  .automation-copy>h2,.automation-copy>p:not(.side-label),.automation-copy>a{grid-column:2}
  .automation-copy>h2{margin-top:24px}
  .site-header nav{background:rgba(248,247,243,.40)}
}

@media(max-width:800px){
  .manifesto{background:linear-gradient(135deg,#007f8e,#006b79)}
  .automation{margin-top:0}
  .expertise{padding-bottom:18px}
}

/* Revision pass 11: final editorial alignment, founder signature, and original footer rhythm */
@media(min-width:801px){
  .automation-copy{grid-template-columns:124px minmax(0,1fr)}
  .site-header nav{padding-right:calc(2.4vw + 18px);background:rgba(248,247,243,.32)}
}
.founder blockquote{position:relative;padding-right:190px;min-height:155px}
.founder-signature{position:absolute;right:12px;bottom:18px;width:168px;height:auto;object-fit:contain}
footer{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;column-gap:42px;row-gap:48px;padding:34px 5% 44px;align-items:center}
footer>.brand{grid-column:1;grid-row:1}
footer>.brand img{width:58px;height:58px}
footer>.brand b{font-size:17px;letter-spacing:.19em}
footer>.brand small{font-size:7px;letter-spacing:.22em}
footer>nav{grid-column:2;grid-row:1;justify-self:center}
.footer-motto{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:flex-start;gap:28px;margin:0;text-transform:uppercase;font-size:8px;line-height:1.6;letter-spacing:.24em}
.footer-motto span{display:block;width:46px;height:1px;margin-top:7px;background:#87999b}
.footer-copyright{grid-column:1;grid-row:2;font-size:9px}
.footer-services{grid-column:2/4;grid-row:2;justify-self:end;margin:0;text-transform:uppercase;font-size:8px;letter-spacing:.2em;color:#6f8587}

@media(max-width:800px){
  .founder blockquote{padding-right:0;min-height:0}
  .founder-signature{position:relative;display:block;right:auto;bottom:auto;width:160px;margin:24px 0 0 auto}
  footer{grid-template-columns:1fr;grid-template-rows:auto;gap:28px;padding:32px 7%}
  footer>.brand,footer>nav,.footer-motto,.footer-copyright,.footer-services{grid-column:1;grid-row:auto;justify-self:start}
  .footer-motto{order:3}.footer-copyright{order:4}.footer-services{order:5;line-height:1.8}
}

/* Revision pass 12: section 03 becomes four independent, proportion-safe pieces */
.work-mosaic{display:grid;grid-template-columns:7fr 3fr 2.35fr;grid-template-rows:minmax(135px,.82fr) minmax(190px,1.18fr);gap:10px;width:100%;height:430px;aspect-ratio:auto;background:none;margin-top:24px;overflow:hidden}
.work-piece{min-width:0;min-height:0;margin:0;overflow:hidden;background:#ececea}
.work-piece img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.work-piece:hover img{transform:scale(1.018)}
.work-piece-web{grid-column:1;grid-row:1/3}
.work-piece-web img{object-position:center center}
.work-piece-statement{grid-column:2;grid-row:1;position:relative;display:flex;align-items:center;padding:18px 11%;color:#fff;background:#f0443c;isolation:isolate}
.work-piece-statement:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background:repeating-radial-gradient(ellipse at 20% 110%,transparent 0 13px,rgba(255,255,255,.36) 14px 15px)}
.work-piece-statement span{font-family:var(--serif);font-size:clamp(30px,3.15vw,48px);line-height:.82;letter-spacing:-.055em}
.work-piece-statement i{position:absolute;left:11%;bottom:17px;width:45px;height:1px;background:rgba(255,255,255,.8)}
.work-piece-chapman{grid-column:2;grid-row:2}
.work-piece-chapman img{object-position:center center}
.work-piece-toast{grid-column:3;grid-row:1/3;background:#050505}
.work-piece-toast img{object-position:center center}
.work-mosaic:hover{filter:none;transform:none}

@media(max-width:800px){
  .work-mosaic{grid-template-columns:1.35fr 1fr;grid-template-rows:auto auto auto;height:auto;gap:8px;overflow:visible}
  .work-piece-web{grid-column:1/3;grid-row:1;aspect-ratio:3/2}
  .work-piece-statement{grid-column:1;grid-row:2;aspect-ratio:4/3}
  .work-piece-chapman{grid-column:1;grid-row:3;aspect-ratio:3/2}
  .work-piece-toast{grid-column:2;grid-row:2/4;aspect-ratio:auto}
  .work-piece-statement span{font-size:clamp(28px,9vw,44px)}
}

/* Revision pass 13: crisp white editorial fields for sections 03 and 05 */
.work,.work-head,.work-mosaic,.process{background-color:#fff!important}

/* Keep the fixed hero video confined visually to the hero. */
.expertise,.founder,footer{background-color:#fff}

/* Quiet rollover response for the expertise information panels. */
.expert-card{position:relative}
.expert-card:before{content:'';position:absolute;z-index:0;top:0;left:0;right:0;height:138px;background:#f2f4f3;opacity:0;transition:opacity .28s ease;pointer-events:none}
.expert-card:hover:before{opacity:1}
.expert-card>span,.expert-card>h3,.expert-card>p,.expert-card>img{position:relative;z-index:1}

/* Section rhythm: pause after the portfolio and around the founder story. */
.work{padding-bottom:50px}
.founder{padding-top:26px;padding-bottom:54px}
@media(max-width:800px){
  .work{padding-bottom:52px}
  .founder{padding-top:32px;padding-bottom:56px}
}

/* Keep the closing CTA legible while giving it a quiet interactive response. */
.cta .inverted:hover,.cta .inverted:focus-visible{background:rgba(255,255,255,.14);color:#fff;border-color:#fff;box-shadow:0 8px 24px rgba(0,35,43,.18)}

/* Launch readiness: accessible mobile navigation and resilient output. */
.nav-toggle,.mobile-nav{display:none}
@media(max-width:800px){
  html,body{overflow-x:clip}
  .site-header{z-index:20}
  .nav-toggle{display:flex;position:absolute;right:7%;top:18px;width:42px;height:38px;padding:9px;border:1px solid rgba(16,47,58,.16);border-radius:8px;background:rgba(248,247,243,.56);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;gap:5px;color:var(--ink);cursor:pointer}
  .nav-toggle span{display:block;width:100%;height:1px;background:currentColor;transform-origin:center;transition:transform .25s ease,opacity .2s ease}
  .nav-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-nav[hidden]{display:none!important}
  .mobile-nav:not([hidden]){display:flex;position:fixed;z-index:19;top:72px;left:0;right:0;padding:18px 7% 22px;background:rgba(248,247,243,.95);border-top:1px solid rgba(16,47,58,.08);box-shadow:0 16px 30px rgba(16,47,58,.12);backdrop-filter:blur(14px);flex-direction:column;gap:0}
  .mobile-nav a{padding:13px 0;border-bottom:1px solid rgba(16,47,58,.1);font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--ink)}
  .mobile-nav a:last-child{border-bottom:0;color:var(--teal)}
  html:not(.js) .nav-toggle{display:none}
  html:not(.js) .mobile-nav{display:flex!important;position:relative;z-index:18;padding:10px 7%;background:#f7f6f2;flex-wrap:wrap;gap:8px 18px}
  html:not(.js) .mobile-nav a{padding:7px 0;border:0}
  .hero h1{font-size:clamp(35px,11vw,44px)}
  .actions{flex-wrap:wrap;gap:10px}
  .capabilities{width:auto;max-width:100%;white-space:normal}
  .section-head{gap:12px;align-items:start;padding-top:28px;padding-bottom:20px}
  .expert-card{grid-template-rows:18px 68px 68px auto}
  .founder{gap:18px;min-width:0}
  .founder>*{min-width:0;max-width:100%}
  .founder blockquote{overflow-wrap:break-word}
  .cta .watermark{right:-48px;max-width:55vw}
  .footer-services{max-width:100%;overflow-wrap:break-word}
}
@media(max-width:480px){
  .actions{flex-direction:column;align-items:flex-start}
  .process ol{grid-template-columns:1fr;gap:22px}
  .process li{padding:0 0 0 16px}
  .cta{padding-left:7%;padding-right:7%}
}
@media print{
  .reveal,.js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .site-header{position:static!important}
  .nav-toggle,.mobile-nav,.sound-toggle{display:none!important}
  .hero-art{position:absolute!important}
}

/* Mobile composition lock: preserve the approved desktop above 800px. */
@media(max-width:800px){
  /* Show the complete hero frame first, then place the copy on a clean field. */
  .hero{height:auto;overflow:hidden;background:#faf9f6}
  .hero-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1672/941;background-position:center top;background-size:contain}
  .hero-video{object-fit:contain;object-position:center top}
  .hero:after{display:none}
  .hero-copy{padding:34px 7% 48px;max-width:none;background:#faf9f6}
  .actions{margin-bottom:22px}
  .sound-toggle{position:absolute;top:calc((100vw * 941 / 1672) - 50px);right:7%;bottom:auto}

  /* Expertise becomes a true vertical card stack, with full square artwork. */
  .expertise-grid{grid-template-columns:1fr;row-gap:24px;padding:0 7% 32px}
  .expert-card{grid-template-rows:18px auto auto auto;min-height:0;border-right:1px solid #daddda;padding-top:14px}
  .expert-card h3{font-size:24px;margin:8px 0 6px}
  .expert-card p{min-height:0;margin:0 0 16px;font-size:13px}
  .expert-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
  .expert-card:before{height:132px}

  /* Use the dedicated edge panels so the panorama's empty center cannot dominate. */
  .balance{grid-template-columns:1fr 1fr;min-height:0;padding:0;background:#f6f5f1}
  .balance:before,.balance:after{content:none;display:none}
  .balance>.side-label{grid-column:1/-1;grid-row:1;padding:28px 7% 20px}
  .balance-panel{grid-row:2;min-height:250px;padding:34px 18px;text-align:center;background-position:center;background-size:cover}
  .balance-panel h2{font-size:29px}
  .balance-panel p{font-size:11px}
  .human{grid-column:1;background:linear-gradient(rgba(246,245,241,.72),rgba(246,245,241,.88)),url('assets/balance-hand-panel.jpg') center/cover no-repeat}
  .tools{grid-column:2;background:linear-gradient(rgba(246,245,241,.72),rgba(246,245,241,.88)),url('assets/balance-laptop-panel-v2.jpg') center/cover no-repeat}
  .balance-mark{grid-column:1/-1;grid-row:3;margin:-53px auto 28px;background:rgba(246,245,241,.94);z-index:2}

  /* Preserve the complete founder photograph instead of a narrow center crop. */
  .founder-image{min-height:0;aspect-ratio:1942/809;background-size:contain;background-position:center;background-repeat:no-repeat}

  /* Keep the service statement with the footer content, above copyright. */
  .footer-services{order:4;line-height:1.8}
  .footer-copyright{order:5}
}

@media(max-width:480px){
  .hero-copy{padding-bottom:54px}
  .actions .button{max-width:100%}
  .balance-panel{min-height:230px;padding-left:12px;padding-right:12px}
  .balance-panel h2{font-size:25px}
}

/* Mobile refinement: keep the header from masking the hero and stack the founder story. */
@media(max-width:800px){
  .hero-art{margin-top:72px}
  .hero-copy{padding-top:24px;padding-bottom:40px}
  .sound-toggle{top:calc(72px + (100vw * 941 / 1672) - 50px)}
  .founder{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-left:7%;padding-right:7%}
  .founder>.side-label{grid-column:1;grid-row:1;margin:0 0 18px}
  .founder-image{grid-column:1;grid-row:2;width:100%;margin:0;aspect-ratio:1942/809}
  .founder blockquote{grid-column:1;grid-row:3;margin:26px 0 0}
}

@media(max-width:480px){
  .hero-copy{padding-top:20px;padding-bottom:42px}
  .capabilities{display:none}
  .actions{margin-top:22px;margin-bottom:0}
}