/* Approved white / teal / champagne / aqua. Color-only, authentic media intact. */
:root{--paper:#f8f5ed;--ink:#07576b;--teal:#07576b;--gold:#a17b43;--aqua:#40d9d0;--line:#ccdce0}
html body{background:var(--paper);color:var(--ink)}
body:has(#top.editorial-hero)>header,body #top.editorial-hero{background:var(--paper);color:var(--ink)}
body #top.editorial-hero .opening,body #top.editorial-hero h1,body #top.editorial-hero .hero-work,body #top.editorial-hero .hero-commitment{color:var(--ink)}
body #top.editorial-hero .opening-summary,body #top.editorial-hero .hero-commitment span{color:#406565}
body #top.editorial-hero .opening>.eyebrow,.section .eyebrow{color:var(--gold)}
body #top.editorial-hero .hero-puzzle-frame{background:transparent!important}
body .button,body #top.editorial-hero .button,body .nav-cta{background:var(--teal);border-color:var(--teal);color:#fff}
body .button span,body .nav-cta span{color:var(--aqua)}
body header nav .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;min-height:46px;line-height:1.2;border:1px solid var(--teal);white-space:nowrap}
body header nav .nav-cta span{margin:0;flex-shrink:0}
@media(max-width:760px){body header nav .nav-cta{padding:10px 14px;gap:12px;min-height:44px}}
body .button:hover,body #top.editorial-hero .button:hover{background:#08716e;color:#fff}
body .offer,body .career-proof,body .partners,body .partners-copy,body .sprint-proof{background:var(--paper);color:var(--ink)}
body .pricing article,body .expanded-option>article{background:#edf4f0;color:var(--ink)}
body #work{background:#07576b;color:#fff}
body .work .eyebrow,body .work .section-top,body .work a{color:#cceee6}
body #offer,body #partners{background:var(--paper);color:var(--ink)}
body #contact,body footer{background:var(--teal);color:#fff}
body #contact .inquiry{background:#fff;color:var(--teal);border-color:#c5a36c}
body #contact .button{background:var(--teal);color:#fff}
body #contact>p{color:#d2e8e2}
body #contact .inquiry p,body #contact .inquiry .fineprint{color:#406565}
body .contact .eyebrow,body .contact .fineprint{color:#c5ddd7}
body .contact input,body .contact textarea,body .contact select{background:#fff;color:var(--teal);border-color:#c5a36c}
body .contact input::placeholder,body .contact textarea::placeholder{color:#52716b}
body .contact button{background:#fff;color:var(--teal);border-color:#fff}
body .contact button:hover{background:var(--aqua);color:var(--teal)}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body summary:focus-visible,body textarea:focus-visible,body select:focus-visible{outline:3px solid #168b83;outline-offset:4px}
/* Original lightweight vector interpretation of the selected interlocking fan pattern. */
/* Selected ivory gallery artwork; live content remains independent above it. */
html body #top.editorial-hero{background:var(--paper)}
html body #top.editorial-hero::before,html body #top.editorial-hero::after{display:none}
@media(max-width:760px){html body #top.editorial-hero{background-position:64% center}}
/* Ivory studio trial: soft pigment washes, fine grain, quiet engraved edges. */
body #top.editorial-hero{position:relative;isolation:isolate;background-color:#fafaf7;background-image:radial-gradient(ellipse at 75% 45%,#b7cecf70 0%,#d9e4df38 29%,transparent 59%),radial-gradient(ellipse at 74% 79%,#d5b77e40 0%,transparent 37%)}
body #top.editorial-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
body #top.editorial-hero::after{content:'';position:absolute;inset:0 0 0 auto;width:35%;z-index:-1;pointer-events:none;background:url('art/peacock-fan.svg') right center/270px repeat;opacity:.075;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
body #top.editorial-hero .story-stage{padding-top:12px;padding-bottom:24px}
@media(max-width:760px){body #top.editorial-hero{background-image:radial-gradient(ellipse at 65% 75%,#b7cecf65,transparent 48%),radial-gradient(ellipse at 60% 91%,#d5b77e35,transparent 32%)}body #top.editorial-hero::after{width:40%;opacity:.045}body #top.editorial-hero .story-stage{padding-top:24px}}
body #contact{overflow:hidden}
body #contact::before{transform:none}
@media(prefers-reduced-motion:reduce),(pointer:coarse){body #contact::before{transform:none}}
body #work,body #contact{position:relative;isolation:isolate}
body #work::before,body #contact::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat}
body #work::before{inset:0 0 auto auto;width:min(48%,580px);height:360px;background-image:url('art/peacock-fan.svg');background-repeat:repeat;background-size:150px;opacity:.38;mask-image:linear-gradient(110deg,transparent,#000),linear-gradient(#000,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(110deg,transparent,#000),linear-gradient(#000,transparent)}
body #contact::before{inset:auto auto 0 0;width:min(35%,420px);height:410px;background-image:url('art/peacock-fan.svg');background-repeat:repeat;background-size:150px;opacity:.32;mask-image:linear-gradient(90deg,#000,transparent);-webkit-mask-image:linear-gradient(90deg,#000,transparent)}
body #offer .price{color:#07576b}
body #offer .proof-steps article{background:#eef4f5;border-top-color:#087f91}
body .pricing article,body .expanded-option>article{background:#eef4f5}
body .button:hover,body #top.editorial-hero .button:hover{background:#087f91}
body #work .carnival-outcome{border-color:#40d9d0}
body #work .carnival-outcome h4{color:#8de2e1}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body summary:focus-visible,body textarea:focus-visible,body select:focus-visible{outline-color:#087f91}
/* The two primary wayfinding actions borrow the box's illuminated material response. */
body header nav .nav-cta,body #top.editorial-hero .hero-actions .button.light{position:relative;isolation:isolate;overflow:hidden;background:#07576b;border:1px solid #07576b;color:#fff;box-shadow:0 2px 0 #043e4a;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s}
body header nav .nav-cta::before,body #top.editorial-hero .hero-actions .button.light::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle 110px at var(--cta-x,50%) var(--cta-y,50%),#79f4e8bd 0%,#18b9b181 35%,transparent 78%);opacity:0;transition:opacity .28s}
body header nav .nav-cta::after,body #top.editorial-hero .hero-actions .button.light::after{content:'';position:absolute;z-index:0;top:-25%;bottom:-25%;left:0;width:38%;pointer-events:none;background:linear-gradient(90deg,transparent,#e8fffa5c,transparent);transform:translateX(-170%) skewX(-22deg);transition:transform .62s cubic-bezier(.17,.67,.25,1)}
body header nav .nav-cta>span,body #top.editorial-hero .hero-actions .button.light>span{position:relative;z-index:1}
body header nav .nav-cta .cta-label,body #top.editorial-hero .hero-actions .button.light .cta-label{color:#fff}
body header nav .nav-cta .cta-arrow,body #top.editorial-hero .hero-actions .button.light .cta-arrow{display:inline-block;color:#8cf3e8;transition:transform .28s cubic-bezier(.2,.8,.2,1),color .2s}
@media(hover:hover) and (pointer:fine){
 body header nav .nav-cta:hover,body #top.editorial-hero .hero-actions .button.light:hover{background:#076875;transform:translateY(-3px);box-shadow:0 7px 0 #043e4a,0 13px 28px #07576b30}
 body header nav .nav-cta:hover::before,body #top.editorial-hero .hero-actions .button.light:hover::before,body header nav .nav-cta:focus-visible::before,body #top.editorial-hero .hero-actions .button.light:focus-visible::before{opacity:.68}
 body header nav .nav-cta:hover::after,body #top.editorial-hero .hero-actions .button.light:hover::after{transform:translateX(360%) skewX(-22deg)}
 body header nav .nav-cta:hover .cta-arrow,body #top.editorial-hero .hero-actions .button.light:hover .cta-arrow{transform:translate(3px,-3px);color:#fff}
}
body header nav .nav-cta:is(:active,.is-activating),body #top.editorial-hero .hero-actions .button.light:is(:active,.is-activating){transform:translateY(2px) scale(.97);box-shadow:0 0 0 #043e4a,inset 0 2px 12px #00343c78;background:#0a8390}
body header nav .nav-cta:is(:active,.is-activating)::before,body #top.editorial-hero .hero-actions .button.light:is(:active,.is-activating)::before{opacity:1}
body header nav .nav-cta:is(:active,.is-activating) .cta-arrow,body #top.editorial-hero .hero-actions .button.light:is(:active,.is-activating) .cta-arrow{transform:translate(5px,-5px);color:#fff}
@media(prefers-reduced-motion:reduce){body header nav .nav-cta,body #top.editorial-hero .hero-actions .button.light,body header nav .nav-cta::before,body #top.editorial-hero .hero-actions .button.light::before,body header nav .nav-cta::after,body #top.editorial-hero .hero-actions .button.light::after,body header nav .nav-cta .cta-arrow,body #top.editorial-hero .hero-actions .button.light .cta-arrow{transition:none}body header nav .nav-cta:hover,body #top.editorial-hero .hero-actions .button.light:hover,body header nav .nav-cta:is(:active,.is-activating),body #top.editorial-hero .hero-actions .button.light:is(:active,.is-activating){transform:none}}
/* The inquiry submit shares that finish; its click never delays form validation. */
body #contact .inquiry button.button{position:relative;isolation:isolate;overflow:hidden;background:#07576b;border:1px solid #07576b;color:#fff;box-shadow:0 2px 0 #043e4a;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background .28s}
body #contact .inquiry button.button::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle 110px at var(--cta-x,50%) var(--cta-y,50%),#79f4e8bd 0%,#18b9b181 35%,transparent 78%);opacity:0;transition:opacity .28s}
body #contact .inquiry button.button::after{content:'';position:absolute;z-index:0;top:-25%;bottom:-25%;left:0;width:38%;pointer-events:none;background:linear-gradient(90deg,transparent,#e8fffa5c,transparent);transform:translateX(-170%) skewX(-22deg);transition:transform .62s cubic-bezier(.17,.67,.25,1)}
body #contact .inquiry button.button>span{position:relative;z-index:1}
body #contact .inquiry button.button .cta-label{color:#fff}
body #contact .inquiry button.button .cta-arrow{display:inline-block;color:#8cf3e8;transition:transform .28s cubic-bezier(.2,.8,.2,1),color .2s}
@media(hover:hover) and (pointer:fine){body #contact .inquiry button.button:hover{background:#076875;transform:translateY(-3px);box-shadow:0 7px 0 #043e4a,0 13px 28px #07576b30}body #contact .inquiry button.button:is(:hover,:focus-visible)::before{opacity:.68}body #contact .inquiry button.button:hover::after{transform:translateX(360%) skewX(-22deg)}body #contact .inquiry button.button:hover .cta-arrow{transform:translate(3px,-3px);color:#fff}}
body #contact .inquiry button.button:is(:active,.is-activating){transform:translateY(2px) scale(.97);box-shadow:0 0 0 #043e4a,inset 0 2px 12px #00343c78;background:#0a8390}
body #contact .inquiry button.button:is(:active,.is-activating)::before{opacity:1}
body #contact .inquiry button.button:is(:active,.is-activating) .cta-arrow{transform:translate(5px,-5px);color:#fff}
@media(prefers-reduced-motion:reduce){body #contact .inquiry button.button,body #contact .inquiry button.button::before,body #contact .inquiry button.button::after,body #contact .inquiry button.button .cta-arrow{transition:none}body #contact .inquiry button.button:hover,body #contact .inquiry button.button:is(:active,.is-activating){transform:none}}
@media(max-width:600px){body #work::before,body #contact::before{background-size:110px;opacity:.24;width:45%;height:250px}}
/* Fixed engraving, revealed only within the mouse flashlight. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .pointer-title{translate:var(--title-x,0px) var(--title-y,0px);transition:translate .45s cubic-bezier(.2,.8,.2,1)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 body #contact::before,body #work::before{inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;background-image:url('art/peacock-fan.svg');background-repeat:repeat;background-position:0 0;filter:brightness(var(--gold-glint,1.05));mask-image:radial-gradient(circle 300px at var(--light-x,-400px) var(--light-y,-400px),#000b 0%,#0006 35%,#0002 70%,transparent 100%);-webkit-mask-image:radial-gradient(circle 300px at var(--light-x,-400px) var(--light-y,-400px),#000b 0%,#0006 35%,#0002 70%,transparent 100%)}
 body #contact.pattern-lit::before,body #work.pattern-lit::before{opacity:.55}
}
/* Selected Fine Art Deco wallpaper: static, quiet, independent of the pointer. */
html body #work,html body #contact,html body footer{background:#0b3539;color:#fff}
html body #work::before,html body #contact::before{display:none}
/* Show real people using the touchwall; keep the recorded prototype available below. */
body #work .carnival-hero-media{width:min(100%,410px);max-width:none;align-self:start}
.carnival-touchwall-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
body #work .carnival-feature-heading>.carnival-touchwall-photo{margin-bottom:28px}
body #work .carnival-hero{align-items:start}
body #work .carnival-hero-media .journey-recording{height:auto;aspect-ratio:2112/3704;background:transparent}
body #work .work-grid>.nassau-photo-story{grid-template-columns:1fr 1fr;gap:24px 6vw;align-items:start}
body #work .nassau-photo-story>.project-intro{grid-column:1;grid-row:1}
.nassau-use-photo{margin:0 0 28px;min-width:0}
.nassau-use-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.nassau-use-photo figcaption{font-size:11px;line-height:1.5;color:#c5e5e8;margin-top:10px}
body #work .nassau-playable{grid-column:2;grid-row:1;min-width:0;width:100%}
body #work .nassau-playable .demo-stage{width:min(100%,410px);margin:0 auto 24px}
body #work .nassau-playable .concierge-controls,body #work .nassau-playable [data-demo-status]{display:none}
@media(max-width:760px){body #work .work-grid>.nassau-photo-story{grid-template-columns:1fr}body #work .nassau-playable{grid-column:1;grid-row:2}}
/* Color-only cleanup: ivory / petrol / vivid blue-turquoise. */
html body #top.editorial-hero .opening>.eyebrow,body #offer .eyebrow{color:var(--ink)}
html body #offer .proof-steps article,html body .expanded-option>article{background:#eeeae0;border-color:#c6b892}
html body #offer .pricing{background:#087b89;border-color:#087b89;box-shadow:none}
html body #offer .pricing>article{background:#087b89;color:#fff}
html body #offer .pricing>article :is(h3,p,.price,.eyebrow,.deliverables){color:#fff}
html body #offer .pricing .deliverables span{border-color:#ffffff66}
html body #offer .pricing .text-link{background:var(--paper);color:#07576b;border:0;padding:18px 22px;align-items:center}
html body #offer .pricing .text-link:hover{background:#e8eee7}
html body #offer .pricing a:focus-visible{outline-color:#fff}
html body #contact .inquiry{background:var(--paper);border-color:#c6b892}
html body footer p,html body footer>span{color:#c5ddd7}
/* Quiet career-logo rail; genuine existing marks on solid petrol. */
body #work .case-chapter-heading{grid-column:1/-1;grid-row:1;display:block;height:auto;padding:0 0 30px;margin:0 0 32px;border-bottom:1px solid #bc965c80}
body #work .case-chapter-number{font-size:12px;font-weight:700;letter-spacing:.18em;color:#d3b57f;margin:0 0 16px}
body #work .case-chapter-heading h3{font-size:clamp(30px,3.3vw,50px);line-height:1.12;letter-spacing:-.035em;color:#fff;margin:0 0 14px;font-weight:550}
body #work .case-chapter-subtitle{color:#c5ddd7;font-size:15px;line-height:1.5;margin:0}
/* Equal editorial chapters, never an inset card for the second project. */
body #work .carnival-feature,body #work .work-grid>.nassau-photo-story{width:100%;padding:40px 0 0;background:transparent;border:0;border-top:1px solid #bc965c80;box-shadow:none;border-radius:0}
body #work .carnival-feature{margin:0}
body #work .carnival-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 6vw}
body #work .carnival-hero-media{justify-self:center}
body #work .work-grid>.nassau-photo-story{margin-top:80px;gap:0 6vw}
body #work .nassau-photo-story>.project-intro{grid-row:2}
body #work .nassau-photo-story>.nassau-playable{grid-row:2}
@media(max-width:760px){body #work .carnival-feature,body #work .work-grid>.nassau-photo-story{padding:28px 0 0}body #work .carnival-hero{grid-template-columns:minmax(0,1fr)}body #work .work-grid>.nassau-photo-story{margin-top:56px}body #work .nassau-photo-story>.nassau-playable{grid-row:3;margin-top:28px}body #work .case-chapter-heading{margin-bottom:26px;padding-bottom:24px}}
/* Compact, equal project chapters with balanced media and story typography. */
body #work>.section-top{margin-bottom:20px}
body #work>h2{font-size:clamp(32px,3.5vw,52px);max-width:100%;margin-bottom:36px}
body #work .case-chapter-heading{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 22px;padding:0;margin:0 0 32px;border-bottom:0;align-items:baseline}
body #work .case-chapter-number{grid-column:1;grid-row:1/3;margin:0;font-size:11px}
body #work .case-chapter-heading h3{grid-column:2;margin:0;font-size:clamp(25px,2.6vw,38px)}
body #work .case-chapter-subtitle{grid-column:2;font-size:13px}
body #work .carnival-hero,body #work .work-grid>.nassau-photo-story{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:clamp(32px,6vw,88px)}
body #work .carnival-hero-media,body #work .nassau-playable .demo-stage{width:min(100%,330px)}
body #work .carnival-hero-media{justify-self:center;margin:0 auto}
body #work .case-story-title,body #work .carnival-hero .case-story-title{font-size:clamp(26px,2.5vw,36px);line-height:1.16;font-weight:500;letter-spacing:-.03em;margin:24px 0 18px;color:#fff}
body #work .carnival-feature-heading>p:not(.fineprint),body #work .project-intro>p{font-size:16px;line-height:1.65;max-width:54ch}
body #work .carnival-feature-heading>.fineprint{font-size:12px;line-height:1.6;margin-top:22px}
body #work .carnival-outcome{margin-top:24px;padding-top:18px}
body #work .carnival-outcome h4{font-size:25px;margin:8px 0 12px}
body #work .carnival-outcome p:not(.eyebrow){font-size:15px;line-height:1.6}
body #work .carnival-touchwall-photo,body #work .nassau-use-photo{margin-bottom:20px}
body #work .carnival-feature>details{margin-top:28px}
body #work .nassau-playable .nassau-touch-cue{position:absolute;top:38%;right:-82px;width:98px;margin:0;color:#0b555c;font-size:12px;font-weight:700;line-height:1.35;letter-spacing:.11em;text-transform:uppercase}
body #work .nassau-playable .nassau-touch-cue::before{content:'←';display:block;margin-bottom:8px;font-size:30px;font-weight:400;line-height:1}
@media(max-width:1100px){body #work .nassau-playable .nassau-touch-cue{position:static;width:auto;margin:0 auto 14px;text-align:center}body #work .nassau-playable .nassau-touch-cue::before{content:'↓';margin-bottom:4px}}
@media(max-width:760px){body #work .case-chapter-heading{grid-template-columns:1fr;gap:10px}body #work .case-chapter-heading :is(.case-chapter-number,h3,.case-chapter-subtitle){grid-column:1;grid-row:auto}body #work .carnival-hero,body #work .work-grid>.nassau-photo-story{grid-template-columns:minmax(0,1fr)}body #work .carnival-hero-media,body #work .nassau-playable .demo-stage{width:min(100%,330px)}body #work .case-story-title{margin-top:20px}}
.founder-brand-rail{min-width:0;width:100%;margin:0;padding:24px 0;background:#0b3539;color:#fff;overflow:hidden}
.founder-brand-rail .brand-rail-heading{padding:0 7vw}
.brand-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-rail-heading p{margin:0;font-size:13px;letter-spacing:.04em;color:#fff!important}
.brand-rail-heading button{background:none;color:#d3e6e1;border:1px solid #ffffff55;padding:8px 12px;font-size:11px;cursor:pointer}
.brand-rail-window{overflow:hidden;margin:24px 0}
.brand-rail-track{display:flex;width:max-content;animation:founder-logos var(--logo-duration,112s) linear infinite}
.brand-rail-track ul{display:flex;align-items:center;gap:56px;list-style:none;margin:0;padding:0 56px 0 0;flex-shrink:0}
.brand-rail-track li{display:flex;align-items:center;justify-content:center;width:136px;height:62px}
.brand-rail-track img{display:block;width:136px;height:52px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.brand-rail-track ul{min-height:62px}
.brand-rail-track li.mark-fitted{position:relative;flex-shrink:0;width:calc(var(--mark-width)*var(--mark-scale,1));height:calc(var(--mark-height)*var(--mark-scale,1));overflow:hidden}
.brand-rail-track li.mark-fitted img{position:absolute;max-width:none;object-fit:fill}
.founder-brand-rail .brand-rail-credit{font-size:11px;line-height:1.6;color:#c5ddd7!important;margin:0;max-width:760px}
@keyframes founder-logos{to{transform:translateX(-50%)}}
@media(max-width:760px){.founder-brand-rail{padding:20px 0}.founder-brand-rail .brand-rail-heading{padding:0 6vw}.brand-rail-track ul{gap:32px;padding-right:32px}.brand-rail-track li,.brand-rail-track img{width:112px}}
@media(prefers-reduced-motion:reduce){.brand-rail-track{animation:none;width:auto}.brand-rail-track ul{flex-wrap:wrap;justify-content:center;padding:0;gap:24px;width:100%}.brand-rail-track ul[aria-hidden],.brand-rail-heading button{display:none}}
@media(max-width:760px){.brand-rail-track{--mark-scale:.85}}