@font-face{font-family:Cormorant;src:url('assets/fonts/cormorant-500.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/fonts/cormorant-italic.ttf') format('truetype');font-style:italic;font-weight:400 700;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-400.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope-600.ttf') format('truetype');font-weight:550 800;font-display:swap}
:root{--paper:#F3EDDF;--ink:#010301;--sand:#FAE3B3;--gold:#FAC74C;--star:#F8DCA9;--muted:#55564d;--line:rgba(1,3,1,.18);--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}#testimonials,#path-journey,#services,#work,#about{scroll-margin-top:-100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,summary,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--gold);color:var(--ink)}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,figure,blockquote{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1}h1{font-size:clamp(62px,6.2vw,94px);letter-spacing:-.048em}h2{font-size:clamp(45px,4.6vw,66px);letter-spacing:-.037em}em{font-family:var(--serif);font-weight:400}svg{overflow:visible}a svg,button svg,summary svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.3;transition:transform .3s}.section-shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;line-height:1.7}.star{width:26px;height:26px;flex:none;color:var(--gold);stroke-width:0}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:var(--paper);padding:12px 22px;z-index:100}.skip-link:focus{top:12px}.site-header{height:105px;position:relative;z-index:30}.header-inner{height:100%;width:min(1340px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand>img:first-child{height:45px;width:32px;object-fit:contain}.brand-lockup{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.brand .wordmark{width:149px;height:auto}.brand-tagline{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);line-height:1.2;font-weight:600;padding-top:5px;margin-left:5px}.site-header nav{display:flex;align-items:center;gap:33px}.site-header nav>a{font-size:11px;position:relative;line-height:1.5}.site-header nav>a:not(.nav-contact)::after{content:"";position:absolute;height:1px;background:var(--ink);bottom:-6px;left:0;right:100%;transition:right .25s}.site-header nav>a:hover::after{right:0}.site-header nav>a.active::after{right:0}.nav-contact{display:flex;gap:20px;align-items:center;border:1px solid var(--ink);padding:12px 20px;transition:background .3s,color .3s}.nav-contact:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5px;padding-top:42px;align-items:center;min-height:730px;position:relative}.hero-copy{position:relative;z-index:1;padding-block:26px 45px}.hero .eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:25px;letter-spacing:.14em}.hero .eyebrow .star{width:24px;height:24px;color:#927243;transform-origin:center;animation:orbit 10s linear infinite}.hero h1{margin-bottom:24px}.hero-intro{font-size:14px;max-width:475px;line-height:1.8;margin-bottom:13px}.hero-detail{color:var(--muted);font-size:11.5px;line-height:1.9;max-width:463px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);padding:18px 24px;font-size:11px;font-weight:600;line-height:1.6;position:relative;transition:box-shadow .25s,background .25s,transform .25s}.button::before{content:"";position:absolute;inset:4px;border:1px solid rgba(250,227,179,.25);pointer-events:none}.button:hover{background:#252820;box-shadow:0 7px 18px #01030115;transform:translateY(-2px)}.button:hover svg,.text-link:hover svg,.quiet-link:hover span,summary:hover svg{transform:translateX(4px)}.quiet-link{font-size:10px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:5px 0}.quiet-link span{transition:transform .3s;font-size:19px}.hero-location{font-size:9px;color:var(--muted);margin-top:22px;display:flex;align-items:center;gap:8px}.location-dot{width:4px;height:4px;border-radius:50%;background:var(--ink)}.hero-figure{margin:-23px -25px 0 -20px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-art{width:100%;height:auto;max-height:704px;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 85%,transparent 100%)}.hero-figure figcaption{display:flex;justify-content:space-between;gap:20px;margin:-2px 54px 0;font-size:8px;color:var(--muted)}.hero-figure figcaption span:first-child{letter-spacing:.1em;font-size:7px}.promise{padding:22px 0 59px;text-align:center}.star-rule{display:flex;align-items:center;gap:22px}.star-rule i{height:1px;background:var(--line);flex:1}.star-rule .star{width:24px;height:24px;color:#927243;transform-origin:center;animation:orbit 10s linear infinite}.promise p{font-family:var(--serif);font-size:28px;line-height:1.35;margin:26px auto 0;letter-spacing:-.015em}.promise em{font-size:30px}.clients-section{padding:22px 0 48px;overflow:hidden;border-bottom:1px solid var(--line)}.clients-top{display:flex;align-items:center;gap:24px}.clients-top h2{font-family:var(--sans)}.client-note{color:var(--muted);font-size:10px}.text-control{display:inline-flex;gap:9px;align-items:center;font-size:9px;margin-left:auto;padding:8px 0;white-space:nowrap}.control-symbol{font-size:12px;line-height:1;width:15px;text-align:center}.client-window{overflow:hidden;margin-top:25px;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.client-track{display:flex;width:max-content;animation:marquee 130s linear infinite}.client-group{list-style:none;padding:0;margin:0;display:flex;align-items:center}.client-group li{width:185px;height:75px;padding:8px 33px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.client-group img{width:100%;height:52px;object-fit:contain;opacity:1;transition:opacity .35s ease}.client-group li::after{content:"";position:absolute;inset:8px 33px;background:linear-gradient(105deg,#8a6a1f 0%,#c4922a 28%,var(--gold) 55%,#e0a830 78%,#b8860b 100%);-webkit-mask-image:var(--logo);mask-image:var(--logo);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;transition:opacity .35s ease;pointer-events:none}.client-group li:hover::after{opacity:1}.client-group li:hover img{opacity:0}.client-window:hover .client-track,.client-window:focus-within .client-track,.logos-paused .client-track{animation-play-state:paused}.testimonials{padding-top:102px;padding-bottom:120px;position:relative}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:48px;position:relative}.section-heading .eyebrow{margin-bottom:20px}.review-tools{display:flex;align-items:center;gap:10px;padding-bottom:6px}.review-tools>span{font-size:9px;margin-right:15px;letter-spacing:.05em;color:var(--muted)}.round-button{border:1px solid var(--line);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;transition:background .25s}.round-button:hover{background:var(--sand)}.round-button:disabled{opacity:.35;cursor:default}.review-prev svg{transform:rotate(180deg)}.round-button svg{width:18px}.review-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:7px 2px 10px;margin-inline:-2px}.review-track::-webkit-scrollbar{display:none}.review-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;border:1px solid var(--line);padding:27px 27px 25px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:337px;transition:background .3s,border-color .3s,transform .3s}.review-card:hover{background:rgba(250,227,179,.18);border-color:rgba(1,3,1,.35);transform:translateY(-3px)}.review-person{display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:50%;font-family:var(--serif);font-size:16px;background:#e9dfc9}.review-person h3{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.5}.review-person>div>span{font-size:8px;color:var(--muted)}.google-g{font-family:Arial,sans-serif;font-size:23px;margin-left:auto;color:#56594f;font-weight:bold}.rating{font-size:13px;letter-spacing:3px;margin:24px 0 16px;color:#65512c;line-height:1}.review-card blockquote{font-family:var(--serif);font-size:21px;line-height:1.35;letter-spacing:-.01em}.review-source{display:block;font-size:8px;color:var(--muted);margin-top:auto;padding-top:25px}.testimonial-arc{position:absolute;bottom:-4px;right:0;width:77%;height:70px;object-fit:cover;object-position:bottom;opacity:.25;pointer-events:none}.section-label{display:flex;align-items:center;gap:18px;font-size:11px;font-weight:600;letter-spacing:.14em;margin-bottom:62px}.section-label>span:first-child{font-family:var(--serif);font-size:17px;letter-spacing:0}.section-label i{height:1px;flex:1;background:var(--line);margin-left:5px}.section-label .star{height:16px;width:16px;color:#8c7442}.art-note{text-align:center;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.7}.services{padding-block:30px 120px}.services .section-heading{align-items:center;margin-bottom:55px}.services-aside{display:flex;align-items:center;gap:30px;margin-right:25px}.services-aside .orbit{width:133px;height:133px;stroke:#766646;stroke-width:1}.services-aside p{font-size:11px;line-height:1.9}.orbit-spin{transform-origin:150px 150px;animation:orbit 55s linear infinite}.twinkle{animation:twinkle 5s ease-in-out infinite}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:19px 24px 37px;position:relative;display:block;transition:background .3s}.service:not(:nth-child(4n)){border-right:1px solid var(--line)}.service:nth-child(-n+4){border-bottom:1px solid var(--line)}.service-top{display:flex;justify-content:space-between;align-items:center}.small-number{font-size:8px;color:var(--muted);font-family:var(--sans);letter-spacing:.08em}.service-ask{display:inline-flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ink);opacity:0}.service-ask svg{width:14px;height:14px;transform:rotate(-45deg)}.service .emblem{width:104px;height:104px;stroke:#5b513b;stroke-width:1.15;margin:22px 0 24px;transition:transform .5s}.service h3{font-size:29px;margin-bottom:16px;letter-spacing:-.02em}.service p{font-size:11px;color:var(--muted);line-height:1.9;max-width:237px}.service:hover,.service:focus-visible{background:rgba(250,227,179,.28)}.service:hover .emblem,.service:focus-visible .emblem{transform:translateY(-5px)}.service:hover .service-ask,.service:focus-visible .service-ask{opacity:1}.services-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:27px;font-size:10px;color:var(--muted)}.text-link{display:inline-flex;gap:25px;align-items:center;font-size:11px;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:5px;white-space:nowrap}.text-link svg{width:18px;height:18px}.heading-note{font-size:11px;color:var(--muted);line-height:1.9;padding-bottom:6px}.work{padding-top:5px;padding-bottom:78px}.work .section-heading{margin-bottom:70px}.case-study{display:grid;grid-template-columns:1.12fr 1fr;gap:85px;align-items:center;margin-bottom:84px;padding-bottom:84px;border-bottom:1px solid var(--line)}.case-visual{min-height:390px;padding:25px 31px 24px;background:#e9dfcb;position:relative;border:1px solid rgba(1,3,1,.07);overflow:hidden;transition:background .4s}.case-study:hover .case-visual{background:#e6dac3}.case-visual-label{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:7px;font-weight:600;letter-spacing:.11em;margin-bottom:30px}.case-visual-label>span:last-child{font-family:var(--serif);font-size:12px;letter-spacing:0}.browser-frame{border:1px solid #0103013b;box-shadow:0 10px 25px #01030112;position:relative;background:var(--paper);transition:transform .6s}.case-study:hover .browser-frame{transform:translateY(-5px)}.browser-bar{height:20px;background:#ebe8df;display:flex;align-items:center;gap:4px;padding:0 8px;border-bottom:1px solid #01030115}.browser-bar i{width:3px;height:3px;background:#a39e91;border-radius:50%}.browser-bar span{font-size:5px;color:#555;margin:auto}.browser-frame>img{height:auto;width:100%;aspect-ratio:auto;object-fit:contain;object-position:center}.case-synergistic .browser-frame>img{aspect-ratio:1500/840;height:auto;width:100%;object-fit:cover;object-position:center center}.case-evidence{display:flex;align-items:baseline;gap:16px;margin-top:28px;line-height:1.1}.case-evidence strong{font-family:var(--serif);font-size:45px;letter-spacing:-.025em;font-weight:500}.case-ox .case-evidence strong,.case-silver .case-evidence strong,.case-synergistic .case-evidence strong{font-size:22px;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}.case-evidence span{font-size:8px;letter-spacing:.01em;line-height:1.5;max-width:120px}.case-image-note{display:block;font-size:11px;color:var(--muted);margin-top:8px}.case-copy .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:20px}.case-copy h3{font-size:43px;line-height:1.07;letter-spacing:-.027em;margin-bottom:15px}.case-copy h3:has(+.case-label){margin-bottom:6px}.case-label{font-family:var(--serif);font-size:24px;line-height:1.15;letter-spacing:-.015em;margin-bottom:18px}.case-label em{font-weight:500}.case-headline{font-family:var(--serif);font-size:27px;line-height:1.15;margin-bottom:21px}.case-copy>p:not(.eyebrow):not(.case-headline):not(.case-label){font-size:11px;line-height:1.9;color:var(--muted);max-width:400px}.case-copy .source-note{font-size:8px!important;line-height:1.65!important;margin-top:13px;max-width:360px!important}.case-details{margin-top:28px}.case-silver{grid-template-columns:1fr 1.12fr}.case-silver .case-visual{order:2}.case-silver .case-copy{order:1;padding-left:12px}.case-synergistic{margin-bottom:0}.case-synergistic .case-visual{padding-right:76px;padding-bottom:25px;min-height:420px}.case-synergistic .browser-frame{margin-top:37px}.phone-frame{position:absolute;right:23px;top:92px;width:91px;aspect-ratio:9/19.5;border:4px solid #1d231f;border-radius:14px;overflow:hidden;box-shadow:0 5px 14px #01030130;transition:transform .6s}.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.case-study:hover .phone-frame{transform:translateY(4px)}.case-synergistic .case-evidence{display:block;max-width:380px;margin-top:33px}.case-synergistic .case-evidence strong{font-size:22px;white-space:normal}.case-synergistic .case-evidence span{display:block;max-width:none;margin-top:8px}.oasis-art{width:305px;stroke:#897853;stroke-width:.8}.about{padding-block:35px 115px}.about-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:115px;align-items:start}.founder-visual{text-align:center;padding-top:40px;position:sticky;top:50px}.portrait-orbit{position:relative;width:310px;height:355px;margin:auto}.portrait-frame{width:258px;height:320px;margin:auto;border-radius:150px 150px 3px 3px;overflow:hidden;position:relative;background:var(--sand);border:1px solid #01030122}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:52% center}.portrait-orbit>.orbit{position:absolute;width:390px;height:390px;left:-40px;top:-35px;stroke:#867249;stroke-width:.6;opacity:.6}.portrait-orbit .orbit-spin{animation-duration:90s}.portrait-orbit .portrait-star{position:absolute;left:20px;bottom:45px;width:53px;height:53px;color:var(--gold);filter:drop-shadow(0 0 2px var(--paper))}.founder-caption>span{font-size:8px;letter-spacing:.14em}.founder-caption h2{font-size:40px;line-height:1.2;letter-spacing:-.025em;margin:15px 0 7px}.founder-caption p{font-size:11px;color:var(--muted)}.founder-visual>.text-link{margin-top:23px}.founder-copy>.eyebrow{margin-bottom:22px}.founder-copy h3{font-size:49px;letter-spacing:-.025em;line-height:1.03;margin-bottom:28px}.founder-copy>p:not(.eyebrow){font-size:11.5px;line-height:2;color:var(--muted);margin-top:18px}.gold-gradient{background:linear-gradient(105deg,#8a6a1f 0%,#c4922a 28%,var(--gold) 55%,#e0a830 78%,#b8860b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:600}.founder-copy blockquote{font-family:var(--serif);font-size:29px;line-height:1.25;letter-spacing:-.01em;border-left:2px solid var(--gold);padding:7px 0 7px 25px;margin:32px 0}.contact{position:relative;overflow:hidden;padding-top:25px}.contact .section-label{margin-bottom:52px}.contact-composition{position:relative;text-align:center;padding:30px 0 160px}.contact-composition>.eyebrow{font-size:9px;margin-bottom:25px}.contact h2{font-size:clamp(74px,8.3vw,120px);line-height:.95;letter-spacing:-.045em;position:relative;display:inline-block}.contact-star{position:absolute;right:-150px;top:50%;transform:translateY(-50%);display:flex}.contact-star .star{width:45px;height:45px}.contact-actions{margin-top:36px;display:flex;justify-content:center;align-items:center;gap:30px}.contact-actions .button{padding:18px 28px;min-width:180px}.email-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.contact-place{font-size:9px;margin-top:25px;color:var(--muted)}.contact-place span{margin:0 13px;color:#867049}.contact-galaxy{position:absolute;width:205px;height:auto;left:20px;top:70px;opacity:.65;animation:orbit 100s linear infinite;pointer-events:none}.closing-dunes{position:absolute;bottom:0;left:0;width:100%;height:115px;stroke:#937e51;stroke-width:.6;opacity:.35;pointer-events:none}.site-footer{position:relative;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;padding:32px 0;position:relative}.footer-main>span{font-size:9px;color:var(--muted);letter-spacing:.07em;position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;pointer-events:none}.back-top{font-size:9px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:18px 0 24px;font-size:10px;color:var(--muted);letter-spacing:.025em}#motion-toggle{display:flex;align-items:center;gap:8px;font-size:10px;padding:8px 15px}.motion-dot{width:5px;height:5px;border-radius:50%;background:#756340;box-shadow:0 0 0 3px #01030109}.footer-bottom>span:last-child{letter-spacing:.12em}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused .motion-dot{background:transparent;border:1px solid var(--muted)}.project-story{padding-top:25px}.project-story>h2{font-size:52px;margin:14px 0 30px}.project-story h3{font-size:26px;margin:30px 0 13px;line-height:1.2}.project-story p{font-size:13px;color:var(--muted);line-height:1.9;margin:15px 0}.project-story strong{font-weight:600;color:var(--ink)}.project-story table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;margin:23px 0}.project-story th,.project-story td{padding:12px;border-bottom:1px solid var(--line)}.project-story figure{margin:30px 0}.project-story figure img{width:100%;height:auto;border:1px solid var(--line)}.project-story figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:9px}.project-story .story-mobile{max-width:300px;margin:35px auto}.story-kicker{font-size:9px;letter-spacing:.15em}.project-story p a{text-decoration:underline;text-underline-offset:4px}/* Fixed overlay (not showModal top-layer) so Design Mode can inspect real story DOM. */
#project-backdrop{position:fixed;inset:0;z-index:90;background:rgba(1,3,1,.65);backdrop-filter:blur(4px)}
#project-backdrop.synergy{background:#131e1bd9;backdrop-filter:blur(8px)}
#project-backdrop[hidden]{display:none!important}
dialog{position:fixed;inset:24px;margin:auto;z-index:91;background:var(--paper);color:var(--ink);border:1px solid var(--ink);max-width:850px;width:calc(100% - 50px);max-height:88vh;padding:0;overflow:auto;overscroll-behavior:contain}.dialog-toolbar{position:sticky;top:0;z-index:2;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 35px;display:flex;align-items:center;justify-content:space-between}.dialog-toolbar>span{font-size:9px;letter-spacing:.12em}.dialog-close{display:flex;align-items:center;gap:14px;font-size:11px;padding:4px}.dialog-close span{font-size:25px;line-height:1}.dialog-content{padding:17px 55px 50px}.dialog-content .project-story{padding-top:15px}.dialog-open{overflow:hidden}.menu-toggle,.review-tools,.text-control,#motion-toggle{visibility:hidden}.js .menu-toggle,.js .review-tools,.js .text-control,.js #motion-toggle{visibility:visible}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes twinkle{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes emblem-compass{0%,100%{transform:rotate(0) scale(1);fill:var(--sand)}50%{transform:rotate(22deg) scale(1.08);fill:var(--gold)}}@keyframes emblem-bloom{0%,100%{transform:scale(1)}50%{transform:scale(1.75)}}@keyframes emblem-hub{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}@keyframes emblem-ascend{0%,100%{transform:translateY(0) scale(1);fill:var(--sand)}50%{transform:translateY(-10px) scale(1.2);fill:var(--gold)}}@keyframes emblem-turn{0%,100%{transform:rotate(0)}45%,55%{transform:rotate(60deg)}}@keyframes emblem-facet{0%,100%{fill:var(--sand)}45%,55%{fill:var(--gold)}}@keyframes emblem-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes emblem-glint{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.45) rotate(24deg)}}@keyframes emblem-open-left{0%,100%{transform:rotate(0)}50%{transform:rotate(-22deg)}}@keyframes emblem-open-right{0%,100%{transform:rotate(0)}50%{transform:rotate(22deg)}}@keyframes emblem-write{from{opacity:0}to{opacity:1}}@keyframes emblem-rise-bar{from{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes emblem-trend{0%,100%{transform:translate(0,0);opacity:.55}50%{transform:translate(6px,-7px);opacity:1}}.twinkle{transform-box:fill-box;transform-origin:center}
.emblem-orbit{transition:transform .7s cubic-bezier(.22,.61,.24,1)}.emblem-page{transform-box:fill-box}.emblem-page.left{transform-origin:right center}.emblem-page.right{transform-origin:left center}.emblem-bars .bar{transform-box:fill-box;transform-origin:bottom}.emblem-star,.emblem-core,.emblem-hub,.emblem-glint,.icon-core,.emblem-trend,.emblem-ring{transform-box:fill-box;transform-origin:center}
.service:is(:hover,:focus-visible) .emblem-1 .emblem-ring{animation:orbit 12s linear infinite}
.service:is(:hover,:focus-visible) .emblem-1 .emblem-star{animation:emblem-compass 2.2s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-2 .emblem-orbit.a{transform:translate(-8px,6px)}
.service:is(:hover,:focus-visible) .emblem-2 .emblem-orbit.b{transform:translate(8px,6px)}
.service:is(:hover,:focus-visible) .emblem-2 .emblem-orbit.c{transform:translate(0,-10px)}
.service:is(:hover,:focus-visible) .emblem-2 .emblem-core{animation:emblem-bloom 1.5s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-3 .icon-core{transform-box:view-box;transform-origin:50% 52.5%;animation:orbit 7s linear infinite}
.service:is(:hover,:focus-visible) .emblem-3 .emblem-hub{animation:emblem-hub 1.5s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-4 .icon-core{animation:emblem-ascend 2s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-5 .emblem-crystal{transform-box:view-box;transform-origin:50% 50%;animation:emblem-turn 2.8s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-5 .emblem-facet{animation:emblem-facet 2.8s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-6 .emblem-phone{animation:emblem-float 1.7s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-6 .emblem-glint{transform-box:fill-box;transform-origin:center;animation:emblem-glint 1.7s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-7 .emblem-page.left{animation:emblem-open-left 2s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-7 .emblem-page.right{animation:emblem-open-right 2s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-7 .emblem-ink{animation:emblem-write .4s ease both}
.service:is(:hover,:focus-visible) .emblem-7 .emblem-ink:nth-child(3){animation-delay:.14s}
.service:is(:hover,:focus-visible) .emblem-7 .emblem-ink:nth-child(4){animation-delay:.28s}
.service:is(:hover,:focus-visible) .emblem-8 .bar{animation:emblem-rise-bar .6s cubic-bezier(.16,.8,.22,1) both}
.service:is(:hover,:focus-visible) .emblem-8 .bar.b{animation-delay:.12s}
.service:is(:hover,:focus-visible) .emblem-8 .bar.c{animation-delay:.24s}
.service:is(:hover,:focus-visible) .emblem-8 .emblem-trend{animation:emblem-trend 1.6s ease-in-out infinite}
.service:is(:hover,:focus-visible) .emblem-8 .emblem-ring{animation:orbit 9s linear infinite reverse}
@media(min-width:1500px){.hero{min-height:810px}.hero-art{max-height:780px}.hero-detail{font-size:13px}.hero-intro{font-size:16px}.hero h1{font-size:91px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.client-window{overflow-x:auto;mask-image:none;scrollbar-width:thin}.client-track{transform:none}.client-group[aria-hidden=true]{display:none}.motion-dot{background:transparent;border:1px solid var(--muted)}}
@media print{body::before,.site-header,.client-group[aria-hidden=true],.review-tools,.text-control,#motion-toggle,#project-backdrop,dialog{display:none}.section-shell{width:100%}.hero,.about-layout{display:block}.hero-figure{max-width:400px}.founder-visual{position:static}.review-track{display:block}.review-card{margin-block:15px}.client-track{animation:none;transform:none;width:auto}.client-group{flex-wrap:wrap}.case-study,.service{break-inside:avoid}.case-study{gap:30px}.contact-galaxy{display:none}}
/* Final optical and accessibility refinements. */
.hero-figure{background:var(--paper)}.hero-art{background:var(--paper);mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 79%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 14%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 79%,transparent 100%);-webkit-mask-composite:source-in}
.section-label .star{animation:orbit 45s linear infinite}
@media(min-width:761px){.hero-detail{font-size:12px;line-height:1.9}.service p{font-size:12px}.founder-copy>p:not(.eyebrow){font-size:13px}.case-copy>p:not(.eyebrow):not(.case-headline):not(.case-label){font-size:12px}}
html:not(.js) *,html:not(.js) *::before,html:not(.js) *::after{animation:none!important}
html:not(.js) .client-window{overflow-x:auto;mask-image:none}
html:not(.js) .client-group[aria-hidden=true]{display:none}
.hero{scroll-margin-top:90px}
.contact-star .star{color:#FBC646}
@keyframes emblem-glow{0%,100%{transform:scale(.9) rotate(0);fill:var(--sand)}50%{transform:scale(1.16) rotate(16deg);fill:var(--gold)}}
@keyframes emblem-flow{to{stroke-dashoffset:-70}}
@keyframes emblem-node{0%,100%{transform:scale(1);opacity:.72}42%{transform:scale(1.5);opacity:1}}
@keyframes emblem-breathe{0%,100%{transform:scaleY(.9)}50%{transform:scaleY(1)}}
@keyframes emblem-read{0%,100%{opacity:.4;transform:scale(.82)}34%,58%{opacity:1;transform:scale(1.18)}}
@keyframes walk-l{0%{transform:translate(0,12%);opacity:0}14%{opacity:1}76%{opacity:1}100%{transform:translate(34%,-100%);opacity:0}}
@keyframes walk-c{0%{transform:translate(0,8%);opacity:0}14%{opacity:1}76%{opacity:1}100%{transform:translate(0,-118%);opacity:0}}
@keyframes walk-r{0%{transform:translate(0,12%);opacity:0}14%{opacity:1}76%{opacity:1}100%{transform:translate(-34%,-100%);opacity:0}}
.auto-ring,.auto-courier,.agent-spin{transform-box:view-box}
.auto-ring,.auto-courier{transform-origin:50% 46.67%}
.agent-spin{transform-origin:50% 27.5%}
.auto-hub,.agent-north,.cap-star,.train-star,.mod-node,.apex-star,.pyr,.walker{transform-box:fill-box;transform-origin:center}
.pyr,.walker{transform-origin:center bottom}
.emblem-3 .auto-ring{animation:orbit 26s linear infinite}
.emblem-3 .auto-courier{animation:orbit 5.6s linear infinite}
.emblem-3 .auto-hub{animation:emblem-hub 1.8s ease-in-out infinite}
.emblem-4 .agent-spin{animation:orbit 8.5s linear infinite}
.emblem-4 .agent-north{animation:emblem-glow 2.4s ease-in-out infinite}
.emblem-5 .soft-arc,.emblem-5 .soft-bus,.emblem-7 .train-path,.emblem-8 .measure-line,.emblem-8 .chart-arc{animation:emblem-flow 3.2s linear infinite}
.emblem-5 .soft-arc{animation-duration:5s}
.emblem-5 .mod-node{animation:emblem-node 2.2s ease-in-out infinite}
.emblem-5 .n2{animation-delay:.15s}
.emblem-5 .n3{animation-delay:.3s}
.emblem-5 .n4{animation-delay:.5s}
.emblem-5 .n5{animation-delay:.65s}
.emblem-5 .n6{animation-delay:.85s}
.emblem-5 .cap-star{animation:emblem-glow 2.6s ease-in-out infinite}
.emblem-7 .train-star{animation:emblem-glow 2.2s ease-in-out infinite}
.emblem-7 .w1{animation:walk-l 3.8s ease-in-out infinite}
.emblem-7 .w2{animation:walk-c 3.8s ease-in-out .4s infinite}
.emblem-7 .w3{animation:walk-r 3.8s ease-in-out .8s infinite}
.emblem-8 .pyr{animation:emblem-breathe 2.8s ease-in-out infinite}
.emblem-8 .pyr.b{animation-delay:.25s}
.emblem-8 .pyr.c{animation-delay:.5s}
.emblem-8 .chart-arc{animation-duration:4.8s}
.emblem-8 .apex-star{animation:emblem-read 2.8s ease-in-out infinite}
.emblem-8 .a2{animation-delay:.4s}
.emblem-8 .a3{animation-delay:.8s}


/* Tablet and phone layouts. Desktop composition remains above 1100px. */
@media (max-width: 1100px) {
  :root { --gutter: 32px; }
  html { scroll-padding-top: 24px; }
  #testimonials, #path-journey, #services, #work, #about { scroll-margin-top: 24px; }
  .section-shell, .header-inner { width: calc(100% - var(--gutter) * 2); }
  .section-shell > *, .hero > *, .section-heading > *, .case-study > *, .about-layout > * { min-width: 0; }
  h1, h2, h3, p { overflow-wrap: break-word; }
  h2 { font-size: clamp(42px, 6vw, 62px); line-height: 1.05; }
  .site-header { height: auto; min-height: 88px; }
  .header-inner { min-height: 88px; gap: 20px; }
  .brand { gap: 12px; }
  .brand .wordmark { width: 140px; }
  .brand > img:first-child { width: 28px; height: 42px; }
  .menu-toggle { display: flex; align-items: center; gap: 12px; min-width: 72px; min-height: 44px; padding: 10px 0 10px 12px; font-size: 12px; }
  .menu-toggle i { width: 20px; height: 10px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); transition: transform .2s; }
  .menu-toggle[aria-expanded=true] i { transform: rotate(90deg); }
  .site-header nav { gap: 0; }
  .js .site-header nav { display: none; position: absolute; inset: 100% 0 auto; padding: 16px var(--gutter) 24px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 12px 22px #0103010d; flex-direction: column; align-items: stretch; max-height: calc(100dvh - 88px); overflow-y: auto; overscroll-behavior: contain; }
  .js .site-header nav.open { display: flex; }
  .site-header nav > a { font-size: 15px; padding: 12px 0; min-height: 48px; }
  .site-header nav > a::after { display: none; }
  .site-header nav .nav-contact { padding: 14px 18px; margin-top: 12px; justify-content: space-between; }
  html:not(.js) .header-inner { flex-wrap: wrap; padding-block: 20px; }
  html:not(.js) .menu-toggle { display: none; }
  html:not(.js) .site-header nav { display: flex; flex-wrap: wrap; width: 100%; column-gap: 24px; }
  html:not(.js) .site-header nav .nav-contact { margin-top: 0; }
  .hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); min-height: 650px; gap: 16px; padding-top: 30px; }
  .hero h1 { font-size: clamp(54px, 6.1vw, 68px); line-height: 1; }
  .hero-figure { margin: 0; min-width: 0; }
  .hero-art { max-height: 650px; }
  .hero-figure figcaption { margin-inline: 16px; gap: 14px; }
  .hero-intro, .hero-detail { font-size: 15px; line-height: 1.85; max-width: 600px; }
  .hero-actions { gap: 16px 24px; flex-wrap: wrap; }
  .button { min-height: 48px; font-size: 13px; padding: 16px 22px; gap: 26px; }
  .quiet-link, .text-link, .email-link, .back-top { min-height: 44px; font-size: 13px; display: inline-flex; align-items: center; }
  .hero-location { font-size: 11px; }
  .hero .eyebrow { font-size: 10px; }
  .hero .eyebrow .star { animation: none; }
  .promise { padding-block: 30px 48px; }
  .promise p { font-size: 28px; max-width: 680px; }
  .promise em { font-size: inherit; }
  .promise br { display: none; }
  .clients-section { padding-block: 20px 32px; }
  .clients-top { flex-wrap: wrap; gap: 8px 20px; }
  .client-note { font-size: 11px; }
  .text-control { min-height: 44px; font-size: 11px; padding-inline: 6px; }
  .client-window { margin-top: 12px; }
  .testimonials { padding-block: 72px 90px; }
  .section-heading { gap: 24px; flex-wrap: wrap; margin-bottom: 32px; }
  .review-tools { margin-left: auto; padding: 0; }
  .review-tools > span { font-size: 11px; }
  .round-button { width: 44px; height: 44px; flex: none; }
  .review-track { gap: 20px; margin-inline: 0; padding: 6px 0 10px; }
  .review-card { flex: 0 0 calc((100% - 20px) / 2); min-width: 0; min-height: 330px; padding: 26px; }
  .review-card blockquote { font-size: 25px; }
  .review-person { gap: 10px; }
  .review-person > div { min-width: 0; }
  .review-person h3 { font-size: 13px; }
  .review-person > div > span, .review-source { font-size: 10px; }
  .avatar { flex: none; }
  .section-label { margin-bottom: 36px; font-size: 12px; gap: 14px; }
  .services { padding-block: 20px 80px; }
  .services .section-heading { margin-bottom: 32px; }
  .services-aside { margin: 0; gap: 16px; }
  .services-aside .orbit { width: 88px; height: 88px; }
  .services-aside p { font-size: 15px; }
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service { min-width: 0; padding: 24px 28px 32px; }
  .service:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .service:nth-child(odd) { border-right: 1px solid var(--line); }
  .service:nth-last-child(-n+2) { border-bottom: 0; }
  .service h3 { font-size: 34px; }
  .service p { font-size: 15px; line-height: 1.85; max-width: none; }
  .service-ask { opacity: 1; font-size: 10px; }
  .small-number { font-size: 10px; }
  .services-footer { flex-wrap: wrap; font-size: 13px; gap: 12px 24px; }
  .services-footer .text-link { white-space: normal; }
  .work { padding-bottom: 72px; }
  .work .section-heading { display: block; margin-bottom: 40px; }
  .heading-note { font-size: 15px; margin-top: 20px; }
  .heading-note br { display: none; }
  .case-study { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 32px; }
  .case-silver { grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); }
  .case-visual { padding: 24px; min-height: 0; }
  .case-visual-label { gap: 16px; font-size: 9px; }
  .case-visual-label > span:last-child { flex: none; }
  .case-evidence { flex-wrap: wrap; gap: 10px 16px; }
  .case-ox .case-evidence strong, .case-silver .case-evidence strong, .case-synergistic .case-evidence strong { white-space: normal; font-size: 28px; }
  .case-evidence span { font-size: 11px; max-width: none; }
  .case-image-note { font-size: 13px; }
  .case-copy h3 { font-size: 42px; }
  .case-copy .eyebrow { font-size: 10px; }
  .case-headline { font-size: 30px; }
  .case-copy > p:not(.eyebrow):not(.case-headline):not(.case-label) { font-size: 15px; max-width: none; }
  .case-copy .source-note { font-size: 12px !important; }
  .case-details summary { min-height: 52px; }
  .case-synergistic .case-visual { padding-right: 70px; min-height: 0; }
  .case-synergistic .browser-frame { margin-top: 24px; }
  .phone-frame { width: 20%; max-width: 110px; right: 18px; top: 100px; }
  .case-synergistic .case-evidence { margin-top: 40px; }
  .about { padding-block: 20px 80px; }
  .about-layout { grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); gap: 48px; }
  .founder-copy h3 { font-size: clamp(38px, 4.4vw, 48px); }
  .founder-copy > p:not(.eyebrow) { font-size: 15px; line-height: 1.9; }
  .founder-copy blockquote { font-size: 30px; }
  .founder-copy br { display: none; }
  .contact h2 { font-size: clamp(60px, 9.5vw, 100px); }
  .contact-composition { padding-bottom: 190px; }
  .contact-galaxy { width: 100px; left: calc(50% - 50px); top: auto; bottom: 55px; }
  .contact-star { right: -48px; }
  .contact-star .star { width: 28px; height: 28px; }
  .contact-actions { flex-wrap: wrap; gap: 16px 28px; }
  .contact-place { font-size: 12px; }
  .footer-main { gap: 20px; flex-wrap: wrap; }
  .footer-main > span { display: none; }
  .footer-bottom { flex-wrap: wrap; gap: 12px 24px; font-size: 10px; }
  #motion-toggle { min-height: 44px; font-size: 13px; padding: 8px; }
  dialog { width: calc(100% - 32px); max-height: calc(100dvh - 32px); }
  .dialog-toolbar { gap: 16px; padding: 12px 24px; }
  .dialog-close { min-width: 64px; min-height: 44px; font-size: 13px; flex: none; }
  .dialog-content { padding: 16px 28px 36px; }
  .project-story > h2 { font-size: clamp(36px, 6vw, 52px); overflow-wrap: anywhere; }
  .project-story p { font-size: 15px; }
  .project-story table { font-size: 13px; }
  .project-story figcaption { font-size: 12px; }
}

/* Stack detailed compositions before their text columns become cramped. */
@media (max-width: 1000px) {
  .case-study, .case-silver { grid-template-columns: minmax(0, 1fr); gap: 30px; margin-bottom: 56px; padding-bottom: 56px; }
  .case-silver .case-visual { order: 0; }
  .case-silver .case-copy { order: 1; padding-left: 0; }
  .case-synergistic { margin-bottom: 0; }
  .case-synergistic .case-visual { padding-right: clamp(64px, 13vw, 110px); }
  .case-synergistic .case-evidence { max-width: none; margin-top: 48px; }
  .phone-frame { width: 19%; max-width: 120px; top: 24%; right: 4%; }
  .about-layout { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .founder-visual { position: static; padding-top: 20px; }
  .portrait-orbit { width: min(310px, 90%); height: auto; aspect-ratio: 310 / 355; }
  .portrait-frame { width: 83.23%; height: auto; aspect-ratio: 258 / 320; }
  .portrait-orbit > .orbit { width: 125.8%; height: auto; left: -12.9%; top: -9.86%; }
  .portrait-orbit .portrait-star { width: 17%; height: auto; left: 6%; bottom: 12%; }
  .founder-caption h2 { font-size: clamp(36px, 6vw, 44px); }
  .founder-caption p { font-size: 15px; }
  .founder-copy { max-width: 680px; margin-inline: auto; }
}

@media (max-width: 900px) {
  .hero { display: flex; flex-direction: column; align-items: stretch; min-height: 0; gap: 0; padding-top: 44px; }
  .hero-copy { padding: 0; max-width: 680px; width: 100%; }
  .hero h1 { font-size: clamp(46px, 8.6vw, 76px); }
  .hero-figure { width: min(100%, 520px); margin: 16px auto 0; align-self: center; }
  .hero-art { max-height: none; }
  .hero-figure figcaption { margin: -8px 24px 0; }
  .services-aside p { display: none; }
}

@media (max-width: 600px) {
  :root { --gutter: 20px; }
  .site-header, .header-inner { min-height: 80px; }
  .brand .wordmark { width: 122px; }
  .brand > img:first-child { width: 25px; height: 38px; }
  .brand { gap: 9px; }
  .brand-tagline { font-size: 7px; letter-spacing: .08em; }
  .js .site-header nav { max-height: calc(100dvh - 80px); }
  .hero { padding-top: 32px; }
  .hero h1 { font-size: clamp(44px, 10.3vw, 62px); line-height: 1.02; }
  .hero h1 em { display: block; }
  .hero .eyebrow { font-size: 9px; letter-spacing: .1em; align-items: center; }
  .hero .eyebrow .star { width: 20px; height: 20px; }
  .hero-actions { gap: 12px 20px; margin-top: 24px; }
  .hero .button { padding-inline: 20px; }
  .hero .quiet-link { font-size: 12px; }
  .hero-figure { margin-top: 12px; }
  .hero-figure figcaption { font-size: 8px; margin-inline: 12px; }
  .hero-figure figcaption span:first-child { font-size: 8px; }
  .promise { padding-block: 28px 32px; }
  .promise p { font-size: 25px; }
  .clients-top { gap: 4px 12px; }
  .clients-top h2 { font-size: 9px; letter-spacing: .1em; }
  .client-note { order: 3; flex-basis: 100%; }
  .client-group li { width: 152px; padding-inline: 27px; height: 65px; }
  .client-group li::after { inset: 8px 27px; }
  .client-group img { height: 45px; }
  .testimonials { padding-block: 56px 72px; }
  .section-heading { display: block; margin-bottom: 24px; }
  .section-heading h2, .services h2 { font-size: clamp(36px, 8.2vw, 48px); }
  .section-heading br { display: none; }
  .section-heading h2 em { display: block; }
  .section-heading .eyebrow { font-size: 9px; margin-bottom: 16px; }
  .review-tools { margin-top: 24px; justify-content: flex-end; gap: 10px; }
  .review-tools > span { margin-right: auto; }
  .review-card { flex-basis: 100%; min-height: 0; padding: 24px; }
  .review-card blockquote { font-size: 25px; }
  .review-source { padding-top: 24px; }
  .testimonial-arc { height: 44px; width: 100%; bottom: 0; }
  .section-label { font-size: 11px; margin-bottom: 32px; gap: 12px; letter-spacing: .1em; }
  .section-label .star { width: 14px; height: 14px; }
  .services { padding-block: 0 64px; }
  .services .section-heading { position: relative; padding-right: 0; }
  .services-aside { display: none; }
  .services-grid { grid-template-columns: minmax(0, 1fr); }
  .service { padding: 24px 20px 28px; }
  .service:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .service:last-child { border-bottom: 0; }
  .service .emblem { width: 88px; height: 88px; margin: 18px 0 20px; }
  .service h3 { font-size: 34px; margin-bottom: 12px; }
  .service p { max-width: 420px; }
  .services-footer { align-items: flex-start; flex-direction: column; gap: 8px; }
  .work { padding-bottom: 56px; }
  .case-study, .case-silver { gap: 24px; margin-bottom: 44px; padding-bottom: 44px; }
  .case-synergistic { margin-bottom: 0; }
  .case-visual { padding: 20px; }
  .case-visual-label { font-size: 8px; margin-bottom: 22px; letter-spacing: .06em; }
  .case-evidence { margin-top: 24px; display: block; }
  .case-evidence span { display: block; margin-top: 10px; }
  .case-ox .case-evidence strong, .case-silver .case-evidence strong, .case-synergistic .case-evidence strong { font-size: 26px; }
  .case-copy h3 { font-size: clamp(36px, 9vw, 44px); }
  .case-headline { font-size: 29px; }
  .case-copy .eyebrow { font-size: 9px; margin-bottom: 16px; }
  .case-synergistic .case-visual { padding: 20px 64px 24px 20px; }
  .case-synergistic .browser-frame { margin-top: 12px; }
  .case-synergistic .case-evidence { margin-top: 52px; margin-right: -40px; }
  .case-synergistic .case-image-note { margin-right: -40px; }
  .phone-frame { width: 23%; max-width: 90px; right: 14px; top: 76px; border-width: 3px; border-radius: 12px; }
  .about { padding-block: 12px 64px; }
  .about-layout { gap: 36px; }
  .portrait-orbit { width: min(290px, 85%); }
  .founder-copy h3 { font-size: clamp(34px, 8vw, 44px); }
  .founder-copy blockquote { font-size: 28px; padding-left: 18px; margin-block: 26px; }
  .contact { padding-top: 10px; }
  .contact .section-label { margin-bottom: 32px; }
  .contact-composition { padding-top: 5px; padding-bottom: 180px; }
  .contact-composition > .eyebrow { font-size: 9px; }
  .contact h2 { font-size: clamp(50px, 11.5vw, 70px); }
  .contact-star { right: -28px; }
  .contact-star .star { width: 24px; height: 24px; }
  .contact-actions { flex-direction: column; gap: 8px; margin-top: 28px; }
  .contact-actions .button { font-size: 13px; }
  .contact-place { max-width: 280px; margin-inline: auto; font-size: 11px; }
  .contact-place span { margin-inline: 6px; }
  .contact-galaxy { width: 86px; left: calc(50% - 43px); bottom: 52px; }
  .closing-dunes { height: 80px; }
  .footer-main { padding-block: 24px; gap: 10px; }
  .footer-main .brand .wordmark { width: 112px; }
  .back-top { font-size: 11px; }
  .footer-bottom { padding-block: 12px 20px; gap: 4px 12px; }
  .footer-bottom > span:last-child { flex-basis: 100%; font-size: 9px; }
  .dialog-toolbar { padding: 10px 16px; }
  .dialog-toolbar > span { font-size: 8px; }
  .dialog-content { padding: 12px 20px 28px; }
  .project-story > h2 { margin-bottom: 24px; }
  .project-story th, .project-story td { padding: 10px; }
}

/* Story tables may scroll independently; the document never needs to. */
.story-table { max-width: 100%; overflow-x: auto; margin-block: 23px; }
.story-table table { margin-block: 0; }
.story-table:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }

/* Decorative inline SVG: independent rotations, shared site motion controls. */

.gm-orbit{transform-origin:500px 460px;animation:galaxy-spin 144s linear infinite}.gm-reverse{animation-direction:reverse}.gm-fine{stroke:#a68139;stroke-width:1}.gm-gold{stroke:#d7b263;stroke-width:1.4}.gm-dark{fill:#14130e}.gm-slow{animation-duration:208s}.gm-quick{animation-duration:104s}@keyframes galaxy-spin{to{transform:rotate(360deg)}}
.galaxy-motif{display:block;width:100%;height:auto;overflow:visible}
/* The raster star is at (558, 416) in the 1120 × 1400 artwork.
   Keep both layers in the same aspect-ratio box so their centers cannot drift. */
.hero{isolation:isolate}
main{overflow:clip}
.hero-figure{background:transparent;position:relative;z-index:0}
.hero-artwork{position:relative;isolation:isolate;width:100%;max-width:563.2px;aspect-ratio:4 / 5;margin-inline:auto}
.hero-artwork .hero-art{position:relative;z-index:1;width:100%;height:auto;max-height:none;background:transparent}
.hero-galaxy{position:absolute;left:49.8214286%;top:29.7142857%;width:170%;aspect-ratio:1000 / 920;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.48}
.hero-galaxy .galaxy-motif{width:100%;height:100%;max-width:none}
@media(min-width:1500px){.hero-artwork{max-width:624px}}
@media(max-width:900px){.hero-figure{clip-path:inset(0 -100vw 0)}}
/* A cropped, monumental orbit spans the final invitation and footer. */
.page-closing{position:relative;isolation:isolate;overflow:clip}
.page-closing .contact{overflow:visible}
.page-closing .contact,.page-closing .site-footer{z-index:1}
.footer-galaxy{--motif-size:2600px;position:absolute;width:var(--motif-size);left:calc(34vw - var(--motif-size));top:54%;transform:translateY(-50%);opacity:.48;pointer-events:none;z-index:0}
.footer-galaxy .galaxy-motif{transform-origin:center;animation:galaxy-spin 360s linear infinite}
.footer-galaxy .gm-orbit{animation-duration:300s}
.footer-galaxy .gm-slow{animation-duration:480s}
.footer-galaxy .gm-quick{animation-duration:240s}
@media(max-width:1100px){.footer-galaxy{--motif-size:2300px;opacity:.4}}
@media(max-width:600px){.footer-galaxy{--motif-size:1750px;left:calc(38vw - var(--motif-size));opacity:.32}}
@media(prefers-reduced-motion:reduce){.footer-galaxy .galaxy-motif,.galaxy-motif *{animation:none!important}}
@media print{.hero-galaxy,.footer-galaxy{display:none}}

.project-story p.story-lead{font-family:var(--serif);font-size:clamp(28px,4vw,36px);line-height:1.15;color:var(--ink);letter-spacing:-.02em;margin:4px 0 12px}
.project-story p.story-services{margin-top:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1.7;color:var(--muted)}
.story-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;list-style:none;padding:4px 0 0;margin:18px 0 6px}
.story-metrics li{margin:0;border-top:1px solid var(--ink);padding-top:12px}
.story-metrics strong{display:block;font-family:var(--sans);font-weight:600;font-size:40px;line-height:1;letter-spacing:-.04em;font-variant-numeric:lining-nums;color:var(--ink)}
.story-metrics span{display:block;margin-top:8px;font-size:11px;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.story-steps{list-style:none;padding:0;margin:6px 0 8px}
.story-steps li{display:grid;grid-template-columns:48px 1fr;gap:4px 14px;border-top:1px solid var(--line);padding:18px 0 16px;margin:0}
.story-steps .step-index{font-family:var(--sans);font-weight:600;font-size:15px;letter-spacing:.08em;line-height:1.4;color:var(--ink);padding-top:4px}
.project-story .story-steps h3{font-size:22px;line-height:1.15;margin:0 0 6px}
.project-story .story-steps p{margin:0;font-size:13.5px;line-height:1.65}
.story-board{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:12px 0 8px}
.story-board li{margin:0;border:1px solid var(--line);background:color-mix(in srgb,var(--sand) 55%,var(--paper));padding:16px 16px 14px}
.project-story .story-board h3{font-size:22px;line-height:1.1;margin:0 0 6px}
.project-story .story-board p{margin:0;font-size:13px;line-height:1.6}
@media(max-width:700px){
  .story-metrics{grid-template-columns:1fr 1fr}
  .story-metrics strong{font-size:36px}
  .story-board{grid-template-columns:1fr}
  .story-steps li{grid-template-columns:40px 1fr}
  .project-story .story-steps p,.project-story .story-board p{font-size:15px}
}

/* Synergistic Wellness case study, shown in the project dialog. */
#project-dialog.synergy-open{border:0;width:min(1120px,calc(100% - 48px));max-width:none;height:calc(100dvh - 48px);max-height:none;background:#f4eee2;color:#2c2a23;box-shadow:0 30px 120px #0005;scroll-behavior:smooth}
#project-dialog.synergy-open .dialog-toolbar{display:none}
#project-dialog.synergy-open .dialog-content{padding:0}
.synergy-study{--paper:#f4eee2;--ink:#2c2a23;--muted:#686253;--gold:#9b773d;--line:#cfc3ad;--night:#202a27;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.8}
.synergy-study h1,.synergy-study h2,.synergy-study h3,.synergy-study h4,.synergy-study p,.synergy-study figure,.synergy-study ul{margin:0}
.synergy-study h1,.synergy-study h2,.synergy-study h3{font-family:var(--serif);font-weight:500;line-height:1.02;letter-spacing:0}
.synergy-study h4{font-family:var(--sans);font-weight:600}
.synergy-study em{font-weight:500}
.synergy-study a{text-decoration:underline;text-underline-offset:5px}
.synergy-study :focus-visible{outline:2px solid #ad7f32;outline-offset:5px}
.synergy-study .eyebrow{display:block;margin:0;font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:600;line-height:1.6}
.synergy-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:61px;padding:0 38px;background:#f4eee2f5;border-bottom:1px solid var(--line)}
#project-dialog .synergy-toolbar{position:sticky;top:0;z-index:5;backdrop-filter:blur(15px)}
.synergy-brand{display:flex;align-items:center;gap:14px;min-width:0}
.synergy-brand img{width:94px;height:auto}
.synergy-brand span{padding-left:15px;border-left:1px solid var(--line);font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.synergy-close{display:none;align-items:center;gap:12px;padding:10px 2px;font-size:11px;min-height:44px}
.synergy-close span{font-size:26px;line-height:1}
#project-dialog .synergy-close{display:flex}
.synergy-progress{display:none;position:sticky;top:60px;height:2px;z-index:6;margin-bottom:-2px}
#project-dialog .synergy-progress{display:block}
.synergy-progress-bar{width:0;height:100%;background:var(--gold)}
.synergy-sheet{position:relative;padding:58px 70px 44px;overflow:hidden}
.synergy-folio{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:44px;padding-top:18px;border-top:1px solid var(--line)}
.section-index{display:flex;gap:16px;align-items:center;color:var(--gold);margin-bottom:24px}
.synergy-study .section-index::after{content:"";width:62px;height:1px;background:var(--line)}
.synergy-study .section-index b{font-size:11px;font-weight:400}
.synergy-cover .eyebrow{color:var(--gold)}
.cover-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px}
.cover-meta>.eyebrow{font-size:13px;letter-spacing:.16em}
.cover-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:28px;align-items:start}
.synergy-cover h1{font-size:clamp(54px,6.3vw,78px);letter-spacing:-.045em;position:relative;z-index:2}
.synergy-cover h1 em{color:var(--gold)}
.cover-brief{display:flex;flex-direction:column;max-width:470px;margin-top:28px;border-top:1px solid var(--line)}
.brief-item{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line)}
.brief-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold);line-height:1.5}
.brief-item p{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}
.brief-result{position:relative;margin-top:26px;padding:16px 18px;border:1px solid #c9a86a88;background:linear-gradient(135deg,rgba(250,199,76,.14) 0%,rgba(250,227,179,.22) 48%,rgba(250,199,76,.08) 100%);box-shadow:inset 0 0 0 1px rgba(250,246,238,.7);align-items:center}
.brief-result .brief-label{font-size:11px;letter-spacing:.18em;color:#8a6a1f}
.brief-result p{margin:0;font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.brief-result strong{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;display:inline;line-height:inherit}
.collage{min-height:365px;position:relative;display:flex;align-items:center;padding:40px 25px 55px 0}
.collage::before,.collage::after{content:"";position:absolute;width:280px;height:330px;top:4px;border-radius:160px 160px 0 0}
.collage::before{right:10px;border:1px solid #b39b6b80;transform:rotate(13deg)}
.collage::after{right:32px;border:1px solid #b39b6b50;transform:rotate(-13deg)}
.synergy-browser{position:relative;width:100%;margin-left:-8px;border:1px solid #d7ccbb;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 14px 32px #35291416;transform:rotate(-5deg);z-index:1}
.synergy-browser-top{height:24px;background:#f5f2ec;border-bottom:1px solid #e4ddd2;display:flex;align-items:center;gap:4px;padding:0 10px;color:#645d52}
.synergy-browser-top i{width:4px;height:4px;background:#c7bfae;border-radius:50%}
.synergy-browser-top span{font-size:7px;letter-spacing:.04em;margin:auto}
.synergy-browser img{width:100%;height:auto;display:block}
.collage-phone{position:absolute;right:-8px;top:36px;width:124px;height:auto;aspect-ratio:420/909;border-radius:22px;object-fit:cover;object-position:center;border:5px solid #27302e;box-shadow:0 17px 33px #16251b38;transform:rotate(8deg);z-index:3}
[data-case="ox"] .collage-phone{object-position:50% center}
[data-case="silver"] .collage{min-height:0;padding:28px 8px 12px 0;display:flex;flex-direction:column;align-items:stretch}
[data-case="silver"] .collage::before,[data-case="silver"] .collage::after{display:none}
[data-case="silver"] .collage-browser{position:relative;right:auto;top:auto;width:92%;margin:-18% 0 0 auto;transform:rotate(7deg);z-index:3;box-shadow:0 18px 40px #3529142e}
[data-case="silver"] .collage-browser img{aspect-ratio:1800/1038;object-fit:cover;object-position:left top}
[data-case="silver"] .collage-caption{position:relative;bottom:auto;left:auto;margin-top:22px;max-width:none}
.collage-caption{position:absolute;bottom:6px;left:8px;color:var(--muted);font-size:9px;max-width:220px;line-height:1.7}
.synergy-orbit{position:absolute;width:440px;height:260px;right:-200px;top:5px;opacity:.4;color:#b0925c;pointer-events:none;fill:none;stroke:currentColor;stroke-width:.7}
.role-strip{margin-top:36px}
.role-strip>.eyebrow{color:var(--gold);margin-bottom:14px}
.role-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.role-grid li{display:flex;align-items:center;justify-content:center;min-height:92px;padding:18px 12px;text-align:center;border:1px solid var(--ink);background:#faf6ee;box-shadow:inset 0 0 0 1px #faf6ee,inset 0 0 0 2px #c9a86a55;font-family:var(--serif);font-size:15px;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--ink)}
.big-six span,.feature-row .n{font-variant-numeric:lining-nums}
.synergy-story{background:#eee6d7;border-top:1px solid var(--line)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.synergy-cover .role-strip+.section-index{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
.synergy-cover h2,.synergy-story h2,.synergy-closing h2{font-size:57px;letter-spacing:-.035em}
.synergy-cover h2 em{color:var(--gold)}
.synergy-closing h2{letter-spacing:-.04em}
.intro-grid p,.closing-copy{font-size:13px;color:var(--muted);line-height:1.9}
.intro-grid p+p,.closing-copy p+p{margin-top:15px}
.closing-copy{font-size:12px;padding-top:5px}
.delivery{margin:31px 0 34px;padding-top:25px;border-top:1px solid var(--line)}
.delivery h3{font-size:28px;margin-bottom:9px}
.delivery p,.resource-panel>p{font-size:12px;color:var(--muted)}
.website-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.library-image{width:100%;height:auto;display:block;border:1px solid #d4cab7;box-shadow:0 16px 32px #40321c0a}
.synergy-caption{font-size:9px;line-height:1.7;color:var(--muted);margin-top:11px}
.big-six{display:flex;align-items:center;gap:16px;margin:19px 0}
.big-six span{font-family:var(--serif);font-size:72px;line-height:1;color:var(--gold)}
.big-six p{font-size:12px;line-height:1.6}
.resource-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.resource-list li{border-top:1px solid var(--line);font-size:10px;padding:8px 0}
.synergy-path{margin-top:42px;padding-top:23px;border-top:1px solid var(--line)}
.path-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.path-intro{max-width:620px;margin:0 0 24px;font-size:13px;line-height:1.75;color:var(--muted)}
.path-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.path-track::before{content:"";position:absolute;top:6px;height:1px;background:#b59b6d;left:0;right:0}
.path-stop{position:relative;padding-top:25px}
.path-stop::before{content:"";position:absolute;top:2px;left:0;width:9px;height:9px;border-radius:50%;border:1px solid var(--gold);background:#eee6d7}
.path-stop b{font-weight:600;font-size:11px}
.path-stop p{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.7}
.synergy-app{background:var(--night);color:var(--paper);padding-top:75px;padding-bottom:38px}
.synergy-app .section-index{color:#d0b075}
.synergy-app .section-index::after{background:#596251}
.synergy-app h2{font-size:61px;letter-spacing:-.035em;max-width:660px}
.synergy-app h2 em{color:#d7bc85}
.app-intro{color:#d0d2c5;font-size:13px;max-width:640px;margin-top:20px}
.app-grid{display:grid;grid-template-columns:250px 1fr;gap:65px;margin-top:38px;align-items:start}
.app-phone{width:177px;box-shadow:0 18px 50px #0005;border-radius:26px;overflow:hidden;border:5px solid #121d19;margin-inline:auto}
.app-phone img{width:100%;height:auto}
[data-case="ox"] .app-grid,[data-case="silver"] .app-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:42px;align-items:center}
[data-case="ox"] .app-dash,[data-case="silver"] .app-dash{width:100%;height:auto;display:block;border:1px solid #596251;border-radius:6px;box-shadow:0 18px 44px #0006}
[data-case="ox"] .synergy-app .app-dash-figure .synergy-caption,[data-case="silver"] .synergy-app .app-dash-figure .synergy-caption{text-align:left;margin-top:10px}
.synergy-app .synergy-caption{color:#b5baac;text-align:center}
.app-content h3{font-size:30px;margin-bottom:13px}
.app-content>p{font-size:12px;color:#d0d2c5}
.member-nav{display:flex;flex-wrap:wrap;gap:6px 17px;margin:20px 0 28px;padding-block:13px;border-block:1px solid #526052}
.member-nav span{font-size:10px;color:#deddd1}
.feature-row{display:grid;grid-template-columns:27px 1fr;gap:10px;margin-top:21px}
.feature-row .n{font-family:var(--serif);font-size:26px;color:#d0b075;line-height:1.15}
.feature-row h4{font-size:12px;margin:0 0 5px}
.feature-row p{font-size:11px;color:#c4cbbc;line-height:1.85}
.synergy-app .synergy-folio{border-color:#526052;color:#b9bfb0}
.synergy-app .eyebrow{color:#d1b47b}
.app-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:34px;border-top:1px solid #526052;padding-top:19px}
.app-bottom strong{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1}
.app-bottom p{font-size:11px;max-width:315px;color:#c4cbbc}
.section-wave{position:absolute;inset:0 0 auto;width:100%;height:25px;pointer-events:none}
.synergy-closing{padding-top:53px;padding-bottom:36px}
.closing-wave{position:absolute;right:-100px;top:5px;width:420px;height:220px;pointer-events:none;opacity:.24;fill:none;stroke:var(--gold);stroke-width:.8}
.closing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:58px}
.synergy-closing h2 em{color:var(--gold)}
.closing-copy strong{font-weight:600;color:var(--ink)}
.ongoing{display:flex;gap:14px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);font-size:12px}
.ongoing .dot{width:7px;height:7px;background:#64775c;border-radius:50%;flex:none}
.ongoing strong{font-weight:600}
.synergy-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:31px}
.synergy-cta p{font-family:var(--serif);font-size:27px}
.synergy-cta a{font-size:12px;white-space:nowrap}
.synergy-notes{font-size:9px;line-height:1.8;color:var(--muted);margin-top:32px}
.synergy-closing .synergy-folio{margin-top:25px}
@media(max-width:850px){
  .synergy-sheet{padding:40px}
  .cover-grid{gap:14px}
  .synergy-cover h1{font-size:60px}
  .collage{min-height:300px}
  .collage-phone{width:108px;right:-5px}
  .collage::before,.collage::after{width:210px;height:270px}
  .collage-caption{max-width:150px;font-size:8px}
  .role-grid{grid-template-columns:repeat(3,1fr)}
  .role-grid li{min-height:80px;font-size:14px}
  .intro-grid{gap:30px}
  .synergy-cover h2,.synergy-story h2,.synergy-closing h2{font-size:48px}
  .website-grid{grid-template-columns:1.2fr 1fr;gap:22px}
  .app-grid{gap:30px;grid-template-columns:210px 1fr}
  [data-case="ox"] .app-grid,[data-case="silver"] .app-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px}
  [data-case="silver"] .collage{min-height:0}
  [data-case="silver"] .collage-browser{width:94%;margin-top:-16%}
  .synergy-app h2{font-size:55px}
  .closing-grid{gap:30px}
}
@media(max-width:620px){
  #project-dialog.synergy-open{inset:0;width:100%;height:100dvh;max-height:none}
  .synergy-toolbar{padding:0 20px}
  .synergy-brand span{display:none}
  .synergy-brand img{width:83px}
  .synergy-sheet{padding:32px 24px}
  .synergy-app{padding-top:55px}
  .cover-meta{align-items:start;margin-bottom:28px}
  .cover-meta>.eyebrow{max-width:200px;font-size:11px}
  .cover-grid,.intro-grid,.website-grid,.closing-grid,.app-grid{grid-template-columns:1fr}
  .cover-grid{gap:12px}
  .synergy-cover h1{font-size:clamp(53px,12vw,68px)}
  .brief-item{grid-template-columns:1fr;gap:4px;padding:11px 0}
  .brief-label{font-size:9px}
  .brief-item p{font-size:12.5px}
  .brief-result{padding:14px 14px;margin-top:24px}
  .brief-result .brief-label{font-size:10px}
  .brief-result p{font-size:20px}
  .collage{min-height:300px;max-width:390px;width:100%;margin:8px auto 0;padding-right:47px;padding-left:8px}
  .collage-phone{width:112px;right:8px;top:18px}
  .synergy-browser{margin-left:0}
  .collage::before,.collage::after{right:35px;height:265px;width:230px}
  .collage-caption{left:12px;bottom:0;max-width:210px;font-size:9px}
  .role-strip{margin-top:28px}
  .role-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .role-grid li{min-height:72px;padding:16px 12px;font-size:14px}
  .synergy-folio{font-size:8px;gap:12px;margin-top:30px}
  .intro-grid{gap:23px}
  .synergy-cover h2,.synergy-story h2,.synergy-closing h2{font-size:50px}
  .delivery{margin-block:27px}
  .website-grid{gap:24px}
  .big-six{margin-top:9px}
  .resource-list li{font-size:11px}
  .path-track{grid-template-columns:1fr 1fr;row-gap:25px}
  .path-track::before{display:none}
  .path-stop{border-top:1px solid var(--line);padding-top:17px}
  .path-stop::before{top:-5px}
  .path-stop b{font-size:12px}
  .path-stop p{font-size:11px}
  .synergy-app h2{font-size:49px}
  .app-grid{gap:31px;margin-top:29px}
  .app-figure{order:2;max-width:245px;margin-inline:auto}
  [data-case="ox"] .app-figure,[data-case="silver"] .app-figure{max-width:none;width:100%}
  [data-case="silver"] .collage{padding:20px 12px 8px 0;min-height:0}
  [data-case="silver"] .collage-browser{width:96%;margin-top:-14%}
  [data-case="silver"] .collage-caption{margin-top:18px}
  .app-phone{width:205px}
  .app-content>p{font-size:13px}
  .feature-row p{font-size:12px}
  .feature-row h4{font-size:13px}
  .member-nav span{font-size:11px}
  .app-bottom{display:block;margin-top:29px}
  .app-bottom strong{font-size:34px}
  .app-bottom p{margin-top:12px;font-size:12px}
  .closing-grid{gap:25px}
  .closing-copy{font-size:13px}
  .ongoing{align-items:flex-start}
  .ongoing .dot{margin-top:8px}
  .synergy-cta{align-items:flex-start;flex-direction:column;gap:13px}
  .synergy-cta p{font-size:29px}
  .synergy-cta a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
  .synergy-notes{font-size:10px}
}
.case-copy .synergy-study .synergy-toolbar{padding:0 20px}
.case-copy .synergy-study .synergy-brand span{display:none}
.case-copy .synergy-study .synergy-sheet{padding:32px 20px}
.case-copy .synergy-study .synergy-app{padding-top:55px}
.case-copy .synergy-study .cover-grid,
.case-copy .synergy-study .intro-grid,
.case-copy .synergy-study .website-grid,
.case-copy .synergy-study .closing-grid,
.case-copy .synergy-study .app-grid{grid-template-columns:1fr}
.case-copy .synergy-study .synergy-cover h1{font-size:clamp(40px,8vw,56px)}
.case-copy .synergy-study .synergy-cover h2,
.case-copy .synergy-study .synergy-story h2,
.case-copy .synergy-study .synergy-closing h2,
.case-copy .synergy-study .synergy-app h2{font-size:40px}
.case-copy .synergy-study .role-grid{grid-template-columns:repeat(2,1fr)}
.case-copy .synergy-study .app-bottom,
.case-copy .synergy-study .synergy-cta{display:block}
.case-copy .synergy-study .path-track{grid-template-columns:1fr 1fr}
.case-copy .synergy-study .path-track::before{display:none}
.case-copy .synergy-study .app-figure{order:2;max-width:220px;margin-inline:auto}
.case-copy .synergy-study[data-case="ox"] .app-figure,
.case-copy .synergy-study[data-case="silver"] .app-figure{max-width:none;width:100%}
@media(prefers-reduced-motion:reduce){#project-dialog.synergy-open{scroll-behavior:auto}}

/* Case studies: the panel opens the story, and the invitation is a north-star button. */
.case-visual.is-trigger{cursor:pointer}
.case-visual.is-trigger:hover,.case-visual.is-trigger:focus-visible{box-shadow:inset 0 0 0 1px rgba(138,106,31,.55)}
.case-visual.is-trigger .case-visual-label>span:last-child{display:inline-block;transition:transform .45s cubic-bezier(.22,.61,.24,1),color .45s}
.case-visual.is-trigger:hover .case-visual-label>span:last-child,.case-visual.is-trigger:focus-visible .case-visual-label>span:last-child{color:#8a6a1f;transform:translate(3px,-3px)}
/* Project invitations: a parchment gateway traced by traveling light. */
.case-gateway{list-style:none}
.case-gateway::-webkit-details-marker{display:none}
.case-gateway::marker{content:none}
.case-gateway{--gateway-brass:#9a783c;position:relative;isolation:isolate;display:grid;align-content:center;text-align:left;width:328px;max-width:100%;min-height:80px;padding:15px 88px 17px 22px;border:1px solid #bba477;border-radius:3px 40px 40px 3px;background:linear-gradient(110deg,#fbf6ea,#f5ead2 76%,#eddfbf);color:#67502c;box-shadow:0 3px 9px #8b6c2810,inset 0 1px 0 #fffaf0;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .5s;overflow:hidden;cursor:pointer}
.case-gateway::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#fffdf4b3 50%,transparent 75%);transform:translateX(-120%);pointer-events:none}
.gateway-kicker{position:relative;z-index:2;font:600 7px/1.4 var(--sans);letter-spacing:.19em;color:#856a3e;margin-bottom:5px}
.gateway-label{position:relative;z-index:2;font:500 24px/1 var(--serif);letter-spacing:-.02em;white-space:nowrap}
.case-gateway .gateway-route{position:absolute;inset:0;width:100%;height:100%;stroke-width:.8;stroke:var(--gateway-brass);pointer-events:none}
.gateway-dune{opacity:.14}
.gateway-path{opacity:.28}
.gateway-traveler{stroke:#bb8d36;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:8 92;animation:gateway-travel 5s cubic-bezier(.45,0,.25,1) infinite}
.case-gateway .gateway-emblem{position:absolute;right:6px;top:3px;width:72px;height:72px;stroke:currentColor;stroke-width:.8;color:var(--gateway-brass);pointer-events:none}
.gateway-orbit{transform-origin:40px 38px;animation:orbit 26s linear infinite;opacity:.6}
.gateway-halo{fill:#e7c879;opacity:.16;transform-origin:40px 40px;animation:gateway-breathe 5s ease-in-out infinite}
.gateway-arch{opacity:.7}
.gateway-arch-trace{stroke:#bd8f39;stroke-width:1.5;stroke-dasharray:22 78;animation:gateway-travel 5s ease-in-out infinite reverse}
.gateway-star{transform-origin:40px 39px;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;color:#b18531}
.gateway-threshold{opacity:.45}
.case-gateway:hover,.case-gateway:focus-visible{transform:translateY(-3px);border-color:#9a783c;box-shadow:0 9px 24px #9a783c24,inset 0 1px 0 #fffaf0}
.case-gateway:hover::before,.case-gateway:focus-visible::before{animation:gateway-sheen 1.1s ease-out both}
.case-gateway:hover .gateway-star,.case-gateway:focus-visible .gateway-star{transform:translateY(-3px) rotate(90deg) scale(1.12);filter:drop-shadow(0 0 4px #d9ad55a6)}
.case-gateway:hover .gateway-traveler,.case-gateway:focus-visible .gateway-traveler{stroke-width:2}
.case-gateway:focus-visible{outline:2px solid #856a3e;outline-offset:5px}
.case-gateway:active{transform:translateY(-1px)}
@keyframes gateway-travel{0%{stroke-dashoffset:100;opacity:0}15%,80%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes gateway-breathe{0%,100%{opacity:.12}50%{opacity:.4}}
@keyframes gateway-sheen{to{transform:translateX(120%)}}
@media(max-width:600px){.case-gateway{width:310px;padding-left:18px}.gateway-label{font-size:23px}}
@media(max-width:360px){.case-gateway{width:280px;padding-left:16px;padding-right:76px}.gateway-label{font-size:21px}.case-gateway .gateway-emblem{width:65px;height:65px;top:7px;right:4px}}

.case-gateway:hover .gateway-route,.case-gateway:hover .gateway-emblem{transform:none}