/* Licensed, self-hosted display type and focused responsive refinements. */
h1,h2,h3,h4{font-optical-sizing:auto}
.hero h1.hero-message{letter-spacing:-.045em}
.closing h2,.contact-page .page-intro h1{letter-spacing:-.04em}
.closing{text-align:center}
.closing h2{margin-inline:auto;max-width:1100px;text-wrap:balance}
.closing-row{flex-direction:column;align-items:center;justify-content:center;gap:28px;margin-top:30px}
.closing-row p{max-width:550px;margin-inline:auto;text-wrap:balance}
.closing-row .button{align-self:center}

/* Atlas follows the same photo/copy rhythm as the agency section. */
.atlas-showcase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,76px);align-items:center}
.atlas-editorial-photo{margin:0;min-width:0;align-self:start;position:sticky;top:140px}
.atlas-editorial-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.atlas-editorial-photo figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px;max-width:420px}
.atlas-editorial-copy{min-width:0}
.atlas-intro{max-width:none;margin:0;text-align:left}
.atlas-intro>.atlas-logo{width:180px;margin:20px 0 26px}
.atlas-intro h2{font-size:clamp(34px,3.2vw,50px);line-height:1.08;letter-spacing:-.045em;max-width:16ch;margin-bottom:24px}
.atlas-intro .unit-intro{font-size:16px;line-height:1.7;margin:0;max-width:560px}
.atlas-details{margin:30px 0 0;max-width:none}
.atlas-details .unit-features{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 28px}
.atlas-details .unit-feature{padding-top:16px}
.atlas-details .unit-feature h4{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.025em;margin:0 0 7px}
.atlas-details .unit-feature p{font-size:14px;line-height:1.65;max-width:540px}
.atlas-details .unit-footer{text-align:left}
.atlas-details .unit-access-note{margin:14px 0;max-width:500px;font-size:12px}
.atlas-details .help{margin-top:14px}
.atlas-details .text-link{font-size:13px}
.mobile-work-feature,.mobile-section-label,.home-latest-article{display:none}

/* The contact illustration sits behind, and remains visible through, each field. */
body.contact-page{--bg:#2c6265;--surface:#31686b;--raised:#376e71;--ink:#f4f1e9;--muted:#d1e3df;--line:#d7eee440;color-scheme:dark;background:var(--bg);color:var(--ink)}
.contact-seascape{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.boat-parallax{position:absolute;width:min(1000px,84vw);left:56%;top:16vh;transform:translate3d(-50%,var(--sea-y,0px),0);will-change:transform}
.contact-boat{width:100%;height:auto;opacity:.92}
.contact-page main,.contact-page footer,.contact-page .review-bar{position:relative;z-index:1}
.contact-page .review-bar{background:#214e5133}
.contact-page>header,.contact-page>header.is-scrolled{background:#2c62653b;border-color:#e2f5ec30;box-shadow:inset 0 1px #ffffff22,0 10px 32px -24px #071f21a0}
.contact-page .theme{display:none}
.contact-page .brand .theme-light{display:none!important}
.contact-page .brand .theme-dark{display:block!important;filter:none}
.contact-page .atlas-access-icon{filter:invert(88%) sepia(16%) saturate(340%) hue-rotate(117deg)}
.contact-page .atlas-access-face{background:#224b4e;color:var(--ink)}
.contact-page .page-intro{text-align:center;padding-top:70px}
.contact-page .page-intro h1{margin-inline:auto;font-size:clamp(48px,6.7vw,96px);max-width:1200px;text-wrap:balance}
.contact-page .page-intro .lead{margin-inline:auto;max-width:650px;font-size:18px;text-wrap:balance}
.sea-motion-control{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:30px;color:var(--ink);background:#244f5233;padding:10px 16px;font-size:11px;min-height:44px;margin-top:28px;backdrop-filter:blur(8px)}
.contact-page .contact{gap:clamp(36px,7vw,110px);padding-top:65px}
.contact-page .contact h2{font-size:clamp(34px,3.2vw,48px);max-width:420px;text-wrap:balance}
.contact-page .section-lead{font-size:18px;max-width:330px}
.contact-page .review-note{max-width:320px;color:var(--muted)}
.contact-page input:not([type=checkbox]),.contact-page textarea{background:linear-gradient(125deg,#ffffff0f,#cbeee704);border:1px solid #d3ebe566;border-radius:14px;backdrop-filter:blur(7px) saturate(130%);-webkit-backdrop-filter:blur(7px) saturate(130%);box-shadow:inset 0 1px 0 #ffffff3b,inset 0 -1px 0 #051a1a14,0 8px 28px #071c1d09;color:#fff;transition:border-color 200ms,box-shadow 200ms}
.contact-page input:not([type=checkbox]):focus,.contact-page textarea:focus{border-color:#f4f1e9;box-shadow:inset 0 1px 0 #ffffff66,0 0 0 3px #d1eae416;outline:none}
.contact-page input::placeholder,.contact-page textarea::placeholder{color:#c1d8d1}
.contact-page input[type=checkbox]{accent-color:#f4f1e9}
.contact-page .field-error{color:#ffcfaf}
.contact-page .help,.contact-page .char-count{color:#d1e3df}
.contact-page footer{background:#204b4e24}

@media(max-width:900px){
 .home-discover{display:flex;flex-direction:column;gap:64px}
 .home-column--work{order:0;margin-top:0;padding-top:0;border-top:0}
 .home-column--ideas{order:1;padding-top:36px;border-top:1px solid var(--line)}
 .home-column--ideas:before{display:none}
 .home-column--work .work-grid{display:none}
 .home-column-heading .desktop-section-label{display:none}
 .home-column-heading .mobile-section-label{display:inline}
 .home-column--work .home-column-heading h2{font-size:clamp(32px,5vw,42px)}
 .mobile-work-feature{display:block;margin:28px 0 24px;min-width:0}
 .featured-track{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 6px;scroll-padding-inline:0;touch-action:pan-x pan-y pinch-zoom}
 .featured-track::-webkit-scrollbar{display:none}
 .featured-slide{scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
 .featured-slide:last-child{margin-right:0}
 .featured-art{height:clamp(300px,54vw,420px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:5px;background:transparent}
 .featured-art img{width:100%;height:100%;object-fit:contain;object-position:center}
 .featured-client{display:block;font-size:10px;letter-spacing:.04em;color:var(--muted);margin:20px 0 8px}
 .featured-slide h3{font-size:26px;line-height:1.12;letter-spacing:-.035em;max-width:25ch}
 .featured-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;color:var(--muted);font-size:10px}
 .featured-dots{display:flex;gap:0}
 .featured-dots button{width:30px;height:44px;padding:0;display:grid;place-items:center;background:none;border:0;color:var(--ink)}
 .featured-dots button span{height:5px;width:5px;border-radius:10px;background:currentColor;opacity:.25;transition:width 250ms,opacity 250ms}
 .featured-dots button[aria-pressed=true] span{width:18px;opacity:1}
 .featured-count{font-variant-numeric:tabular-nums;min-width:42px;text-align:right}
 .home-column--work .home-more,.home-column--ideas .home-more{margin:0;min-height:48px}
 .home-column--ideas .home-column-heading{display:none}
 .home-column--ideas:after{display:none}
 .home-column--ideas .ideas-grid,.home-column--ideas .editorial-draft-note{display:none}
 .home-latest-article{display:block;margin:0 0 28px}
 .home-latest-article>.eyebrow{margin-bottom:22px}
 .latest-idea-link{display:block}
 .latest-idea-photo{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border-radius:7px;background:var(--surface)}
 .latest-idea-meta{display:flex;justify-content:space-between;gap:16px;margin:20px 0 13px;font-size:10px;line-height:1.5;color:var(--muted)}
 .latest-idea h3{font-size:clamp(28px,5vw,38px);line-height:1.1;letter-spacing:-.04em;color:var(--ink);max-width:24ch}
 .latest-idea-byline{display:block;margin-top:15px;color:var(--muted);font-size:11px}
 .latest-idea-read{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;font-size:13px;font-weight:600;color:var(--ink)}
 .latest-idea-read>span{font-size:24px;transition:transform 200ms ease}
 .latest-idea-link:hover .latest-idea-read>span{transform:translate(2px,-2px)}
 .atlas-showcase{gap:32px}
 .atlas-intro h2{font-size:36px}
 .atlas-editorial-photo{top:120px}
}
@media(max-width:800px){
 .atlas-showcase{grid-template-columns:1fr}
 .atlas-editorial-photo{position:static}
 .atlas-editorial-copy{max-width:660px}
 .atlas-intro h2{font-size:clamp(36px,6vw,48px);max-width:18ch}
 .atlas-intro>.atlas-logo{margin:20px 0 26px}
 .contact-page .contact{grid-template-columns:1fr;gap:36px}
 .contact-page .page-intro .lead{font-size:16px}
 .contact-page .contact>div>.character-pocket{display:none}
 .contact-page .contact .review-note{max-width:440px}
 .boat-parallax{width:900px;left:65%;top:26vh}
}
@media(max-width:520px){
 .featured-track{grid-auto-columns:88%;gap:16px;margin-right:calc(-1 * var(--space));padding-right:var(--space)}
 .featured-art{height:355px;height:min(103vw,390px)}
 .featured-slide h3{font-size:25px}
 .featured-hint{max-width:85px;line-height:1.5}
 .featured-dots button{width:29px}
 .home-discover{gap:44px}
 .closing h2{font-size:clamp(40px,10vw,54px)}
 .closing-row{gap:24px;margin-top:26px}
 .closing-row p{font-size:17px}
 .contact-page .page-intro{padding-top:44px}
 .contact-page .page-intro h1{font-size:clamp(42px,11vw,58px);line-height:1.04;margin-bottom:28px}
 .contact-page .contact{padding-top:42px}
 .contact-page .contact h2{font-size:34px}
 .boat-parallax{width:790px;left:62%;top:25vh}
}
@media(prefers-reduced-motion:reduce){.boat-parallax{transform:translateX(-50%);will-change:auto}.featured-dots button span{transition:none}}
@media(prefers-reduced-transparency:reduce){.contact-page input:not([type=checkbox]),.contact-page textarea{background:#24535670;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@supports not (backdrop-filter:blur(1px)){.contact-page input:not([type=checkbox]),.contact-page textarea{background:#245356e8}}