/* assets/style.css */
@font-face{font-family:Manrope;src:url('/uploads/95VwE-fLxr7eRt-JOaODb-manrope-latin-wght-normal.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Plex Mono';src:url('/uploads/Q5GwgotSIPZ5Y-HEaFK0U-ibm-plex-mono-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
/* Sharp editorial surfaces; round controls. Layers: art 1, header 5, menu 8. */
:root{--paper:#f4f3ef;--ink:#242522;--muted:#666762;--line:#d6d6ce;--soft:#eaeae3;--accent:var(--ink);--on-accent:var(--paper);--stage:#ebece5;--ease:cubic-bezier(.22,.8,.24,1);color-scheme:light}
:root[data-theme=dark]{--paper:#21221f;--ink:#f0f0e7;--muted:#b2b3a8;--line:#494b43;--soft:#2b2d27;--stage:#2c2e27;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{background:var(--ink);color:var(--paper)}
button,input,textarea{font:inherit}
a{color:inherit;text-decoration:none}
button{color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0}
button:disabled{cursor:wait}
button:active,.button:active{transform:scale(.97)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
button:focus-visible{border-radius:30px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:500}
h1,h2{letter-spacing:-.067em;line-height:1.06}
p{line-height:1.65}
canvas{display:block;max-width:100%}
[hidden]{display:none!important}
.wrap{width:calc(100% - 112px);max-width:1536px;margin-inline:auto}
.eyebrow{font-family:'Plex Mono',monospace;font-size:10px;line-height:1.5;letter-spacing:.045em;text-transform:uppercase}
.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:12px 20px;background:var(--ink);color:var(--paper);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:5;border-bottom:1px solid var(--line)}
.wordmark{font-size:44px;font-weight:800;letter-spacing:-4px;line-height:1;justify-self:start;padding-bottom:7px}
.wordmark span{display:inline}
.desktop-nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:500}
.desktop-nav a{position:relative;padding-block:9px}
.desktop-nav a::after,.text-link::after{content:'';position:absolute;inset:auto 0 3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.desktop-nav a:hover::after,.text-link:hover::after{transform:scaleX(1)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:17px}
.theme-toggle{background:none;width:34px;height:36px;font-size:23px;line-height:1;border-radius:50%}
.theme-toggle:hover{background:var(--soft)}
.small-cta{display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:100px;padding:12px 19px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.small-cta:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.small-cta span{font-size:18px;line-height:1}
.menu-toggle{display:none}
.mobile-nav{display:none}
.hero{min-height:calc(100svh - 80px);max-height:920px;display:grid;grid-template-columns:1.45fr 1fr;gap:10px;align-items:center;padding-block:62px 85px;position:relative}
.hero-copy{position:relative;z-index:1;padding-bottom:5px;min-width:0}
.hero .eyebrow{margin-bottom:36px;color:var(--muted)}
.hero h1{font-size:clamp(68px,7.15vw,116px);line-height:1.06;letter-spacing:-.073em;white-space:nowrap}
.hero-description{font-size:16px;line-height:1.65;max-width:370px;margin-top:30px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 25px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;transition:transform .3s var(--ease),background .3s;min-height:53px}
.button span{font-size:21px;line-height:1}
.button-dark{background:var(--ink);color:var(--paper)}
.button-dark:hover{transform:translateY(-3px)}
.hero .button{margin-top:32px}
.hero-art{min-width:0;position:relative;align-self:center;margin-top:30px}
.salt-stage{width:100%;height:clamp(330px,35vw,510px);position:relative;isolation:isolate}
#salt-canvas{width:100%;height:100%;outline:0}
.salt-caption{display:flex;align-items:center;flex-direction:column;gap:14px;margin-top:-24px;position:relative;z-index:1}
.pinch-button{display:flex;align-items:center;gap:24px;padding:11px 16px;border-radius:40px;border:1px solid var(--line);background:transparent;font-size:11px;transition:background .2s}
.pinch-button:hover{background:var(--soft)}
.pinch-button span{font-size:20px;line-height:1}
#salt-status{font-family:'Plex Mono',monospace;font-size:9px;color:var(--muted);text-align:center;min-height:15px}
.work-section{padding-top:50px;border-top:1px solid var(--line);padding-bottom:135px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:55px}
.section-heading h2{font-size:clamp(42px,4.3vw,66px)}
.section-heading>p{font-size:13px;line-height:1.7;color:var(--muted);padding-bottom:7px}
.projects-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:52px;align-items:start}
.jane-card{padding-top:115px}
.project-art{display:block;position:relative;overflow:hidden;background:var(--soft);aspect-ratio:1.27;isolation:isolate}
.project-art img{height:100%;width:100%;object-fit:cover;filter:grayscale(1);transition:transform .75s var(--ease)}
.architecture-art::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(15,16,14,.42));pointer-events:none}
.project-art-title{position:absolute;z-index:1;bottom:26px;left:30px;color:#f5f4ed;font-size:clamp(48px,5.8vw,92px);letter-spacing:-.065em;font-weight:500;line-height:1}
.project-open{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #f4f3ef77;border-radius:100%;background:#f4f3efee;color:#252620;font-size:26px;z-index:1;transition:transform .4s var(--ease)}
.project-art:hover img{transform:scale(1.045)}
.project-art:hover .project-open{transform:rotate(45deg)}
.project-caption{display:flex;justify-content:space-between;gap:15px;padding-top:21px}
.project-caption h3{font-size:21px;letter-spacing:-.04em;font-weight:600;margin-bottom:8px}
.project-caption h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.project-caption p{font-size:11px;color:var(--muted);line-height:1.5}
.project-category{font-family:'Plex Mono',monospace;font-size:9px;text-align:right;color:var(--muted);white-space:nowrap;padding-top:7px}
.voice-art{background:#282925;aspect-ratio:1.075;color:#efeee8}
.voice-art .voice-canvas{position:absolute;inset:0;width:100%;height:100%}
.voice-wordmark{position:absolute;bottom:28px;left:30px;font-size:clamp(54px,6.1vw,90px);letter-spacing:-.065em;line-height:1;font-weight:500}
.philosophy{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding-block:110px 125px;align-items:center}
.philosophy-symbol{display:grid;grid-template-columns:repeat(2,48px);grid-template-rows:repeat(2,48px);gap:12px;transform:rotate(-15deg);margin-left:70px;width:fit-content}
.philosophy-symbol span{border:1px solid var(--ink);background:var(--paper)}
.philosophy-symbol span:nth-child(1){transform:translate(-8px,-12px) rotate(-14deg)}
.philosophy-symbol span:nth-child(2){transform:translate(12px,-18px) rotate(8deg)}
.philosophy-symbol span:nth-child(4){transform:translate(10px,10px) rotate(12deg)}
.philosophy .eyebrow{color:var(--muted);margin-bottom:30px}
.philosophy h2{font-size:clamp(36px,4vw,61px);margin-bottom:30px}
.philosophy-copy>p:not(.eyebrow){max-width:540px;font-size:16px;color:var(--muted);margin-top:20px;line-height:1.75}
.expertise{display:grid;grid-template-columns:1fr 1.4fr;gap:100px;padding-block:90px 110px;border-top:1px solid var(--line)}
.expertise h2{font-size:clamp(48px,4.5vw,70px)}
.expertise-intro>p{font-size:14px;max-width:260px;color:var(--muted);margin-top:28px}
.expertise-list{padding-top:3px;min-width:0}
.expertise details{border-bottom:1px solid var(--line)}
.expertise details:first-child{border-top:1px solid var(--line)}
.expertise summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:22px;letter-spacing:-.04em;padding-block:23px;cursor:pointer;transition:opacity .2s}
.expertise summary:hover{opacity:.65}
.expertise summary::-webkit-details-marker{display:none}
.expertise summary>span{font-size:26px;font-weight:300;transition:transform .25s}
.expertise details[open] summary>span{transform:rotate(45deg)}
.detail-copy{padding:0 48px 27px 0}
.detail-copy p{font-size:13px;color:var(--muted);max-width:480px}
.text-link{font-size:11px;display:inline-flex;position:relative;align-items:center;gap:35px;padding-bottom:6px;font-weight:600}
.detail-copy .text-link{margin-top:22px}
.text-link>span{font-size:17px}
.founder{padding-block:80px 120px;display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}
.founder-image{margin:0}
.founder-image img{width:100%;height:500px;object-fit:cover;filter:grayscale(1);object-position:48% center}
.founder-image figcaption{font-size:10px;color:var(--muted);margin-top:16px;font-family:'Plex Mono',monospace;line-height:1.6}
.founder h2{font-size:clamp(36px,3.7vw,56px);margin-bottom:35px}
.founder-copy>p{font-size:14px;line-height:1.85;max-width:450px;color:var(--muted);margin-top:18px}
.founder-signoff{display:block;font-size:12px;margin-top:34px}
.playground-section{padding-block:55px 125px;border-top:1px solid var(--line)}
.playground-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}
.playground-heading .eyebrow{margin-bottom:21px;color:var(--muted)}
.playground-heading h2{font-size:clamp(40px,4.1vw,63px)}
.playground-heading>p{font-size:12px;color:var(--muted);margin-bottom:6px}
.playground-frame{position:relative;background:var(--stage);height:390px;overflow:hidden;border:1px solid var(--line)}
#playground-canvas{width:100%;height:100%;touch-action:pan-y}
.playground-controls{position:absolute;left:24px;bottom:22px;display:flex;padding:5px;gap:3px;background:var(--paper);border:1px solid var(--line);border-radius:40px}
.pattern-button{padding:10px 19px;background:transparent;border-radius:40px;font-size:11px;transition:background .2s,color .2s}
.pattern-button[aria-pressed=true]{color:var(--paper);background:var(--ink)}
.pattern-button:not([aria-pressed=true]):hover{background:var(--soft)}
.playground-note{position:absolute;right:27px;bottom:37px;font-size:9px;color:var(--muted);font-family:'Plex Mono',monospace;pointer-events:none}
.site-footer{padding-top:74px;border-top:1px solid var(--line)}
.site-footer>.eyebrow{color:var(--muted);margin-bottom:30px}
.footer-callout{display:flex;justify-content:space-between;align-items:center;gap:60px}
.footer-callout h2{font-size:clamp(72px,8.5vw,138px);letter-spacing:-.072em;line-height:.99}
.contact-circle{width:132px;height:132px;flex-shrink:0;border:1px solid var(--ink);border-radius:100%;display:grid;place-items:center;font-size:72px;font-weight:300;margin-right:28px;transition:background .35s,color .35s,transform .35s var(--ease)}
.contact-circle:hover{background:var(--ink);color:var(--paper);transform:rotate(45deg)}
.contact-email{font-size:20px;letter-spacing:-.03em;display:inline-block;margin-top:38px;text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:90px;min-height:116px}
.footer-logo{font-size:40px}
.footer-bottom>p{font-size:11px;color:var(--muted);text-align:center}
.footer-bottom>div{display:flex;gap:28px;justify-content:flex-end;font-size:9px;color:var(--muted)}
.footer-bottom>div a:hover{text-decoration:underline}
/* Each case study changes the whole palette. Home keeps a monochrome base. */
.project-bloooom{--paper:#f4e4dd;--ink:#492a21;--muted:#79574c;--line:#d7bcb0;--soft:#ebd0c3;--accent:#af4d2a;--on-accent:#fff4e9;--stage:#c26443}
.project-jane{--paper:#e7eddc;--ink:#283222;--muted:#57624e;--line:#bac7ab;--soft:#d4dfc5;--accent:#425432;--on-accent:#eff4e5;--stage:#c4d8a9}
:root[data-theme=dark] .project-bloooom{--paper:#30221e;--ink:#f3e6da;--muted:#cbb4a6;--line:#62483d;--soft:#422b22;--accent:#e6a180;--on-accent:#30221e;--stage:#673c29}
:root[data-theme=dark] .project-jane{--paper:#242c20;--ink:#ecf0df;--muted:#b8c1ac;--line:#4f5b42;--soft:#323f28;--accent:#c4d8a9;--on-accent:#242c20;--stage:#465634}
.project-page .site-header{grid-template-columns:1fr auto 1fr}
.back-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:500}
.back-link:hover{text-decoration:underline;text-underline-offset:5px}
.project-hero{padding-block:74px 72px;display:grid;grid-template-columns:1.45fr 1fr;gap:80px;align-items:end}
.project-hero .eyebrow{margin-bottom:28px;color:var(--muted)}
.project-hero h1{font-size:clamp(80px,11vw,168px);font-weight:500;letter-spacing:-.075em}
.project-hero h2{font-size:27px;letter-spacing:-.04em;line-height:1.3;max-width:340px}
.project-hero p:not(.eyebrow){font-size:13px;margin-top:22px;max-width:400px;color:var(--muted)}
.project-hero .project-status{font-family:'Plex Mono',monospace;text-transform:uppercase;font-size:9px;letter-spacing:.03em;margin-top:36px}
.case-visual{position:relative;overflow:hidden;height:620px;background:var(--soft)}
.case-visual img{width:100%;height:100%;object-fit:cover}
.project-bloooom .case-visual img{filter:saturate(.65)}
.image-caption{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-family:'Plex Mono',monospace;font-size:9px;margin-top:15px;line-height:1.6}
.case-overview{padding-block:115px;display:grid;grid-template-columns:1fr 1.5fr;gap:100px;border-bottom:1px solid var(--line)}
.case-overview h2{font-size:clamp(38px,4.2vw,63px)}
.case-overview p{font-size:16px;line-height:1.8;color:var(--muted);max-width:600px}
.case-overview p+p{margin-top:20px}
.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}
.case-meta dt{font-size:9px;font-family:'Plex Mono',monospace;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.case-meta dd{margin:0;font-size:12px;line-height:1.6}
.case-content{padding-block:95px 115px}
.case-content>h2{font-size:clamp(43px,4.3vw,65px);margin-bottom:48px}
.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.case-columns h3{font-size:25px;letter-spacing:-.04em;margin-bottom:22px}
.case-columns p{font-size:14px;line-height:1.8;color:var(--muted);max-width:450px}
.case-columns .text-link{margin-top:25px}
.case-quote{padding:75px 10%;background:var(--soft);text-align:center;margin-bottom:100px}
.case-quote h2{font-size:clamp(35px,4.5vw,68px);max-width:850px;margin:auto;line-height:1.17}
.case-quote>p{color:var(--muted);font-size:12px;margin-top:26px}
.case-secondary{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;margin-bottom:110px}
.case-secondary img{width:100%;height:420px;object-fit:cover;filter:saturate(.6)}
.case-secondary h2{font-size:45px;margin-bottom:25px}
.case-secondary p{font-size:14px;color:var(--muted);line-height:1.8}
.next-project{display:flex;justify-content:space-between;align-items:center;padding-block:45px;border-top:1px solid var(--line);margin-bottom:70px;gap:30px}
.next-project p{font-size:10px;color:var(--muted);font-family:'Plex Mono',monospace;text-transform:uppercase;margin-bottom:12px}
.next-project h2{font-size:52px}
.next-project>a{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;border:1px solid var(--ink);font-size:34px;transition:background .25s,color .25s}
.next-project>a:hover{background:var(--ink);color:var(--paper)}
.jane-hero-art{background:var(--stage);height:560px}
.jane-hero-art .voice-canvas{position:absolute;inset:0;width:100%;height:100%}
.jane-art-label{position:absolute;left:42px;bottom:36px;font-family:'Plex Mono',monospace;font-size:10px;text-transform:uppercase;color:var(--ink)}
.sound-toggle{position:absolute;right:32px;bottom:30px;background:var(--paper);border:1px solid var(--line);padding:12px 19px;font-size:11px;border-radius:40px}
.sound-toggle:hover{background:var(--ink);color:var(--paper)}
.project-page .site-footer{padding-top:45px}
.project-page .footer-callout h2{font-size:clamp(62px,7vw,100px)}
.project-page .contact-circle{width:100px;height:100px;font-size:55px}
.privacy-note{border-left:2px solid var(--accent);padding:8px 0 8px 23px;margin-top:35px}
.privacy-note strong{font-weight:600;font-size:13px;display:block;margin-bottom:7px}
.privacy-note p{font-size:12px}
@media(prefers-reduced-motion:no-preference){
  .hero-copy{animation:settle .7s var(--ease) both}
  .hero-art{animation:arrive 1.2s .12s var(--ease) both}
  [data-reveal].reveal-ready{opacity:0;transform:translateY(27px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
  [data-reveal].revealed{opacity:1;transform:translateY(0)}
  @keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
  @keyframes settle{from{transform:translateY(16px)}to{transform:translateY(0)}}
@media(min-width:1680px){.hero{min-height:800px}.hero h1{font-size:118px}}
@media(max-width:1200px){
  .wrap{width:calc(100% - 72px)}
  .site-header{height:80px}
  .hero{min-height:calc(100svh - 80px);padding-block:55px 75px;grid-template-columns:1.45fr 1fr}
  .hero h1{font-size:7.2vw}
  .hero .eyebrow{font-size:9px;letter-spacing:0;margin-bottom:26px}
  .hero-description{font-size:14px;max-width:320px}
  .projects-grid{gap:34px}
  .project-category{display:none}
  .philosophy{grid-template-columns:1fr 2fr;gap:30px}
  .expertise{gap:65px}
  .founder{gap:65px}
  .founder-image img{height:450px}
  .project-hero{gap:40px}
  .case-visual{height:520px}
  .case-overview{gap:60px}
}
@media(max-width:900px){
  .wrap{width:calc(100% - 48px)}
  .desktop-nav{gap:22px;font-size:12px}
  .header-actions{gap:8px}
  .small-cta{padding:11px 14px;gap:13px;font-size:11px}
  .hero{min-height:640px;padding-block:48px 65px;gap:0}
  .hero h1{font-size:7.1vw}
  .hero-art{margin-top:25px}
  .salt-stage{height:330px}
  .hero-description{max-width:290px;font-size:13px}
  .hero .eyebrow{font-size:8px}
  .button{font-size:11px;padding:15px 20px;gap:30px}
  .projects-grid{gap:26px}
  .jane-card{padding-top:80px}
  .project-art-title,.voice-wordmark{left:21px;bottom:22px}
  .project-caption{padding-top:18px}
  .project-caption h3{font-size:19px}
  .project-caption p{font-size:10px}
  .philosophy{grid-template-columns:1fr 3fr;gap:50px;padding-block:85px}
  .philosophy-symbol{margin-left:10px;grid-template-columns:repeat(2,28px);grid-template-rows:repeat(2,28px);gap:9px}
  .philosophy-copy>p:not(.eyebrow){font-size:14px}
  .expertise{gap:45px;grid-template-columns:1fr 1.3fr;padding-block:75px}
  .expertise summary{font-size:18px;padding-block:20px}
  .expertise-intro>p{font-size:12px}
  .founder{gap:45px;padding-block:60px 85px}
  .founder-image img{height:430px}
  .founder-copy>p{font-size:12px}
  .founder h2{font-size:35px;margin-bottom:26px}
  .founder-signoff{font-size:11px;margin-top:25px}
  .contact-circle{width:100px;height:100px;font-size:58px;margin-right:0}
  .footer-bottom{grid-template-columns:1fr 1fr 1.4fr}
  .footer-bottom>div{gap:16px;font-size:8px}
  .project-hero{padding-block:58px;grid-template-columns:1fr 1fr;gap:35px}
  .project-hero h1{font-size:11vw}
  .project-hero h2{font-size:23px}
  .case-visual{height:440px}
  .case-columns{gap:60px}
  .case-secondary{gap:40px}
  .case-secondary h2{font-size:35px}
}
@media(max-width:767px){
  .wrap{width:calc(100% - 40px)}
  .site-header{height:80px;grid-template-columns:1fr 1fr}
  .wordmark{font-size:41px;letter-spacing:-3.5px}
  .desktop-nav,.header-actions>.small-cta{display:none}
  .header-actions{gap:12px}
  .theme-toggle{font-size:22px}
  .menu-toggle{display:flex;gap:16px;font-size:12px;align-items:center;background:transparent;padding:12px 0 12px 12px}
  .menu-toggle span{font-size:20px}
  .mobile-nav:not([hidden]){position:fixed;inset:80px 0 0;display:flex;flex-direction:column;background:var(--paper);padding:45px 24px;gap:27px;z-index:8;font-size:39px;letter-spacing:-.055em}
  .mobile-nav a:last-child{font-size:20px;letter-spacing:-.035em;margin-top:18px}
  .hero{min-height:0;max-height:none;grid-template-columns:1fr;padding-block:42px 34px;gap:0}
  .hero-copy{padding-bottom:0}
  .hero .eyebrow{font-size:8px;margin-bottom:24px}
  .hero h1{font-size:clamp(49px,9.65vw,75px);letter-spacing:-.066em;line-height:1.08}
  .hero-description{font-size:13px;max-width:315px;margin-top:23px}
  .hero .button{margin-top:24px}
  .hero-art{margin-top:4px;max-width:440px;justify-self:center;width:100%}
  .salt-stage{height:290px}
  .salt-caption{margin-top:-31px;gap:9px}
  .pinch-button{font-size:10px;padding:9px 13px;gap:20px}
  #salt-status{font-size:8px}
  .work-section{padding-top:38px;padding-bottom:70px}
  .section-heading{margin-bottom:34px;display:block}
  .section-heading h2{font-size:41px}
  .section-heading>p{font-size:11px;margin-top:19px}
  .projects-grid{grid-template-columns:1fr;gap:43px}
  .jane-card{padding-top:0}
  .project-art{aspect-ratio:1.18}
  .voice-art{aspect-ratio:1.25}
  .project-art-title{font-size:64px}
  .voice-wordmark{font-size:74px}
  .project-caption h3{font-size:21px}
  .project-caption p{font-size:11px}
  .project-category{display:block;font-size:8px;padding-top:8px}
  .project-open{width:40px;height:40px;right:16px;top:16px;font-size:23px}
  .philosophy{grid-template-columns:1fr;padding-block:65px 70px;gap:45px}
  .philosophy-symbol{margin-left:15px;grid-template-columns:repeat(2,28px);grid-template-rows:repeat(2,28px);gap:9px}
  .philosophy .eyebrow{font-size:9px;margin-bottom:23px}
  .philosophy h2{font-size:36px;margin-bottom:24px;line-height:1.13}
  .philosophy-copy>p:not(.eyebrow){font-size:13px;margin-top:17px}
  .expertise{grid-template-columns:1fr;padding-block:56px 68px;gap:35px}
  .expertise h2{font-size:45px}
  .expertise-intro>p{font-size:13px;max-width:320px;margin-top:19px}
  .expertise summary{font-size:19px;padding-block:20px}
  .detail-copy{padding-right:15px}
  .detail-copy p{font-size:12px}
  .founder{grid-template-columns:1fr;gap:39px;padding-block:20px 70px}
  .founder-image img{height:370px}
  .founder-image figcaption{font-size:8px;max-width:320px}
  .founder h2{font-size:36px}
  .founder-copy>p{font-size:13px;line-height:1.8}
  .playground-section{padding-block:43px 70px}
  .playground-heading{display:block;margin-bottom:27px}
  .playground-heading .eyebrow{font-size:8px}
  .playground-heading h2{font-size:39px}
  .playground-heading>p{font-size:11px;margin-top:20px}
  .playground-frame{height:350px}
  .playground-controls{left:50%;transform:translateX(-50%);bottom:47px;white-space:nowrap}
  .pattern-button{padding:10px 19px;font-size:10px}
  .playground-note{right:0;left:0;text-align:center;bottom:17px;font-size:8px}
  .site-footer{padding-top:45px}
  .site-footer>.eyebrow{font-size:8px;margin-bottom:25px}
  .footer-callout{gap:15px}
  .footer-callout h2{font-size:clamp(45px,11.5vw,77px);line-height:1.05}
  .contact-circle{width:65px;height:65px;font-size:40px}
  .contact-email{font-size:17px;margin-top:26px}
  .footer-bottom{grid-template-columns:1fr 1fr;gap:10px;margin-top:55px;padding-block:28px;min-height:125px}
  .footer-logo{font-size:36px}
  .footer-bottom>p{font-size:9px;text-align:right}
  .footer-bottom>div{grid-column:1/-1;justify-content:space-between;font-size:8px;margin-top:20px}
  .project-page .site-header{grid-template-columns:1fr auto 32px;gap:15px}
  .project-page .site-header>.back-link{font-size:10px;justify-self:end}
  .project-page .site-header>.header-actions{display:flex}
  .project-page .site-header>.header-actions>a{display:none}
  .project-hero{grid-template-columns:1fr;padding-block:47px 40px;gap:27px}
  .project-hero .eyebrow{font-size:8px;margin-bottom:20px}
  .project-hero h1{font-size:clamp(75px,17vw,128px)}
  .project-hero h2{font-size:27px;max-width:310px}
  .project-hero p:not(.eyebrow){font-size:13px;margin-top:15px}
  .project-hero .project-status{font-size:8px;margin-top:22px}
  .case-visual{height:370px}
  .image-caption{font-size:8px;display:block}
  .image-caption span+span{display:none}
  .case-overview{grid-template-columns:1fr;gap:29px;padding-block:60px}
  .case-overview h2{font-size:40px}
  .case-overview p{font-size:13px}
  .case-meta{gap:24px}
  .case-content{padding-block:55px 60px}
  .case-content>h2{font-size:39px;margin-bottom:34px}
  .case-columns{grid-template-columns:1fr;gap:35px}
  .case-columns h3{font-size:23px;margin-bottom:14px}
  .case-columns p{font-size:13px}
  .case-quote{padding:45px 20px;margin-bottom:60px}
  .case-quote h2{font-size:34px}
  .case-quote>p{font-size:11px;line-height:1.7}
  .case-secondary{grid-template-columns:1fr;gap:30px;margin-bottom:65px}
  .case-secondary img{height:320px}
  .case-secondary h2{font-size:37px}
  .case-secondary p{font-size:13px}
  .next-project{padding-block:32px;margin-bottom:45px}
  .next-project h2{font-size:45px}
  .next-project>a{width:58px;height:58px;font-size:29px}
  .jane-art-label{left:19px;bottom:68px;font-size:8px}
  .sound-toggle{right:20px;left:20px;bottom:17px;font-size:10px;padding:11px}
  .project-page .footer-callout h2{font-size:45px}
  .project-page .contact-circle{width:60px;height:60px;font-size:34px}
}
@media(max-width:374px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:42px}.expertise summary{font-size:17px;gap:12px}.project-category{display:none}.footer-callout h2{font-size:43px}.contact-circle{width:54px;height:54px;font-size:33px}.philosophy h2{font-size:32px}.founder h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-copy,.hero-art,[data-reveal]{opacity:1!important;transform:none!important}}
@media print{.header-actions,.desktop-nav,.hero-art,.playground-section,.contact-circle{display:none}.wrap{width:100%}.hero{min-height:auto;display:block}.hero h1{font-size:65px}.site-header{height:70px}.work-section,.philosophy,.expertise,.founder{padding-block:30px}a{color:inherit}.project-art{break-inside:avoid}}


/* assets/homepage.css */
/* A neutral studio frame. All rules are local to the homepage. */
.home-page{--paper:#f5f5f2;--ink:#20211f;--muted:#63645e;--line:#d5d6cf;--soft:#e9eae4;--stage:#eeeee9}
[data-theme=dark] .home-page{--paper:#171816;--ink:#f1f1ea;--muted:#a8aaa0;--line:#3a3c35;--soft:#242620;--stage:#21231e}
.home-page .wrap{width:calc(100% - 112px);max-width:1440px}
.home-page .site-header{height:88px}
.home-page .wordmark{letter-spacing:-.09em}
.home-page .theme-toggle{width:44px;height:44px}
.home-page .eyebrow{font-size:10px;letter-spacing:.06em}
.home-page em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}
.home-page :is(.zh-text-link,.zh-hero-foot a,.zh-jane-link){font-size:13px;font-weight:600}
.home-page .zh-text-link{display:inline-flex;align-items:center;gap:22px;min-height:48px;width:fit-content;border-bottom:1px solid var(--line);transition:border-color .2s}
.home-page .zh-text-link:hover{border-color:var(--ink)}
.home-page .zh-text-link span{font-size:20px;transition:transform .25s}
.home-page .zh-text-link:hover span{transform:translate(2px,-2px)}
.home-page .button{font-size:13px;min-height:54px;padding:16px 23px;gap:35px}
.home-page .zh-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);position:relative;column-gap:10px;padding-top:45px}
.home-page .zh-hero-copy{z-index:1;position:relative;align-self:center}
.home-page .zh-intro-label{display:flex;align-items:center;gap:9px;margin-bottom:30px;color:var(--muted)}
.home-page .zh-dot{width:6px;height:6px;display:inline-block;background:var(--ink);border-radius:50%}
.home-page .zh-hero h1{font-size:clamp(57px,7.35vw,110px);font-weight:500;line-height:1.06;letter-spacing:-.074em;white-space:nowrap}
.home-page .zh-hero h1 em{letter-spacing:-.07em}
.home-page .zh-intro{font-size:16px;max-width:370px;color:var(--muted);line-height:1.7;margin-top:29px}
.home-page .zh-actions{display:flex;align-items:center;gap:28px;margin-top:28px}
.home-page .zh-hero-art{min-width:0;width:100%;max-width:400px;justify-self:end;align-self:center;position:relative}
.home-page .zh-hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding-block:18px;border-bottom:1px solid var(--line);color:var(--muted)}
.home-page .zh-hero-foot p{font-size:11px}
.home-page .zh-hero-foot a{display:flex;align-items:center;gap:24px;font-size:11px;min-height:25px}
.home-page .zh-work{padding-top:48px;padding-bottom:112px}
.home-page .zh-section-top{display:grid;grid-template-columns:1fr 2fr;gap:36px;align-items:start;margin-bottom:35px}
.home-page .zh-section-top>.eyebrow{padding-top:14px;color:var(--muted)}
.home-page .zh-section-top h2{font-size:clamp(38px,4.1vw,63px);letter-spacing:-.055em;line-height:1.12}
.home-page .zh-product-visual{display:grid;grid-template-columns:40% 60%;background:#b8b9b0;position:relative;overflow:hidden;border-radius:5px;isolation:isolate}
.home-page .zh-product-visual figure{position:relative;overflow:hidden;min-width:0;aspect-ratio:1.06}
.home-page .zh-product-visual .zh-output{aspect-ratio:1.59}
.home-page .zh-product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);filter:grayscale(1)}
.home-page .zh-input img{object-position:52% 50%}
.home-page .zh-output img{object-position:48% 50%}
.home-page .zh-product-visual:hover img{transform:scale(1.035)}
.home-page .zh-product-visual figcaption{position:absolute;left:24px;bottom:23px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 40px);background:#11140fe0;color:#fff;border:1px solid #ffffff42;border-radius:30px;padding:10px 15px;font-size:11px;font-weight:500;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:inset 0 1px 0 #ffffff20}
.home-page .zh-image-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.home-page .zh-image-arrow{position:absolute;right:23px;top:23px;width:50px;height:50px;display:grid;place-items:center;font-size:25px;color:#fff;background:#161813a6;border:1px solid #ffffff50;border-radius:50%;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.home-page .zh-visual-divider{position:absolute;left:40%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;width:44px;height:44px;background:#f3f3e9;color:#252822;border:6px solid #f3f3e955;font-size:22px}
.home-page .zh-feature-caption{display:grid;grid-template-columns:1fr 1fr auto;gap:42px;align-items:center;padding-top:25px}
.home-page .zh-feature-caption .eyebrow{font-size:9px;color:var(--muted);margin-bottom:8px}
.home-page .zh-feature-caption h3{font-size:34px;letter-spacing:-.06em;line-height:1.2}
.home-page .zh-feature-caption h3 span{font-size:14px;letter-spacing:-.03em;color:var(--muted);margin-left:6px}
.home-page .zh-feature-caption>p{font-size:13px;line-height:1.65;color:var(--muted);max-width:315px}
.home-page .zh-services{padding-top:56px;border-top:1px solid var(--line);padding-bottom:110px}
.home-page .zh-services .zh-section-top{margin-bottom:50px}
.home-page .zh-service{display:grid;grid-template-columns:50px 1.35fr 1fr 48px;gap:32px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}
.home-page .zh-service:last-child{border-bottom:1px solid var(--line)}
.home-page .zh-service-number{font-family:'Plex Mono',monospace;font-size:11px;color:var(--muted);align-self:start;padding-top:7px}
.home-page .zh-service h3{font-size:clamp(23px,2.4vw,36px);letter-spacing:-.05em;line-height:1.2}
.home-page .zh-service p{font-size:14px;line-height:1.7;max-width:280px;color:var(--muted)}
.home-page .zh-service>a{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:23px;transition:background .2s,color .2s}
.home-page .zh-service>a:hover{background:var(--ink);color:var(--paper)}
.home-page .zh-studio{border-top:1px solid var(--line);padding-block:70px 90px;display:grid;grid-template-columns:1.25fr 1fr;gap:95px}
.home-page .zh-studio-heading>.eyebrow{margin-bottom:32px;color:var(--muted)}
.home-page .zh-studio h2{font-size:clamp(38px,4.2vw,63px);line-height:1.12;letter-spacing:-.06em}
.home-page .zh-salt-story{max-width:380px;margin-top:25px;font-size:15px;color:var(--muted);line-height:1.8}
.home-page .zh-founder{padding-top:7px;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.home-page .zh-founder-monogram{font-family:Georgia,serif;font-size:66px;font-style:italic;letter-spacing:-.12em;line-height:1;width:92px;height:92px;border:1px solid var(--line);display:flex;justify-content:center;align-items:center;padding:0 10px 10px 0}
.home-page .zh-founder-monogram span{font-size:44px}
.home-page .zh-founder .eyebrow{font-size:9px;color:var(--muted);margin-bottom:9px}
.home-page .zh-founder h3{font-size:26px;letter-spacing:-.05em;margin-bottom:16px}
.home-page .zh-founder p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:360px;color:var(--muted)}
.home-page .zh-founder .zh-founder-note{margin-top:15px;font-size:12px!important}
.home-page .zh-experiments{display:grid;grid-template-columns:1fr 2fr;gap:36px;border-top:1px solid var(--line);padding-block:54px 88px}
.home-page .zh-experiments>div>.eyebrow{color:var(--muted);margin-bottom:23px}
.home-page .zh-experiments h2{font-size:31px;line-height:1.15;letter-spacing:-.055em}
.home-page .zh-jane{display:grid;grid-template-columns:100px 1fr;column-gap:28px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:4px;transition:background .3s}
.home-page .zh-jane:hover{background:var(--soft)}
.home-page .zh-jane-glyph{height:100px;display:flex;gap:5px;align-items:center;justify-content:center;grid-row:1/3;color:var(--muted)}
.home-page .zh-jane-glyph i{display:block;width:3px;height:20px;background:currentColor;border-radius:5px;transition:transform .3s}
.home-page .zh-jane-glyph i:nth-child(2n){height:44px}.home-page .zh-jane-glyph i:nth-child(3n){height:70px}.home-page .zh-jane-glyph i:nth-child(5){height:92px}
.home-page .zh-jane:hover .zh-jane-glyph i:nth-child(2n){transform:scaleY(1.3)}
.home-page .zh-jane .eyebrow{font-size:9px;color:var(--muted);margin-bottom:12px}
.home-page .zh-jane h3{font-size:30px;letter-spacing:-.05em;display:flex;justify-content:space-between;gap:20px;line-height:1.1;margin-bottom:12px}
.home-page .zh-jane h3 span{font-size:23px}
.home-page .zh-jane p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7;max-width:370px}
.home-page .zh-jane-link{grid-column:2;font-size:11px;padding-top:20px}
.home-page .zh-jane-link>span{margin-left:15px}
.home-page .zh-footer{padding-top:65px;border-top:1px solid var(--line)}
.home-page .zh-footer>.eyebrow{color:var(--muted);margin-bottom:24px}
.home-page .zh-footer-callout{display:flex;align-items:center;justify-content:space-between;gap:30px}
.home-page .zh-footer h2{font-size:clamp(57px,7.9vw,112px);letter-spacing:-.07em;line-height:1.05}
.home-page .zh-contact-arrow{width:100px;height:100px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:50px;flex:none;transition:background .25s,color .25s}
.home-page .zh-contact-arrow:hover{background:var(--ink);color:var(--paper)}
.home-page .zh-contact-details{display:flex;align-items:center;gap:55px;margin-top:35px}
.home-page .zh-contact-details>a{font-size:24px;letter-spacing:-.04em;border-bottom:1px solid var(--ink);padding-bottom:4px}
.home-page .zh-contact-details>p{font-size:12px;color:var(--muted);line-height:1.65}
.home-page .zh-footer-bottom{display:grid;grid-template-columns:1fr 1fr auto auto;gap:35px;align-items:center;margin-top:80px;padding-block:25px 30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.home-page .zh-footer-bottom .wordmark{font-size:32px;color:var(--ink)}
.home-page .zh-footer-bottom>a:last-child{min-height:44px;display:flex;align-items:center}
@media(min-width:1600px){.home-page .zh-hero{padding-top:100px}.home-page .zh-hero-foot{margin-top:85px}}
@media(max-width:1100px){.home-page .wrap{width:calc(100% - 72px)}.home-page .zh-hero{padding-top:65px;grid-template-columns:1.7fr 1fr}.home-page .zh-hero h1{font-size:7.6vw}.home-page .zh-feature-caption{gap:22px;grid-template-columns:1fr 1fr}.home-page .zh-feature-caption>.zh-text-link{grid-column:2}.home-page .zh-studio{gap:50px}.home-page .zh-service{gap:20px;grid-template-columns:32px 1.2fr 1fr 48px}}
@media(max-width:767px){
 .home-page .wrap{width:calc(100% - 40px)}.home-page .site-header{height:73px}.home-page .site-header .wordmark{font-size:38px}.home-page .header-actions{gap:8px}.home-page .menu-toggle{min-height:44px}.home-page .mobile-nav{background:var(--paper)}
 .home-page .zh-hero{padding-top:39px;display:block}.home-page .zh-intro-label{font-size:9px;margin-bottom:24px}.home-page .zh-hero h1{font-size:clamp(40px,10.15vw,74px);line-height:1.09}.home-page .zh-intro{font-size:14px;max-width:330px;margin-top:23px;line-height:1.7}.home-page .zh-actions{margin-top:24px;gap:22px}.home-page .button{font-size:11px;padding:14px 18px;gap:18px;min-height:48px}.home-page .zh-text-link{font-size:11px;gap:13px;min-height:44px}
 .home-page .zh-hero-art{margin:20px 0 0;height:182px}.home-page .salt-balance{height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}.home-page .salt-balance__drawing{max-height:180px;width:100%;aspect-ratio:640/560}.home-page .salt-balance__controls{min-width:0}.home-page .zh-hero-foot{margin-top:12px;padding-block:13px 20px}.home-page .zh-hero-foot p{max-width:230px;font-size:9px}.home-page .zh-hero-foot a{font-size:0;gap:0}.home-page .zh-hero-foot a span{font-size:19px;padding-left:15px}
 .home-page .zh-work{padding-top:32px;padding-bottom:65px}.home-page .zh-section-top{display:block;margin-bottom:25px}.home-page .zh-section-top>.eyebrow{padding:0;margin-bottom:20px;font-size:9px}.home-page .zh-section-top h2{font-size:36px;line-height:1.15}.home-page .zh-product-visual{grid-template-columns:34% 66%;border-radius:3px}.home-page .zh-product-visual figure{aspect-ratio:auto;height:260px}.home-page .zh-product-visual .zh-output{aspect-ratio:auto}.home-page .zh-product-visual img{object-position:52% 50%}.home-page .zh-product-visual figcaption{font-size:8px;left:8px;bottom:10px;padding:7px 8px;max-width:calc(100% - 16px);gap:4px;line-height:1.4}.home-page .zh-image-dot{display:none}.home-page .zh-image-arrow{width:36px;height:36px;top:12px;right:12px;font-size:20px}.home-page .zh-visual-divider{left:34%;width:30px;height:30px;font-size:15px;border-width:3px}
 .home-page .zh-feature-caption{display:block;padding-top:20px}.home-page .zh-feature-caption h3{font-size:29px}.home-page .zh-feature-caption>p{margin-top:17px;max-width:340px}.home-page .zh-feature-caption>.zh-text-link{margin-top:12px}
 .home-page .zh-services{padding-top:35px;padding-bottom:60px}.home-page .zh-services .zh-section-top{margin-bottom:32px}.home-page .zh-service{grid-template-columns:24px 1fr 42px;gap:10px 14px;padding:24px 0}.home-page .zh-service-number{font-size:9px;padding-top:5px}.home-page .zh-service h3{font-size:23px}.home-page .zh-service>p{grid-column:2;grid-row:2;font-size:13px;line-height:1.65;max-width:280px}.home-page .zh-service>a{grid-column:3;grid-row:1;width:42px;height:42px;font-size:20px}
 .home-page .zh-studio{display:block;padding-block:40px 55px}.home-page .zh-studio-heading>.eyebrow{margin-bottom:25px;font-size:9px}.home-page .zh-studio h2{font-size:37px}.home-page .zh-salt-story{font-size:14px;margin-top:22px;max-width:350px}.home-page .zh-founder{margin-top:35px;padding-top:30px;border-top:1px solid var(--line);flex-direction:row;gap:20px}.home-page .zh-founder-monogram{width:57px;height:63px;flex:none;font-size:43px}.home-page .zh-founder-monogram span{font-size:30px}.home-page .zh-founder h3{font-size:23px}.home-page .zh-founder .eyebrow{font-size:8px}.home-page .zh-founder p:not(.eyebrow){font-size:13px}.home-page .zh-founder .zh-founder-note{font-size:11px!important}
 .home-page .zh-experiments{display:block;padding-block:35px 55px}.home-page .zh-experiments>div>.eyebrow{font-size:9px;margin-bottom:18px}.home-page .zh-experiments h2{font-size:32px;margin-bottom:28px}.home-page .zh-experiments h2 br{display:none}.home-page .zh-jane{padding:22px 18px;grid-template-columns:52px 1fr;gap:20px}.home-page .zh-jane-glyph{gap:3px;transform:scale(.7)}.home-page .zh-jane h3{font-size:26px}.home-page .zh-jane .eyebrow{font-size:8px}.home-page .zh-jane p:not(.eyebrow){font-size:12px}.home-page .zh-jane-link{padding-top:0;font-size:10px}
 .home-page .zh-footer{padding-top:39px}.home-page .zh-footer>.eyebrow{font-size:9px}.home-page .zh-footer h2{font-size:clamp(37px,9.3vw,70px);line-height:1.1}.home-page .zh-footer-callout{gap:16px}.home-page .zh-contact-arrow{width:50px;height:50px;font-size:28px}.home-page .zh-contact-details{display:block;margin-top:28px}.home-page .zh-contact-details>a{font-size:22px}.home-page .zh-contact-details>p{margin-top:16px;font-size:11px}.home-page .zh-footer-bottom{grid-template-columns:1fr auto;gap:18px;margin-top:45px;padding-block:20px;font-size:9px}.home-page .zh-footer-bottom p{text-align:right}.home-page .zh-footer-bottom>a:last-child{justify-self:end;min-height:30px}
}
@media(max-width:360px){.home-page .wrap{width:calc(100% - 32px)}.home-page .zh-hero h1{font-size:10.05vw}.home-page .zh-actions{gap:15px}.home-page .zh-actions .zh-text-link{font-size:10px;gap:8px}.home-page .zh-hero-art{height:162px}.home-page .zh-contact-arrow{width:44px;height:44px}.home-page .zh-footer h2{font-size:9vw}.home-page .zh-service h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.home-page *, .home-page *::before,.home-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:767px){
 .home-page .zh-hero{padding-bottom:15px;border-bottom:1px solid var(--line)}
 .home-page .zh-hero-art{max-width:none;height:155px;margin-top:16px}
 .home-page .zh-hero-foot{display:none}
 .home-page .salt-balance__controls{margin-top:0}
 .home-page .salt-balance [data-balance-toggle]{min-width:0;width:100%;max-width:178px;gap:8px;padding:11px 12px;font-size:10px}
 .home-page .salt-balance [data-balance-status]{font-size:8px;max-width:170px}
 .home-page .zh-experiments h2 br{display:initial}
}
@media(max-width:600px){
 .home-page .zh-product-visual{grid-template-columns:1fr;gap:2px;background:var(--paper)}
 .home-page .zh-product-visual figure,.home-page .zh-product-visual .zh-output{height:auto;aspect-ratio:1280/1044}
 .home-page .zh-product-visual img{object-fit:contain}
 .home-page .zh-product-visual figcaption{left:12px;bottom:12px;padding:8px 12px;font-size:10px}
 .home-page .zh-visual-divider{left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg)}
}


/* assets/home-cover.css */
/* The studio stays neutral; Bloooom's coffee palette arrives with its render. */
.home-page .zh-bloooom-cover{--cover-bg:var(--paper);--cover-line:var(--line);--cover-text:var(--ink);--cover-muted:var(--muted);--cover-frame:#e5e5e0;--cover-glass:#f5f5f2df;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.65fr);background:var(--cover-bg);color:var(--cover-text);border:1px solid var(--cover-line);border-radius:6px;overflow:hidden;transition:background-color .45s,color .35s,border-color .35s}
:root[data-theme=dark] .home-page .zh-bloooom-cover{--cover-frame:#bfc0b9;--cover-glass:#171715df}
.home-page .zh-bloooom-cover[data-cover-mode=render]{--cover-bg:#ead8c3;--cover-line:#69452d30;--cover-text:#4c2d1e;--cover-muted:#78563f;--cover-frame:#d6b899;--cover-glass:#f7e8d7df}
:root[data-theme=dark] .home-page .zh-bloooom-cover[data-cover-mode=render]{--cover-bg:#2e211a;--cover-line:#eed2b62c;--cover-text:#f4e3cf;--cover-muted:#c9ac91;--cover-frame:#d6b899;--cover-glass:#37281fe6}
.home-page .zh-cover-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 28px;border-bottom:1px solid var(--cover-line)}
.home-page .zh-cover-brand{font-size:23px;font-weight:600;letter-spacing:-.065em;line-height:1;white-space:nowrap}
.home-page .zh-cover-brand small{font-size:10px;font-weight:400;letter-spacing:0;margin-left:7px;color:var(--cover-muted)}
.home-page .zh-cover-header>.eyebrow{font-size:9px;color:var(--cover-muted)}
.home-page .zh-cover-direction{padding:37px 28px 28px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.home-page .zh-cover-direction h3{font-size:clamp(32px,3.25vw,49px);letter-spacing:-.055em;line-height:1.13;margin-bottom:25px}
.home-page .zh-cover-direction h3 em{letter-spacing:-.04em}
.home-page .zh-cover-flow{display:flex;align-items:center;gap:13px;font-family:'Plex Mono',monospace;font-size:11px;color:var(--cover-muted);margin-bottom:24px}
.home-page .zh-cover-flow span[aria-hidden]{font-size:18px}
.home-page .zh-bloooom-cover :is(a,button):focus-visible{outline:2px solid var(--cover-text);outline-offset:5px}
.home-page .zh-cover-direction>a{font-size:12px;display:flex;align-items:center;gap:25px;min-height:44px;margin-top:auto}
.home-page .zh-cover-direction>a span{font-size:21px}
.home-page .zh-cover-screen{min-width:0;align-self:stretch;padding:28px 24px 23px 0;display:flex;flex-direction:column;justify-content:center}
.home-page .zh-cover-frame{position:relative;display:block;aspect-ratio:49/40;width:100%;padding:0;overflow:hidden;border:0;border-radius:3px;background:var(--cover-frame);color:var(--cover-text);cursor:pointer;text-align:left;isolation:isolate;transition:background-color .45s}
.home-page .zh-cover-frame:disabled{cursor:default}
.home-page .zh-cover-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.home-page .zh-cover-frame>[data-cover-image=revit]{filter:grayscale(1);mix-blend-mode:multiply}
.home-page .zh-cover-frame>[data-cover-image=render]{clip-path:inset(0 100% 0 0);transition:clip-path .65s cubic-bezier(.22,.8,.24,1);z-index:1}
.home-page .zh-bloooom-cover[data-cover-mode=render] [data-cover-image=render]{clip-path:inset(0)}
.home-page .zh-cover-result-label,.home-page .zh-cover-hint{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid var(--cover-line);border-radius:30px;background:var(--cover-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff3;color:var(--cover-text);font-size:11px;line-height:1.4;pointer-events:none}
.home-page .zh-cover-result-label{left:15px;top:15px}
.home-page .zh-cover-result-label::before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}
.home-page .zh-cover-hint{right:15px;bottom:15px;opacity:0;transition:opacity .2s}
.home-page .zh-bloooom-cover[data-cover-ready=true] .zh-cover-hint{opacity:1}
.home-page .zh-cover-hint .zh-cover-desktop-hint{display:none}
@media(hover:hover) and (pointer:fine){.home-page .zh-cover-hint .zh-cover-desktop-hint{display:inline}.home-page .zh-cover-hint .zh-cover-touch-hint{display:none}.home-page .zh-bloooom-cover[data-cover-mode=render] .zh-cover-hint{opacity:0}}
.home-page .zh-cover-source{font-size:10px;color:var(--cover-muted);padding-top:12px;line-height:1.5}
.home-page .zh-cover-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-page .zh-founder{display:grid;grid-template-columns:132px minmax(0,1fr);gap:25px;align-items:start;padding-top:75px}
.home-page .zh-founder-portrait{margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:3px;background:var(--soft)}
.home-page .zh-founder-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:grayscale(1)}
.home-page .zh-founder p:not(.eyebrow){font-size:13px}
.home-page .zh-hero-art{max-width:430px}
@media(max-width:1100px){.home-page .zh-bloooom-cover{grid-template-columns:minmax(220px,.85fr) minmax(0,1.5fr)}.home-page .zh-cover-direction{padding:28px 22px}.home-page .zh-cover-direction h3{font-size:34px}.home-page .zh-founder{grid-template-columns:98px minmax(0,1fr);gap:20px}}
@media(max-width:767px){
 .home-page .zh-bloooom-cover{display:flex;flex-direction:column}
 .home-page .zh-cover-header{padding:18px;gap:12px}.home-page .zh-cover-brand{font-size:21px}.home-page .zh-cover-brand small{font-size:9px;margin-left:4px}.home-page .zh-cover-header>.eyebrow{font-size:8px;max-width:94px;text-align:right}
 .home-page .zh-cover-direction{padding:24px 18px 18px}
 .home-page .zh-cover-direction h3{font-size:33px;line-height:1.13;margin-bottom:15px}.home-page .zh-cover-direction h3 br{display:none}.home-page .zh-cover-direction h3 em{display:block}
 .home-page .zh-cover-flow{margin-bottom:0;font-size:10px}.home-page .zh-cover-direction>a{display:none}
 .home-page .zh-cover-screen{padding:0 10px 17px}.home-page .zh-cover-result-label{left:10px;top:10px;padding:7px 10px;font-size:10px}.home-page .zh-cover-hint{right:10px;bottom:10px;font-size:10px;padding:7px 10px}.home-page .zh-cover-source{font-size:10px;padding:10px 8px 0}
 .home-page .zh-founder{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding-top:30px}.home-page .zh-founder-portrait{width:96px}
 .home-page .zh-hero-art{height:auto;max-width:none;margin-top:24px}
}
@media(max-width:360px){.home-page .zh-cover-direction h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.home-page .zh-bloooom-cover,.home-page .zh-cover-frame,.home-page .zh-cover-frame>[data-cover-image=render],.home-page .zh-cover-hint{transition:none}}
@media(forced-colors:active){.home-page .zh-bloooom-cover,.home-page .zh-bloooom-cover[data-cover-mode=render],:root[data-theme=dark] .home-page .zh-bloooom-cover[data-cover-mode=render]{--cover-bg:Canvas;--cover-line:CanvasText;--cover-text:CanvasText;--cover-muted:CanvasText}.home-page .zh-cover-frame>[data-cover-image=revit]{filter:none;mix-blend-mode:normal}.home-page .zh-cover-result-label,.home-page .zh-cover-hint{background:Canvas;color:CanvasText;border-color:CanvasText}}


/* assets/home-ideas.css */
/* A quiet frame for small salt crystals and user-controlled ideas. */
.home-ideas {
  --ideas-top: #fffffa;
  --ideas-left: #bdbfb7;
  --ideas-right: #81867a;
  --ideas-edge: #697060;
  width: 100%;
  max-width: 450px;
  margin-inline: auto;
  position: relative;
  isolation: isolate;
  color: var(--ink, #20211f);
  contain: layout style;
}
:root[data-theme="dark"] .home-ideas {
  --ideas-top: #f1f2e9;
  --ideas-left: #b6bcaa;
  --ideas-right: #7d8771;
  --ideas-edge: #d3d8c7;
}
.home-ideas__meta {
  min-height: 26px;
  padding-inline: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--muted, #63645e);
  font-family: 'Plex Mono', monospace;
  font-size: 10px;
  line-height: 1.5;
}
.home-ideas__meta b { font-weight: 400; font-variant-numeric: tabular-nums; color: var(--ink, #20211f); }
.home-ideas .home-ideas__scene {
  display: block;
  position: relative;
  width: 100%;
  height: 330px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  touch-action: pan-y pinch-zoom;
  -webkit-tap-highlight-color: transparent;
}
.home-ideas__canvas { display: block; width: 100%; height: 288px; pointer-events: none; }
.home-ideas__cue { display: flex; align-items: center; justify-content: center; height: 42px; font-size: 12px; line-height: 1.4; color: var(--ink, #20211f); }
.home-ideas .home-ideas__scene:focus-visible { outline: 2px solid var(--ink, #20211f); outline-offset: -3px; }
.home-ideas .home-ideas__scene:active { transform: none; }
.home-ideas__controls { min-height: 66px; margin-inline: 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.home-ideas__progress { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 10px; font-size: 10px; line-height: 1.5; color: var(--muted, #63645e); }
.home-ideas__progress li { padding-bottom: 3px; border-bottom: 1px solid transparent; }
.home-ideas__progress li[aria-current="step"] { color: var(--ink, #20211f); border-color: currentColor; font-weight: 600; }
.home-ideas .home-ideas__next {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  padding: 8px 0 8px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink, #20211f);
  font-family: inherit;
  font-size: 11px;
  font-weight: 550;
  white-space: nowrap;
  cursor: pointer;
  touch-action: manipulation;
}
.home-ideas__next > span { font-size: 20px; font-weight: 400; line-height: 1; }
.home-ideas__next:hover { text-decoration: underline; text-underline-offset: 4px; }
.home-ideas__next:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.home-ideas .home-ideas__next:active { transform: none; }
.home-ideas__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.home-ideas:not([data-ideas-ready]) { height: 422px; }
.home-ideas:not([data-ideas-ready])::before { content: ''; position: absolute; inset: 26px 0 auto; height: 288px; background: center / contain no-repeat var(--ideas-fallback-art, none); }
.home-ideas__fallback { position: absolute; inset: auto 20px 25px; color: var(--muted, #63645e); text-align: center; font-size: 12px; line-height: 1.6; }
@media (max-width: 767px) {
  .home-ideas { max-width: 430px; }
  .home-ideas__meta { min-height: 24px; padding-inline: 8px; font-size: 9px; }
  .home-ideas .home-ideas__scene { height: 234px; }
  .home-ideas__canvas { height: 198px; }
  .home-ideas__cue { height: 36px; font-size: 11px; }
  .home-ideas__controls { margin-inline: 8px; min-height: 71px; display: grid; justify-content: center; justify-items: center; align-content: center; gap: 1px; }
  .home-ideas__progress { gap: 18px; font-size: 11px; }
  .home-ideas .home-ideas__next { padding: 8px; }
  .home-ideas:not([data-ideas-ready]) { height: 329px; }
  .home-ideas:not([data-ideas-ready])::before { top: 24px; height: 198px; }
}
@media (prefers-reduced-motion: reduce) { .home-ideas *, .home-ideas *::before, .home-ideas *::after { transition: none !important; animation: none !important; } }

/* Static salt study for the no-JavaScript fallback. */
.home-ideas { --ideas-fallback-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-232.5%20-175%20465%20350%22%3E%3Cdefs%3E%3Cg%20id%3D%22g%22%3E%3Cpath%20d%3D%22M1.73%2C-1%200%2C-.26%200%2C1.74%201.73%2C1Z%22%20fill%3D%22%2381867a%22%2F%3E%3Cpath%20d%3D%22M0%2C-.26%20-1.73%2C-1%20-1.73%2C1%200%2C1.74Z%22%20fill%3D%22%23bdbfb7%22%2F%3E%3Cpath%20d%3D%22M0%2C-1.74%201.73%2C-1%200%2C-.26%20-1.73%2C-1Z%22%20fill%3D%22%23fffffa%22%20stroke%3D%22%23697060%22%20stroke-width%3D%22.1%22%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-21.9%20-132.1)%20scale(3.86)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-36.8%20-128.7)%20scale(3.07)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-54.1%20-117.3)%20scale(3.14)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-35.6%20-117.4)%20scale(3.16)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-35.6%20-111.7)%20scale(3.53)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-23.8%20-114.0)%20scale(3.29)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-42.4%20-121.2)%20scale(3.65)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(13.6%20-122.0)%20scale(3.22)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(28.4%20-100.1)%20scale(3.56)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-3.8%20-137.6)%20scale(3.86)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-43.9%20-92.9)%20scale(3.41)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-46.5%20-97.5)%20scale(3.85)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-54.3%20-118.8)%20scale(3.54)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-5.6%20-76.3)%20scale(3.74)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(3.1%20-107.2)%20scale(3.29)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(24.7%20-59.5)%20scale(3.53)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-63.2%20-86.1)%20scale(3.78)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(30.9%20-91.9)%20scale(3.43)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-55.4%20-67.8)%20scale(3.91)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-101.3%20-65.5)%20scale(3.26)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(5.2%20-79.5)%20scale(3.20)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-80.7%20-98.7)%20scale(3.68)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-44.4%20-103.3)%20scale(3.89)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-67.1%20-81.9)%20scale(3.31)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-90.1%20-38.9)%20scale(3.71)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(67.3%20-58.8)%20scale(3.12)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-33.2%20-56.5)%20scale(3.19)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-74.4%20-70.1)%20scale(3.17)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-53.2%20-57.5)%20scale(3.47)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(29.2%20-77.2)%20scale(3.92)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(83.9%20-50.4)%20scale(3.69)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-60.7%20-69.1)%20scale(3.73)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-6.7%20-60.5)%20scale(3.96)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-103.6%20-34.6)%20scale(3.16)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-87.1%20-63.3)%20scale(3.13)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(17.9%20-78.9)%20scale(3.27)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(8.6%20-70.4)%20scale(3.86)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-103.7%20-38.7)%20scale(3.41)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(31.3%20-61.5)%20scale(3.56)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(6.0%20-73.7)%20scale(3.47)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-103.9%20-26.3)%20scale(3.61)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-82.5%20-65.3)%20scale(3.10)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(20.7%20-82.1)%20scale(3.89)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-67.7%20-40.7)%20scale(3.86)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-84.4%20-34.4)%20scale(3.73)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(19.9%20-68.5)%20scale(3.55)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-4.6%20-47.9)%20scale(3.60)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-37.7%20-52.1)%20scale(3.13)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-120.9%20-16.3)%20scale(3.16)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(85.0%20-14.9)%20scale(3.50)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-15.5%20-48.7)%20scale(3.60)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(70.9%20-39.0)%20scale(3.22)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-6.6%20-74.4)%20scale(3.26)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(50.7%20-48.4)%20scale(3.08)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-149.8%20-0.9)%20scale(3.49)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-129.1%20-32.5)%20scale(3.57)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(91.2%20-21.0)%20scale(3.80)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(4.8%20-59.4)%20scale(3.72)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(122.7%200.8)%20scale(3.50)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-25.5%20-54.5)%20scale(3.94)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-21.4%20-52.3)%20scale(3.47)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-97.9%20-23.8)%20scale(3.19)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-116.1%20-39.1)%20scale(3.17)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(22.1%20-55.6)%20scale(3.54)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-117.9%20-7.2)%20scale(3.73)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-54.6%20-33.9)%20scale(3.26)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(25.7%20-34.4)%20scale(3.64)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(67.3%20-47.8)%20scale(3.18)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(84.5%20-10.5)%20scale(3.09)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(5.5%20-23.6)%20scale(3.09)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-18.6%20-48.7)%20scale(3.51)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-115.0%20-12.5)%20scale(3.71)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(34.7%20-33.6)%20scale(3.65)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-158.0%2025.6)%20scale(3.70)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-19.2%20-45.4)%20scale(3.87)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-0.7%20-47.6)%20scale(3.33)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-32.9%20-42.4)%20scale(3.40)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-145.5%2033.4)%20scale(3.36)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(89.5%20-20.6)%20scale(3.68)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-68.2%20-12.3)%20scale(3.37)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-131.8%208.6)%20scale(3.86)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-139.2%20-3.4)%20scale(3.48)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-154.5%201.2)%20scale(3.25)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-183.9%2019.8)%20scale(3.13)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-33.1%20-34.3)%20scale(3.14)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(43.3%20-28.9)%20scale(3.53)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-21.1%20-29.8)%20scale(3.70)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-43.8%20-24.2)%20scale(3.36)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(129.1%206.6)%20scale(3.80)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(73.7%20-5.3)%20scale(3.53)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-177.5%2047.2)%20scale(3.18)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-41.0%20-46.8)%20scale(3.77)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-30.8%20-36.1)%20scale(3.79)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(80.6%20-13.9)%20scale(3.44)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-61.7%20-20.2)%20scale(3.06)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-162.9%2012.7)%20scale(3.13)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-196.4%2040.3)%20scale(3.56)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-133.2%203.2)%20scale(3.29)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(79.3%20-15.4)%20scale(3.33)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(110.2%20-10.0)%20scale(3.21)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(133.8%2016.3)%20scale(3.26)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(148.0%2049.0)%20scale(3.13)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-7.4%20-13.9)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(63.2%20-22.9)%20scale(3.61)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-196.0%2062.0)%20scale(3.82)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-23.7%20-20.2)%20scale(3.34)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-55.1%20-19.5)%20scale(3.82)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-24.6%20-8.1)%20scale(3.84)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-113.8%20-4.7)%20scale(3.88)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-170.7%2038.7)%20scale(3.39)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-45.9%20-26.0)%20scale(3.40)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-93.1%20-5.5)%20scale(3.91)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(36.0%20-24.3)%20scale(3.24)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(61.7%20-14.9)%20scale(3.71)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(57.0%20-7.0)%20scale(3.70)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-126.4%2010.0)%20scale(3.34)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-59.4%20-3.2)%20scale(3.72)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(10.7%20-33.9)%20scale(3.75)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-73.5%20-4.5)%20scale(3.94)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(60.3%20-5.2)%20scale(3.40)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(62.9%20-16.4)%20scale(3.57)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-137.6%2022.2)%20scale(3.88)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(42.1%20-4.2)%20scale(3.17)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-161.9%2028.8)%20scale(3.10)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(112.1%2010.6)%20scale(3.36)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(2.2%20-9.1)%20scale(3.84)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-63.1%20-11.9)%20scale(3.14)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(58.4%203.0)%20scale(3.71)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(29.0%20-7.4)%20scale(3.06)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-181.0%2050.3)%20scale(3.72)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(141.8%2039.6)%20scale(3.74)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(187.9%2052.8)%20scale(3.41)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(87.8%20-0.7)%20scale(3.15)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-45.5%20-20.8)%20scale(3.18)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(138.5%2026.6)%20scale(3.69)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(142.8%2051.9)%20scale(3.44)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(133.2%2037.6)%20scale(3.48)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-89.7%208.6)%20scale(3.34)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(44.2%20-18.3)%20scale(3.15)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(34.1%20-22.3)%20scale(3.60)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-76.7%2013.5)%20scale(3.78)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-71.6%20-0.6)%20scale(3.62)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-86.9%20-4.0)%20scale(3.91)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-38.7%20-12.3)%20scale(3.48)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-57.3%20-5.7)%20scale(3.74)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(37.4%20-14.1)%20scale(3.23)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-97.1%2013.4)%20scale(3.20)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(162.3%2035.2)%20scale(3.11)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(42.4%20-6.1)%20scale(3.88)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(47.6%20-10.5)%20scale(3.55)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(27.4%20-15.3)%20scale(3.92)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(121.7%2031.5)%20scale(3.44)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-59.5%209.9)%20scale(3.32)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(7.0%20-4.6)%20scale(3.50)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-53.1%2012.6)%20scale(3.39)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-96.9%2027.6)%20scale(3.78)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(99.8%201.4)%20scale(3.30)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(126.6%2047.9)%20scale(3.85)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(120.4%2020.6)%20scale(3.10)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-127.2%2048.4)%20scale(3.74)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(119.8%2026.0)%20scale(3.90)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-125.4%2017.1)%20scale(3.19)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(10.8%20-0.5)%20scale(3.68)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-92.4%2025.2)%20scale(3.07)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-68.5%202.6)%20scale(3.50)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(35.1%2012.7)%20scale(3.71)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(34.7%20-3.4)%20scale(3.91)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(164.4%2054.5)%20scale(3.76)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(105.3%2038.8)%20scale(3.70)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(107.6%2031.0)%20scale(3.13)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(23.3%20-1.9)%20scale(3.12)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-96.4%2016.1)%20scale(3.57)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(15.4%20-0.5)%20scale(3.25)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-67.0%2019.3)%20scale(3.52)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-78.6%2013.3)%20scale(3.80)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-97.3%2013.0)%20scale(3.31)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(206.7%2074.9)%20scale(3.49)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-11.3%206.0)%20scale(3.60)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(3.9%2010.4)%20scale(3.73)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-109.5%2041.0)%20scale(3.42)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(16.5%2012.6)%20scale(3.74)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-128.5%2037.2)%20scale(3.62)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-98.7%2039.3)%20scale(3.07)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-112.6%2034.3)%20scale(3.43)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(162.0%2053.8)%20scale(3.53)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(87.3%206.2)%20scale(3.76)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(115.2%2033.4)%20scale(3.88)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(131.1%2037.2)%20scale(3.09)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-115.7%2026.2)%20scale(3.31)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(124.9%2045.1)%20scale(3.46)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(5.4%209.1)%20scale(3.48)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(110.3%2042.6)%20scale(3.73)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-78.6%2015.8)%20scale(3.27)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(93.9%2019.2)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-32.0%2015.1)%20scale(3.51)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-133.0%2034.3)%20scale(3.96)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(21.5%2010.1)%20scale(3.05)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-130.7%2034.9)%20scale(3.83)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(23.2%2010.7)%20scale(3.23)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-24.7%2012.5)%20scale(3.63)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-13.1%2011.5)%20scale(3.48)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(185.0%2066.2)%20scale(3.62)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(107.1%2020.2)%20scale(3.50)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(103.1%2037.7)%20scale(3.08)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-10.7%205.8)%20scale(3.47)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-119.0%2040.9)%20scale(3.06)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(52.3%2017.3)%20scale(3.75)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-14.2%2023.0)%20scale(3.11)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(149.5%2054.0)%20scale(3.44)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-47.3%2030.3)%20scale(3.56)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(6.9%2020.3)%20scale(3.25)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(152.6%2065.6)%20scale(3.60)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(82.5%2017.9)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(3.3%208.2)%20scale(3.29)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-39.8%2014.7)%20scale(3.57)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-94.5%2026.8)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(62.6%2031.5)%20scale(3.10)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-138.5%2049.3)%20scale(3.39)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(93.9%2022.5)%20scale(3.86)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(165.8%2071.6)%20scale(3.19)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-26.2%2023.1)%20scale(3.69)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-33.1%2030.7)%20scale(3.96)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(88.0%2026.1)%20scale(3.27)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(71.4%2032.3)%20scale(3.46)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-17.3%205.2)%20scale(3.37)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(106.5%2031.1)%20scale(3.18)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-76.4%2021.9)%20scale(3.93)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(76.8%2032.5)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-15.6%2025.8)%20scale(3.80)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(46.3%2013.9)%20scale(3.08)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(60.1%2026.0)%20scale(3.95)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-6.7%2017.8)%20scale(3.11)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(84.5%2034.1)%20scale(3.07)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(142.0%2061.4)%20scale(3.69)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-23.4%2020.1)%20scale(3.45)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-52.4%2034.4)%20scale(3.45)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-62.3%2021.8)%20scale(3.59)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(144.1%2054.7)%20scale(3.87)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(24.1%2031.5)%20scale(3.57)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-86.7%2044.6)%20scale(3.37)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(121.6%2042.0)%20scale(3.11)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(81.2%2026.3)%20scale(3.22)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-35.3%2032.9)%20scale(3.30)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(48.0%2031.5)%20scale(3.63)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-33.7%2029.7)%20scale(3.74)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-44.7%2029.0)%20scale(3.58)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(48.5%2041.0)%20scale(3.25)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(57.0%2026.4)%20scale(3.88)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(10.8%2010.1)%20scale(3.63)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(36.0%2020.3)%20scale(3.08)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-70.1%2026.4)%20scale(3.90)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-22.8%2025.0)%20scale(3.90)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-86.6%2047.0)%20scale(3.69)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(66.4%2039.9)%20scale(3.32)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-52.4%2024.2)%20scale(3.06)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(109.4%2050.6)%20scale(3.66)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-5.7%2032.8)%20scale(3.65)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(66.4%2026.4)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-54.8%2033.2)%20scale(3.34)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-58.4%2038.1)%20scale(3.22)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(86.5%2023.0)%20scale(3.85)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(41.3%2026.2)%20scale(3.36)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(40.5%2037.7)%20scale(3.26)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(138.0%2039.6)%20scale(3.50)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(46.7%2026.1)%20scale(3.95)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(26.3%2022.5)%20scale(3.90)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(130.6%2056.2)%20scale(3.85)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(29.5%2036.2)%20scale(3.57)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(22.5%2034.0)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-35.2%2012.1)%20scale(3.61)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(52.7%2016.7)%20scale(3.42)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-74.3%2033.1)%20scale(3.14)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-20.4%2028.5)%20scale(3.68)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-60.7%2031.3)%20scale(3.11)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(95.1%2046.2)%20scale(3.64)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(112.4%2051.8)%20scale(3.15)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(4.8%2033.2)%20scale(3.84)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(9.8%2043.2)%20scale(3.81)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(71.4%2023.3)%20scale(3.35)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(111.1%2058.4)%20scale(3.06)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-28.2%2019.9)%20scale(3.56)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(39.0%2024.9)%20scale(3.88)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(24.1%2025.0)%20scale(3.77)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(27.5%2035.7)%20scale(3.38)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-0.2%2018.5)%20scale(3.85)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(58.2%2028.6)%20scale(3.17)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(32.9%2022.3)%20scale(3.25)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(92.1%2058.9)%20scale(3.32)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(90.3%2041.1)%20scale(3.20)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-15.1%2023.7)%20scale(3.54)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(7.8%2036.9)%20scale(3.50)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(87.1%2030.6)%20scale(3.54)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(4.5%2023.3)%20scale(3.76)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-7.7%2040.1)%20scale(3.90)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(45.9%2028.3)%20scale(3.81)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(21.2%2035.1)%20scale(3.52)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(24.5%2026.4)%20scale(3.70)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(0.2%2016.2)%20scale(3.78)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-23.7%2030.5)%20scale(3.49)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-9.8%2041.6)%20scale(3.26)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-4.2%2027.6)%20scale(3.73)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(67.2%2029.5)%20scale(3.95)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(12.0%2022.1)%20scale(3.19)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(87.6%2027.3)%20scale(3.67)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(-30.3%2029.6)%20scale(3.14)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(24.3%2023.5)%20scale(3.53)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(65.5%2040.0)%20scale(3.37)%22%2F%3E%3Cuse%20href%3D%22%23g%22%20transform%3D%22translate(45.8%2022.5)%20scale(3.55)%22%2F%3E%3C%2Fsvg%3E"); }


/* assets/home-sales.css */
/* Clear ways into the studio, using the homepage's existing neutral palette. */
.home-page .zh-actions { flex-wrap: wrap; }
.home-page .zh-route-links { display: flex; flex-wrap: wrap; gap: 0 20px; margin-top: 18px; max-width: 560px; }
.home-page .zh-route-links a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; font-size: 11px; color: var(--muted); }
.home-page .zh-route-links a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 5px; }
.home-page .zh-route-links span { font-size: 14px; }
.home-page :is(.zh-service, .zh-notes, .zh-contact) { scroll-margin-top: 28px; }
.home-page .zh-services-sales .zh-service { grid-template-columns: 32px minmax(0,1.15fr) minmax(0,1fr) auto; gap: 28px; }
.home-page .zh-service-heading .eyebrow { font-size: 9px; margin-bottom: 10px; color: var(--muted); }
.home-page .zh-service-heading h3 { font-size: clamp(25px,2.2vw,34px); }
.home-page .zh-service .zh-service-enquire { width: auto; height: auto; min-height: 48px; display: inline-flex; align-items: center; gap: 16px; padding: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; font-size: 12px; color: var(--ink); white-space: nowrap; background: transparent; }
.home-page .zh-service .zh-service-enquire:hover { color: var(--ink); border-color: var(--ink); }
.home-page .zh-service-enquire span { font-size: 20px; }
.home-ideas__work-slot { height: 38px; display: flex; justify-content: center; }
.home-ideas__work { display: inline-flex; align-items: center; gap: 14px; min-height: 38px; font-size: 11px; color: var(--ink); border-bottom: 1px solid var(--line); }
.home-ideas__work[hidden] { display: none; }
.home-ideas__work:hover { border-color: var(--ink); }
.home-ideas__work span { font-size: 16px; }
.home-page .zh-notes { display: grid; grid-template-columns: 1fr 2fr; gap: 36px; border-top: 1px solid var(--line); padding-block: 56px 88px; }
.home-page .zh-notes__eyebrow { color: var(--muted); font-size: 10px; margin-bottom: 23px; }
.home-page .zh-notes h2 { font-size: clamp(32px,3vw,46px); letter-spacing: -.055em; line-height: 1.12; max-width: 260px; }
.home-page .zh-note { border-top: 1px solid var(--line); }
.home-page .zh-note:last-child { border-bottom: 1px solid var(--line); }
.home-page .zh-note__summary { display: grid; grid-template-columns: 1fr 24px; gap: 13px 22px; cursor: pointer; list-style: none; padding: 24px 0; }
.home-page .zh-note__summary::-webkit-details-marker { display: none; }
.home-page .zh-note__type { font-family: 'Plex Mono',monospace; font-size: 9px; color: var(--muted); }
.home-page .zh-note__title { grid-column: 1; font-size: clamp(21px,2vw,28px); line-height: 1.3; letter-spacing: -.04em; max-width: 590px; }
.home-page .zh-note__icon { grid-column: 2; grid-row: 1/3; align-self: center; font-size: 24px; font-weight: 300; }
.home-page .zh-note[open] .zh-note__icon { transform: rotate(45deg); }
.home-page .zh-note__content { max-width: 620px; padding: 0 46px 28px 0; }
.home-page .zh-note__content p { font-size: 14px; line-height: 1.8; color: var(--muted); }
.home-page .zh-note__link { display: inline-flex; align-items: center; gap: 18px; min-height: 44px; margin-top: 12px; font-size: 12px; border-bottom: 1px solid var(--line); }
.home-page .zh-note__link:hover { border-color: var(--ink); }
.home-page .zh-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,7vw,110px); }
.home-page .zh-contact-intro > .eyebrow { color: var(--muted); margin-bottom: 26px; }
.home-page .zh-contact h2 { font-size: clamp(46px,5.1vw,74px); line-height: 1.08; letter-spacing: -.065em; }
.home-page .zh-contact-lead { font-size: 15px; color: var(--muted); margin-top: 24px; }
.home-page .zh-next-steps { margin-top: 40px; max-width: 345px; }
.home-page .zh-next-steps h3 { font-size: 14px; margin-bottom: 12px; font-weight: 600; letter-spacing: -.02em; }
.home-page .zh-next-steps p { font-size: 13px; line-height: 1.8; color: var(--muted); }
.home-page .zh-email-link { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 44px; margin-top: 20px; font-size: 12px; border-bottom: 1px solid var(--line); }
.home-page .zh-email-link:hover { border-color: var(--ink); }
.home-page .zh-enquiry-panel > h3 { font-size: 27px; letter-spacing: -.05em; margin-bottom: 8px; }
.home-page .zh-enquiry-required { color: var(--muted); font-size: 11px; margin-bottom: 25px; }
.home-page .zh-enquiry-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.home-page .zh-enquiry-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.home-page .zh-enquiry-field { display: flex; flex-direction: column; gap: 9px; margin-bottom: 21px; min-width: 0; }
.home-page .zh-enquiry-field label { font-size: 12px; font-weight: 550; }
.home-page .zh-enquiry-field :is(input,select,textarea) { width: 100%; min-width: 0; min-height: 47px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); padding: 12px 13px; border-radius: 4px; font: inherit; font-size: 14px; box-shadow: none; }
.home-page .zh-enquiry-field textarea { resize: vertical; min-height: 118px; line-height: 1.6; }
.home-page .zh-enquiry-field :is(input,select,textarea):focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.home-page .zh-enquiry-field ::placeholder { color: var(--muted); opacity: .8; }
.home-page .zh-enquiry-submit { width: 100%; justify-content: space-between; }
.home-page .zh-enquiry-fields:disabled { opacity: .5; }
.home-page .zh-enquiry-privacy { font-size: 10px; line-height: 1.8; color: var(--muted); margin-top: 18px; }
.home-page .zh-enquiry-privacy a, .home-page .zh-enquiry-unavailable a { text-decoration: underline; text-underline-offset: 3px; }
.home-page .zh-enquiry-unavailable { font-size: 13px; line-height: 1.7; padding: 14px 0; }
.home-page #studio-enquiry [data-instatic-form-message] { font-size: 13px; line-height: 1.7; margin-top: 14px; }
.home-page #studio-enquiry [data-instatic-form-message]:empty { margin: 0; }
.home-page .zh-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
@media(max-width:1100px) {
  .home-page .zh-services-sales .zh-service { grid-template-columns: 25px 1.15fr 1fr; gap: 18px 22px; }
  .home-page .zh-service .zh-service-enquire { grid-column: 2; width: fit-content; min-height: 40px; }
  .home-page .zh-contact-grid { gap: 40px; }
  .home-page .zh-enquiry-pair { grid-template-columns: 1fr; gap: 0; }
}
@media(max-width:767px) {
  .home-page .zh-route-links { gap: 0 17px; margin-top: 15px; }
  .home-page .zh-route-links a { font-size: 10px; min-height: 37px; }
  .home-page .zh-hero-art { margin-top: 25px; }
  .home-page .zh-services-sales .zh-service { grid-template-columns: 24px minmax(0,1fr); gap: 14px; padding-block: 26px; }
  .home-page .zh-service-heading { grid-column: 2; }
  .home-page .zh-service-heading .eyebrow { font-size: 8px; margin-bottom: 8px; }
  .home-page .zh-service-heading h3 { font-size: 25px; }
  .home-page .zh-services-sales .zh-service > p { grid-column: 2; grid-row: auto; max-width: 320px; }
  .home-page .zh-service .zh-service-enquire { grid-column: 2; grid-row: auto; font-size: 11px; }
  .home-page .zh-notes { display: block; padding-block: 38px 55px; }
  .home-page .zh-notes__eyebrow { font-size: 9px; margin-bottom: 19px; }
  .home-page .zh-notes h2 { max-width: none; font-size: 36px; margin-bottom: 28px; }
  .home-page .zh-note__summary { padding-block: 22px; }
  .home-page .zh-note__content { padding-right: 20px; }
  .home-page .zh-note__content p { font-size: 13px; }
  .home-page .zh-contact-grid { display: block; }
  .home-page .zh-contact h2 { font-size: clamp(39px,10vw,65px); }
  .home-page .zh-next-steps { margin-top: 28px; }
  .home-page .zh-enquiry-panel { margin-top: 35px; padding-top: 28px; border-top: 1px solid var(--line); }
  .home-page .zh-enquiry-panel > h3 { font-size: 26px; }
  .home-page .zh-enquiry-field :is(input,select,textarea) { font-size: 16px; }
  .home-page .zh-footer-bottom { margin-top: 40px; }
}


/* assets/home-fluid.css */
/* Homepage craft pass: steady wayfinding, readable type and direct controls. */
.home-page {
  --home-surface: #eeefea;
  --home-raised: #fafbf7;
  --home-glass: rgb(248 249 246 / .62);
  --home-glass-rim: rgb(255 255 255 / .68);
  --home-glass-highlight: rgb(255 255 255 / .72);
  --home-shadow: 0 6px 28px #20211f0c;
  --home-error: #a72d29;
  font-optical-sizing: auto;
}
body.home-page { height: auto; min-height: 100vh; }
[data-theme=dark] .home-page {
  --home-surface: #22241f;
  --home-raised: #292c25;
  --home-glass: rgb(30 33 28 / .62);
  --home-glass-rim: rgb(255 255 255 / .16);
  --home-glass-highlight: rgb(255 255 255 / .19);
  --home-shadow: 0 8px 30px #0003;
  --home-error: #ffa49a;
}
.home-page .wrap { width: calc(100% - 96px); max-width: 1280px; }
.home-page [id] { scroll-margin-top: 112px; }
html:has(.home-page) { scroll-padding-top: 0; scrollbar-gutter: stable; }
.home-page em { letter-spacing: -.045em; }
.home-page :is(a,button,summary) { touch-action: manipulation; }
.home-page :is(a,button,summary):focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.home-page .eyebrow { font-size: 11px; letter-spacing: .045em; }
.home-page .button { min-height: 52px; font-size: 13px; padding: 14px 23px; }
.home-page .button:hover { transform: none; }
.home-page :is(.button,.small-cta,.theme-toggle,.menu-toggle):active { transform: scale(.97); transition: transform 80ms ease-out; }
.home-page .zh-text-link { font-size: 13px; }

/* One floating functional layer. The document scrolls naturally underneath. */
.home-page .site-header {
  position: sticky; top: 16px; z-index: 20;
  width: calc(100% - 48px); max-width: 1160px; height: 72px;
  margin-top: 16px; padding: 8px 12px 8px 24px;
  grid-template-columns: 1fr auto 1fr; gap: 20px;
  border: 1px solid var(--home-glass-rim);
  border-radius: 40px; background: linear-gradient(135deg, #ffffff21, #ffffff00 42%, #ffffff00 70%, #ffffff0d), var(--home-glass);
  backdrop-filter: blur(22px) saturate(1.55);
  -webkit-backdrop-filter: blur(22px) saturate(1.55);
  box-shadow: var(--home-shadow), inset 0 1px 0 var(--home-glass-highlight), inset 0 -1px 0 #0000000a;
}
.home-page .site-header .wordmark { font-size: 36px; padding-bottom: 4px; }
.home-page .desktop-nav { gap: 3px; }
.home-page .desktop-nav a { min-height: 44px; padding: 12px 15px; border-radius: 24px; font-size: 13px; font-weight: 550; color: var(--ink); }
.home-page .desktop-nav a::after { display: none; }
.home-page .desktop-nav a:hover { color: var(--ink); background: var(--soft); }
.home-page .desktop-nav a[aria-current=location] { color: var(--ink); background: var(--soft); }
.home-page .header-actions { gap: 8px; }
.home-page .small-cta { border: 0; min-height: 48px; padding: 12px 19px; background: var(--ink); color: var(--paper); font-size: 12px; gap: 16px; }
.home-page .small-cta:hover { opacity: .85; }
.home-page .small-cta[aria-current=location] { outline: 2px solid var(--ink); outline-offset: 3px; }
.home-page .skip-link { z-index: 25; }

/* A clear invitation, with the salt study as a tactile object beside it. */
.home-page .zh-hero { grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 48px; padding-block: 76px 72px; }
.home-page .zh-intro-label { margin-bottom: 27px; }
.home-page .zh-hero h1 { font-size: clamp(48px,5.9vw,88px); line-height: 1.07; letter-spacing: -.055em; }
.home-page .zh-hero h1 em { letter-spacing: -.05em; }
.home-page .zh-intro { font-size: 17px; line-height: 1.65; max-width: 380px; margin-top: 28px; }
.home-page .zh-actions { gap: 24px; margin-top: 30px; }
.home-page .zh-route-links { gap: 0 18px; margin-top: 22px; }
.home-page .zh-route-links a { min-height: 44px; font-size: 12px; gap: 8px; }
.home-page .zh-hero-art { max-width: 460px; height: auto; margin: 0; padding: 22px 14px 10px; border-radius: 28px; background: var(--home-surface); border: 1px solid var(--line); }
.home-page .zh-hero-foot { display: none; }
.home-page .home-ideas { max-width: none; }
.home-page .home-ideas__meta { font-size: 11px; padding-inline: 12px; }
.home-page .home-ideas__cue { font-size: 13px; }
.home-page .home-ideas__controls { display: flex; flex-direction: column; gap: 5px; margin: 5px 10px 0; }
.home-page .home-ideas__progress { display: flex; width: 100%; gap: 3px; padding: 4px; border-radius: 16px; background: color-mix(in srgb, var(--ink) 6%, transparent); }
.home-page .home-ideas__progress li { flex: 1; min-width: 0; padding: 0; border: 0; }
.home-page .home-ideas__progress button { width: 100%; min-height: 44px; padding: 9px 8px; border-radius: 12px; background: transparent; color: var(--muted); font-size: 12px; font-weight: 550; transition: background-color .15s, color .15s; }
.home-page .home-ideas__progress button[aria-pressed=true] { background: var(--home-raised); color: var(--ink); box-shadow: 0 2px 5px #0001; }
.home-page .home-ideas__progress button:active { background: var(--home-raised); transform: scale(.98); transition-duration: 80ms; }
.home-page .home-ideas__next { min-height: 44px; font-size: 12px; padding-inline: 12px; border-radius: 22px; }
.home-page .home-ideas__next:hover { background: var(--home-raised); text-decoration: none; }
.home-page .home-ideas__work-slot { height: 38px; }
.home-page .home-ideas__work { font-size: 12px; }

/* Work keeps its own colour. The cover is still the exact page colour at rest. */
.home-page .zh-work { padding-block: 30px 96px; }
.home-page .zh-section-top { grid-template-columns: 1fr auto; align-items: end; gap: 32px; margin-bottom: 32px; }
.home-page .zh-section-top>.eyebrow { padding: 0 0 8px; }
.home-page .zh-section-top h2 { font-size: clamp(36px,3.6vw,54px); line-height: 1.1; letter-spacing: -.045em; }
.home-page .zh-bloooom-cover { border-radius: 28px; grid-template-columns: minmax(260px,.85fr) minmax(0,1.5fr); }
.home-page .zh-cover-header { padding: 24px 32px; }
.home-page .zh-cover-brand { font-size: 26px; }
.home-page .zh-cover-brand small { font-size: 12px; }
.home-page .zh-cover-header>.eyebrow { font-size: 10px; }
.home-page .zh-cover-direction { padding: 40px 32px; justify-content: center; }
.home-page .zh-cover-direction h3 { font-size: clamp(32px,3.3vw,48px); letter-spacing: -.045em; line-height: 1.15; }
.home-page .zh-cover-direction>a { margin-top: 25px; font-size: 13px; }
.home-page .zh-cover-screen { padding: 28px 28px 24px 0; }
.home-page .zh-cover-frame { border-radius: 16px; }
.home-page .zh-cover-frame:active { transform: none; }
.home-page .zh-cover-source { font-size: 11px; padding-top: 14px; }
.home-page .zh-feature-caption { grid-template-columns: 1fr 1fr auto; gap: 32px; align-items: center; padding: 27px 8px 0; }
.home-page .zh-feature-caption>p { font-size: 14px; max-width: 380px; }

/* Outcome choices are easy to scan, with the action beside its explanation. */
.home-page .zh-services { border: 0; padding-block: 16px 104px; }
.home-page .zh-services .zh-section-top { margin-bottom: 36px; }
.home-page .zh-services .zh-section-top h2 br { display: block; }
.home-page .zh-service-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.home-page .zh-services-sales .zh-service { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; padding: 30px; border: 1px solid var(--line); border-radius: 24px; background: var(--home-surface); }
.home-page .zh-service-number { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 50%; padding: 0; font-size: 12px; color: var(--ink); }
.home-page .zh-service-heading .eyebrow { font-size: 10px; line-height: 1.6; margin-bottom: 12px; }
.home-page .zh-service-heading h3 { font-size: clamp(23px,2.2vw,32px); letter-spacing: -.04em; line-height: 1.18; }
.home-page .zh-services-sales .zh-service>p { font-size: 14px; line-height: 1.7; max-width: 300px; }
.home-page .zh-service .zh-service-enquire { margin-top: auto; min-height: 48px; font-size: 13px; width: 100%; justify-content: space-between; border-bottom-color: var(--line); }
/* These are text links. Override the legacy circular button's ink fill. */
.home-page .zh-service .zh-service-enquire:is(:hover, :focus-visible) { background: transparent; color: var(--ink); border-color: var(--ink); }
.home-page .zh-service:focus-within { border-color: var(--muted); }

/* The person and the experiments have their own pace. */
.home-page .zh-studio { padding-block: 72px 88px; gap: 64px; grid-template-columns: 1.05fr 1fr; }
.home-page .zh-studio h2 { font-size: clamp(37px,3.8vw,57px); line-height: 1.13; letter-spacing: -.045em; }
.home-page .zh-salt-story { font-size: 16px; line-height: 1.75; max-width: 410px; }
.home-page .zh-founder { grid-template-columns: 150px minmax(0,1fr); align-items: start; gap: 28px; padding-top: 3px; }
.home-page .zh-founder-portrait { border-radius: 20px; width: 100%; aspect-ratio: 4/5; }
.home-page .zh-founder .eyebrow { font-size: 10px; line-height: 1.6; }
.home-page .zh-founder h3 { font-size: 27px; margin-block: 12px 17px; letter-spacing: -.035em; }
.home-page .zh-founder p:not(.eyebrow) { font-size: 14px; line-height: 1.7; }
.home-page .zh-founder .zh-founder-note { font-size: 13px!important; }
.home-page .zh-experiments { grid-template-columns: 1fr 1.6fr; gap: 60px; padding-block: 56px 80px; align-items: start; }
.home-page .zh-experiment-list { display: grid; gap: 16px; min-width: 0; }
.home-page .zh-case-symbol { display: grid; place-items: center; grid-row: 1/3; height: 100px; color: var(--muted); }
.home-page .zh-case-symbol::before { content: ''; display: block; width: 72px; height: 72px; background: currentColor; mask: var(--case-symbol) center / contain no-repeat; -webkit-mask: var(--case-symbol) center / contain no-repeat; }
.home-page .zh-case-symbol--saltgrid { --case-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='9' y='9' width='14' height='14' rx='2'/%3E%3Crect x='29' y='9' width='14' height='14' rx='2'/%3E%3Crect x='49' y='9' width='14' height='14' rx='2'/%3E%3Crect x='9' y='29' width='14' height='14' rx='2'/%3E%3Crect x='29' y='29' width='14' height='14' rx='2'/%3E%3Crect x='49' y='29' width='14' height='14' rx='2'/%3E%3Crect x='9' y='49' width='14' height='14' rx='2'/%3E%3Crect x='29' y='49' width='14' height='14' rx='2'/%3E%3Crect x='49' y='49' width='14' height='14' rx='2'/%3E%3C/g%3E%3C/svg%3E"); }
.home-page .zh-case-symbol--route { --case-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 50V23Q16 13 26 13H48Q58 13 58 23V31Q58 41 48 41H35Q25 41 25 51Q25 61 35 61H51'/%3E%3Ccircle cx='16' cy='55' r='5'/%3E%3Ccircle cx='56' cy='61' r='5'/%3E%3C/g%3E%3C/svg%3E"); }
.home-page .zh-case-symbol--kinetica { --case-symbol: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='12' r='6'/%3E%3Cpath d='M38 23L30 39L42 49L45 65M30 39L20 51L12 61M37 25L50 34L61 29M35 25L24 22L16 31'/%3E%3Ccircle cx='30' cy='39' r='3'/%3E%3Ccircle cx='42' cy='49' r='3'/%3E%3C/g%3E%3C/svg%3E"); }
.home-page .zh-experiments h2 { font-size: clamp(32px,3vw,45px); letter-spacing: -.045em; }
.home-page .zh-jane { grid-template-columns: 96px minmax(0,1fr); column-gap: 30px; padding: 32px; border-radius: 24px; }
.home-page .zh-jane .eyebrow { font-size: 10px; }
.home-page .zh-jane h3 { font-size: 36px; letter-spacing: -.04em; }
.home-page .zh-jane p:not(.eyebrow) { font-size: 14px; }
.home-page .zh-jane-link { font-size: 12px; min-height: 44px; }
.home-page .zh-jane:focus-visible { background: var(--soft); }
.home-page .zh-notes { grid-template-columns: 1fr 1.6fr; gap: 60px; padding-block: 56px 88px; }
.home-page .zh-notes__eyebrow { font-size: 11px; }
.home-page .zh-notes h2 { font-size: 40px; letter-spacing: -.045em; }
.home-page .zh-note__summary { gap: 12px 24px; padding-block: 27px; }
.home-page .zh-note__type { font-size: 11px; }
.home-page .zh-note__title { font-size: 25px; letter-spacing: -.03em; }
.home-page .zh-note__icon { display: grid; place-items: center; border-radius: 50%; width: 32px; height: 32px; background: var(--soft); font-size: 21px; }
.home-page .zh-note__content p { font-size: 15px; line-height: 1.75; }
.home-page .zh-note__link { font-size: 13px; }

/* A short, contained enquiry with feedback at the field that needs attention. */
.home-page .zh-contact { border-top: 0; padding-top: 0; }
.home-page .zh-contact-grid { padding: clamp(28px,4vw,60px); border-radius: 32px; background: var(--home-surface); border: 1px solid var(--line); gap: 64px; }
.home-page .zh-contact h2 { font-size: clamp(40px,4.5vw,65px); letter-spacing: -.045em; line-height: 1.12; }
.home-page .zh-next-steps p { font-size: 14px; }
.home-page .zh-email-link { font-size: 13px; }
.home-page .zh-enquiry-panel>h3 { font-size: 28px; letter-spacing: -.035em; }
.home-page .zh-enquiry-required { font-size: 12px; }
.home-page .zh-enquiry-pair { grid-template-columns: 1fr 1fr; gap: 16px; }
.home-page .zh-enquiry-field label { font-size: 13px; }
.home-page .zh-enquiry-field :is(input,select,textarea) { border-radius: 12px; min-height: 52px; font-size: 16px; background: var(--paper); padding: 13px 14px; }
.home-page .zh-enquiry-field textarea { min-height: 125px; }
.home-page .zh-enquiry-field :is(input,select,textarea)[aria-invalid=true] { border-color: var(--home-error); }
.home-page .zh-field-error { color: var(--home-error); font-size: 12px; line-height: 1.5; }
.home-page .zh-enquiry-privacy { font-size: 11px; line-height: 1.7; }
.home-page .zh-footer-bottom { margin-top: 40px; font-size: 12px; padding-block: 25px 32px; border: 0; }

@media (max-width: 1100px) {
  .home-page .wrap { width: calc(100% - 64px); }
  .home-page .site-header { width: calc(100% - 32px); gap: 8px; padding-left: 22px; }
  .home-page .desktop-nav a { padding-inline: 10px; }
  .home-page .zh-hero { gap: 30px; padding-block: 62px; }
  .home-page .zh-hero h1 { font-size: clamp(48px,5.9vw,68px); }
  .home-page .zh-hero-art { padding-inline: 8px; }
  .home-page .home-ideas__controls { margin-inline: 4px; }
  .home-page .home-ideas__progress button { padding-inline: 4px; font-size: 11px; }
  .home-page .zh-route-links { gap: 0 15px; }
  .home-page .zh-route-links a { font-size: 11px; }
  .home-page .zh-feature-caption { grid-template-columns: 1fr 1.2fr; }
  .home-page .zh-feature-caption>.zh-text-link { grid-column: 2; }
  .home-page .zh-services-sales .zh-service { padding: 23px; gap: 20px; }
  .home-page .zh-studio { gap: 38px; }
  .home-page .zh-founder { grid-template-columns: 112px minmax(0,1fr); gap: 20px; }
  .home-page .zh-contact-grid { gap: 36px; }
  .home-page .zh-enquiry-pair { grid-template-columns: 1fr; gap: 0; }
}
@media (min-width: 768px) and (max-width: 850px) {
  .home-page .site-header .small-cta { font-size: 11px; padding-inline: 12px; gap: 8px; }
  .home-page .site-header { grid-template-columns: auto 1fr auto; }
  .home-page .desktop-nav { justify-self: center; }
  .home-page .desktop-nav a { padding-inline: 8px; font-size: 12px; }
  .home-page .zh-studio { grid-template-columns: 1fr; }
  .home-page .zh-founder { max-width: 560px; grid-template-columns: 140px 1fr; }
}
@media (max-width: 767px) {
  .home-page .wrap { width: calc(100% - 40px); }
  .home-page [id] { scroll-margin-top: 94px; }
  .home-page .site-header { top: 10px; width: calc(100% - 24px); height: 64px; margin-top: 10px; padding: 8px 13px 8px 20px; display: flex; justify-content: space-between; gap: 12px; }
  .home-page .site-header .wordmark { font-size: 34px; }
  .home-page .header-actions { gap: 6px; }
  .home-page .menu-toggle { min-height: 44px; padding: 10px 8px; border-radius: 24px; font-size: 13px; gap: 12px; }
  .home-page .mobile-nav:not([hidden]) { position: absolute; inset: 72px 0 auto; max-height: calc(100dvh - 98px); overflow-y: auto; padding: 16px; gap: 4px; background: var(--paper); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--home-shadow); font-size: 22px; letter-spacing: -.025em; transform-origin: top right; }
  .home-page .mobile-nav a { padding: 14px 16px; border-radius: 14px; min-height: 52px; }
  .home-page .mobile-nav a[aria-current=location] { background: var(--soft); }
  .home-page .mobile-nav a:last-child { margin-top: 6px; font-size: 17px; background: var(--ink); color: var(--paper); letter-spacing: -.015em; }
  .home-page .zh-hero { display: block; padding-block: 42px 46px; border: 0; }
  .home-page .zh-intro-label { font-size: 10px; margin-bottom: 23px; }
  .home-page .zh-hero h1 { font-size: clamp(39px,10.25vw,70px); line-height: 1.12; letter-spacing: -.055em; }
  .home-page .zh-intro { font-size: 15px; line-height: 1.65; margin-top: 22px; max-width: 370px; }
  .home-page .zh-actions { gap: 18px; margin-top: 24px; }
  .home-page .button { min-height: 50px; font-size: 12px; padding-inline: 18px; gap: 18px; }
  .home-page .zh-text-link { min-height: 44px; font-size: 12px; gap: 10px; }
  .home-page .zh-route-links { margin-top: 16px; gap: 0 17px; }
  .home-page .zh-route-links a { font-size: 11px; min-height: 44px; }
  .home-page .zh-hero-art { width: 100%; max-width: 460px; height: auto; margin: 24px auto 0; padding: 16px 12px 6px; border-radius: 24px; }
  .home-page .home-ideas__meta { padding-inline: 8px; font-size: 10px; }
  .home-page .home-ideas__cue { font-size: 12px; }
  .home-page .home-ideas__canvas { height: 160px; }
  .home-page .home-ideas__scene { height: 196px; }
  .home-page .home-ideas__controls { gap: 3px; margin-inline: 4px; }
  .home-page .home-ideas__progress button { font-size: 12px; }
  .home-page .zh-work { padding-block: 16px 62px; }
  .home-page .zh-section-top { display: block; margin-bottom: 25px; }
  .home-page .zh-section-top>.eyebrow { font-size: 10px; padding: 0; margin-bottom: 18px; }
  .home-page .zh-section-top h2 { font-size: 35px; line-height: 1.12; }
  .home-page .zh-bloooom-cover { border-radius: 24px; display: flex; }
  .home-page .zh-cover-header { padding: 22px 20px; gap: 12px; }
  .home-page .zh-cover-brand { font-size: 23px; }
  .home-page .zh-cover-brand small { font-size: 10px; }
  .home-page .zh-cover-header>.eyebrow { font-size: 9px; }
  .home-page .zh-cover-direction { padding: 25px 20px; }
  .home-page .zh-cover-direction h3 { font-size: 35px; margin-bottom: 18px; }
  .home-page .zh-cover-screen { padding: 0 10px 18px; }
  .home-page .zh-cover-frame { border-radius: 14px; }
  .home-page .zh-cover-source { font-size: 10px; padding: 12px 9px 0; }
  .home-page .zh-feature-caption { display: block; padding: 23px 4px 0; }
  .home-page .zh-feature-caption>p { font-size: 14px; }
  .home-page .zh-services { padding-block: 0 62px; }
  .home-page .zh-services .zh-section-top { margin-bottom: 25px; }
  .home-page .zh-services .zh-section-top h2 br { display: block; }
  .home-page .zh-service-list { grid-template-columns: 1fr; gap: 14px; }
  .home-page .zh-services-sales .zh-service { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 16px; padding: 24px 20px; border-radius: 22px; }
  .home-page .zh-service-number { width: 36px; height: 36px; font-size: 10px; }
  .home-page .zh-service-heading .eyebrow { font-size: 10px; margin-bottom: 9px; }
  .home-page .zh-service-heading h3 { font-size: 26px; }
  .home-page .zh-service .zh-service-enquire { grid-column: 2; font-size: 12px; }
  .home-page .zh-studio { display: block; padding-block: 40px 52px; }
  .home-page .zh-studio-heading>.eyebrow { font-size: 10px; }
  .home-page .zh-studio h2 { font-size: 37px; }
  .home-page .zh-salt-story { font-size: 15px; }
  .home-page .zh-founder { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 20px; margin-top: 30px; padding-top: 30px; }
  .home-page .zh-founder .eyebrow { font-size: 9px; }
  .home-page .zh-founder h3 { font-size: 24px; }
  .home-page .zh-founder p:not(.eyebrow) { font-size: 13px; }
  .home-page .zh-founder-portrait { border-radius: 15px; }
  .home-page .zh-experiments { display: block; padding-block: 38px 52px; }
  .home-page .zh-experiments>div>.eyebrow { font-size: 10px; }
  .home-page .zh-experiments h2 { font-size: 34px; }
  .home-page .zh-experiments h2 br { display: block; }
  .home-page .zh-jane { grid-template-columns: 56px minmax(0,1fr); padding: 25px 20px; gap: 15px 22px; }
  .home-page .zh-case-symbol::before { width: 52px; height: 52px; }
  .home-page .zh-jane .eyebrow { font-size: 9px; }
  .home-page .zh-jane h3 { font-size: 31px; }
  .home-page .zh-jane p:not(.eyebrow) { font-size: 13px; }
  .home-page .zh-jane-link { padding: 8px 0; align-content: center; font-size: 12px; }
  .home-page .zh-notes { display: block; padding-block: 38px 55px; }
  .home-page .zh-notes__eyebrow { font-size: 10px; }
  .home-page .zh-notes h2 { font-size: 35px; }
  .home-page .zh-note__title { font-size: 23px; }
  .home-page .zh-note__content { padding-right: 12px; }
  .home-page .zh-note__content p { font-size: 14px; }
  .home-page .zh-contact { padding: 0; }
  .home-page .zh-contact-grid { padding: 28px 22px; border-radius: 24px; }
  .home-page .zh-contact h2 { font-size: clamp(36px,9vw,56px); }
  .home-page .zh-contact-intro>.eyebrow { font-size: 10px; }
  .home-page .zh-enquiry-panel { margin-top: 30px; padding-top: 26px; }
  .home-page .zh-footer-bottom { grid-template-columns: 1fr auto; gap: 18px; margin-top: 20px; font-size: 10px; }
}
@media (max-width: 360px) {
  .home-page .wrap { width: calc(100% - 32px); }
  .home-page .zh-hero h1 { font-size: 10.2vw; }
  .home-page .zh-actions { gap: 12px; }
  .home-page .zh-actions .button { padding-inline: 15px; }
  .home-page .zh-actions .zh-text-link { font-size: 11px; }
  .home-page .zh-service-heading h3 { font-size: 23px; }
  .home-page .zh-service-heading .eyebrow { font-size: 10px; }
  .home-page .zh-contact-grid { padding: 26px 18px; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .home-page .site-header { background: var(--paper); }
}
@media (prefers-reduced-transparency: reduce) {
  .home-page :is(.site-header,.zh-cover-hint,.zh-cover-result-label) { backdrop-filter: none; -webkit-backdrop-filter: none; }
  .home-page .site-header { background: var(--paper); }
  .home-page :is(.zh-cover-hint,.zh-cover-result-label) { background: var(--cover-bg); }
}
@media (prefers-contrast: more) {
  .home-page { --muted: var(--ink); --line: var(--ink); }
  .home-page .site-header { background: var(--paper); border-color: var(--ink); backdrop-filter: none; -webkit-backdrop-filter: none; }
  .home-page :is(.zh-cover-hint,.zh-cover-result-label) { background: var(--cover-bg); backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  html:has(.home-page) { scroll-behavior: auto; }
  .home-page :is(.button,.small-cta,.theme-toggle,.menu-toggle,.home-ideas__progress button):active { transform: none; }
}
@media print {
  .home-page .site-header { position: static; margin: 0; box-shadow: none; backdrop-filter: none; border: 0; }
  .home-page .zh-hero-art { display: none; }
  .home-page .zh-hero { display: block; padding-block: 30px; }
}


/* assets/legal.css */
/* Shared company disclosure and readable privacy notice. */
.zaltt-legal {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  padding-block: 20px 28px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}
.zaltt-legal p { max-width: 880px; font-size: 12px; line-height: 1.75; text-align: left; }
.zaltt-legal a { flex: none; display: inline-flex; align-items: center; min-height: 32px; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.bb-footer .zaltt-legal { padding-bottom: 0; }
.zh-enquiry-privacy a, .interest-privacy a { text-decoration: underline; text-underline-offset: 3px; }
.privacy-page .privacy-main { max-width: 1040px; padding-block: 76px 100px; }
.privacy-page .privacy-heading { max-width: 760px; margin-bottom: 64px; }
.privacy-page .privacy-heading h1 { margin-top: 20px; font-size: clamp(56px, 7vw, 100px); }
.privacy-page .privacy-intro { margin-top: 24px; max-width: 640px; font-size: clamp(18px, 2vw, 23px); color: var(--muted); }
.privacy-page .privacy-updated { margin-top: 24px; font-size: 12px; color: var(--muted); }
.privacy-page .privacy-section { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 56px; padding-block: 34px; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.privacy-page .privacy-section h2 { font-size: 25px; line-height: 1.25; letter-spacing: -.035em; }
.privacy-page .privacy-section p, .privacy-page .privacy-section li { font-size: 15px; line-height: 1.8; }
.privacy-page .privacy-section p + p, .privacy-page .privacy-section ol + p { margin-top: 18px; }
.privacy-page .privacy-section ol { margin: 0 0 18px; padding-left: 21px; }
.privacy-page .privacy-section li + li { margin-top: 12px; }
.privacy-page .privacy-section a { text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }
.privacy-page .privacy-status { padding: 20px 22px; margin-top: 24px; background: var(--soft); border-radius: 14px; }
.privacy-page .privacy-footer { padding-bottom: 20px; }
.privacy-page .privacy-footer-top { display: flex; justify-content: space-between; align-items: center; padding-block: 20px 28px; }
.privacy-page .privacy-footer-top > a:last-child { font-size: 13px; }
@media (max-width: 700px) {
  .zaltt-legal { flex-direction: column; gap: 10px; padding-block: 20px; }
  .zaltt-legal p { font-size: 11px; }
  .privacy-page .privacy-main { padding-block: 42px 60px; }
  .privacy-page .privacy-heading { margin-bottom: 42px; }
  .privacy-page .privacy-section { grid-template-columns: 1fr; gap: 20px; padding-block: 28px; }
  .privacy-page .privacy-section h2 { font-size: 23px; }
  .privacy-page .privacy-section p, .privacy-page .privacy-section li { font-size: 14px; }
}