/* Glacier Saga / Frost Paper. Local font preferences; no font downloads. */
:root{color-scheme:light dark;--paper:#f0f5f7;--ink:#101e2a;--muted:#465d6c;--lime:#a3d8ea;--line:#b5c8d2;--forest:#233949;--white:#fff;--serif:'P052','Palatino Linotype',Palatino,Georgia,serif;--sans:'Nimbus Sans',Arial,Helvetica,sans-serif;--surface:#e0eaf0;--button-bg:#233949;--button-text:#f0f5f7;--focus:#8e420b}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#101e2a;--ink:#f0f5f7;--muted:#bccad3;--line:#496171;--surface:#233949;--button-bg:#a3d8ea;--button-text:#101e2a;--focus:#a3d8ea;color-scheme:dark}}
:root[data-theme=dark]{--paper:#101e2a;--ink:#f0f5f7;--muted:#bccad3;--line:#496171;--surface:#233949;--button-bg:#a3d8ea;--button-text:#101e2a;--focus:#a3d8ea;color-scheme:dark}
:root[data-theme=light]{color-scheme:light}.brand-symbol{width:32px;height:37px;flex:none;color:var(--ink)}.wordmark{font:27px/1 var(--serif);letter-spacing:-.5px}.site-header{flex-wrap:wrap;gap:20px;padding-block:24px;min-height:100px}.site-header nav{margin-left:auto}.theme-control{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}[hidden]{display:none!important}select,button{font:inherit}select{padding:10px 28px 10px 10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:3px;max-width:100%;min-height:44px}button{cursor:pointer}button,a,summary,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.button{background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}.button:hover{background:var(--button-bg);filter:brightness(1.08)}.text-link:hover{color:var(--ink)}.hero h1{max-width:900px}.hero-note{letter-spacing:.4px}.approach{background:#233949;color:#f0f5f7}.approach p,.steps p{color:#bccad3}.approach .eyebrow,.steps li>span,.light{color:#a3d8ea}.contact{background:#a3d8ea;color:#101e2a}.contact .button{background:#101e2a;color:#f0f5f7}.contact a:focus-visible{outline-color:#8e420b}.showcase-stage{background:var(--surface);border-color:var(--line)}.explorer-invite{max-width:670px;color:var(--muted);margin-bottom:30px}.explorer-invite a{color:var(--ink)}.route-grid article{min-width:0}.routes-heading{align-items:center}.routes-heading h2{max-width:580px}.footer .brand-symbol{width:25px;height:30px}.privacy a{overflow-wrap:anywhere}
@media(max-width:760px){.site-header nav{gap:18px}.site-header nav>a{display:inline-flex!important}.site-header{gap:14px}.site-header nav{order:3;width:100%;justify-content:space-between;margin:0;flex-wrap:wrap}.theme-control{margin-left:auto;font-size:11px}.wordmark{font-size:23px}.theme-control select{padding-right:10px}.routes-heading h2{max-width:none}.hero h1{font-size:clamp(43px,10vw,70px)}}
@media(max-width:380px){.theme-control{width:100%;margin-left:0}.site-header nav{font-size:12px;gap:12px}.wrap{width:calc(100% - 32px)}}
/* Quietly rounded primary actions; the transparent highlight preserves theme colors. */
.button{border-radius:14px;background-image:linear-gradient(180deg,#ffffff0a,#ffffff00);box-shadow:0 3px 8px #101e2a14,inset 0 1px 0 #ffffff17}.button:hover{background-image:linear-gradient(180deg,#ffffff10,#ffffff00);filter:none;box-shadow:0 4px 12px #101e2a20,inset 0 1px 0 #ffffff20}.button:active{box-shadow:inset 0 2px 4px #101e2a1c}
.theme-control{border-radius:999px;padding:3px;gap:3px}.theme-control button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border-radius:50%}.theme-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Shared dimensional actions: crisp type, a quiet raised rim, and a tactile press. */
.button,.style-play-link,.contact .button,#review-brief{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 22px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(180deg,#ffffff0a,#ffffff00),var(--button-bg);color:var(--button-text);font:700 15px/1.4 var(--sans);text-decoration:none;box-shadow:inset 0 1px 0 #ffffff40,0 3px 0 var(--line),0 8px 18px #101e2a18;transition:transform .14s ease,box-shadow .14s ease}
.button:hover,.style-play-link:hover,.contact .button:hover,#review-brief:hover{background-image:linear-gradient(180deg,#ffffff10,#ffffff00);filter:none;box-shadow:inset 0 1px 0 #ffffff55,0 4px 0 var(--line),0 10px 20px #101e2a20;text-decoration:none;transform:translateY(-1px)}
.button:active,.style-play-link:active,.contact .button:active,#review-brief:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #101e2a25,0 1px 0 var(--line)}
.hero .actions{align-items:center;gap:18px}.hero h1{letter-spacing:-1.6px}.hero .intro{max-width:760px}.hero .inquiry-link{--button-bg:var(--surface);--button-text:var(--ink)}
.service-routes{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:inset 0 1px 0 #ffffff30,0 15px 40px #101e2a0a;margin-bottom:44px}.route-grid{border-bottom:0;padding-bottom:0}.routes-heading h2{font-size:30px}.route-grid .service-symbol{color:var(--ink)}
.project-details h2{font-size:clamp(38px,4.5vw,58px)}.proposal-list dt{color:var(--ink)}.project-details .section-heading>p{max-width:440px}.aftercare{border-radius:22px;border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff25}
/* A glass contact layer over a deep-blue field; solid paint is the fallback. */
.contact{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#233949 0%,#233949 16%,var(--paper) 100%);color:#f3f8fc;padding-block:76px;--line:#7893ab;--button-bg:#d0eaf4;--button-text:#102b40;--focus:#dcf5ff}
.contact:before{content:'';position:absolute;z-index:-1;inset:12% -12% 8%;background:linear-gradient(115deg,transparent 0 24%,#e5f0f52e 24.2%,#e5f0f509 44%,transparent 44.2%),linear-gradient(125deg,transparent 0 66%,#b9cbd426 66.2%,transparent 85%);pointer-events:none}
.contact-grid{background:#253542;border:1px solid #ecf5fb66;border-radius:32px;padding:48px;box-shadow:inset 0 1px 0 #ffffff8c,inset 1px 0 0 #ffffff20,inset 0 -1px 0 #dbe6ee26,0 18px 38px #07142130;position:relative;gap:48px}
@supports (backdrop-filter:blur(20px)){.contact-grid{background:linear-gradient(110deg,#dce9f014,#ffffff00 45%,#dce9f00a),#172937cc;backdrop-filter:blur(24px) saturate(.7);-webkit-backdrop-filter:blur(24px) saturate(.7)}}
.contact h2{font-size:clamp(36px,4.3vw,54px);color:#f3f8fc}.contact p,.contact li,.contact .eyebrow,.contact .founder-label,.contact .email-address{color:#e0edf5}.contact .inquiry-next{font-size:14px;max-width:490px}.contact a:focus-visible{outline-color:#dcf5ff}.contact-action .button{min-width:170px}.contact-action{align-self:center}.inquiry-art{display:block;width:140px;height:100px;fill:#b0d7ee15;stroke:#c8e8fa;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}.contact .email-address{font-size:clamp(18px,2.1vw,27px)}
@media(prefers-reduced-transparency:reduce){.contact-grid{background:#253542;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.button,.style-play-link,.contact .button,#review-brief{transition:none;transform:none}}
@media(max-width:760px){.service-routes{padding:26px 22px;margin-bottom:28px;border-radius:24px}.hero .actions{gap:16px}.hero .actions>a{width:auto;max-width:100%}.contact{padding-block:40px}.contact-grid{padding:28px 22px;border-radius:26px;gap:25px}.contact h2{font-size:36px}.inquiry-art{width:100px;height:70px;margin-bottom:17px}.routes-heading h2{font-size:28px}.project-details h2{font-size:40px}}
.project-details h2:after{content:'';display:block;width:56px;height:4px;border-radius:4px;background:var(--ink);opacity:.65;margin-top:18px}.config-home-entry{padding-block:36px}.contact .button{--line:#7298ad}
@media(forced-colors:active){.contact-grid{background:Canvas;color:CanvasText;backdrop-filter:none}.contact p,.contact li,.contact h2,.contact .eyebrow,.contact .founder-label,.contact .email-address{color:CanvasText}.button,.style-play-link{border:1px solid ButtonText;box-shadow:none}}

/* The studio entry belongs to the examples, rather than competing in the hero. */
.studio-entry{grid-column:2;display:flex;align-items:center;flex-direction:column;gap:12px;margin-top:-8px}.studio-entry p{font-size:13px;color:var(--muted);margin:0;text-align:center}.config-home-entry.wrap{row-gap:22px}.config-home-entry .studio-entry p{font-size:13px}@media(max-width:760px){.studio-entry{grid-column:1;margin-top:0}}