.website-puzzle .hero{max-width:1920px;margin:auto;min-height:calc(100svh - 166px);padding:14px 3.6% 40px;display:grid;grid-template-columns:1.07fr 1fr;gap:2.5%;align-items:center;overflow:hidden}.website-puzzle h1{font-size:clamp(76px,7.75vw,152px);font-weight:400;line-height:.99;letter-spacing:-.057em;word-spacing:.035em;margin:0 0 0 -.012em;position:relative;z-index:1}.website-puzzle h1 span{white-space:nowrap}.website-puzzle .puzzle-art{width:100%;max-width:860px;justify-self:end;align-self:center;position:relative;aspect-ratio:235/197;isolation:isolate}.website-puzzle .puzzle-art svg{display:block;width:100%;height:100%;overflow:visible}.website-puzzle .fallback{display:none}.website-puzzle a:focus-visible,.website-puzzle button:focus-visible,.website-puzzle input:focus-visible{outline:3px solid #21877a;outline-offset:5px}@media(min-width:1700px){.website-puzzle .hero{grid-template-columns:1fr 1fr;gap:3%}}@media(max-width:1100px) and (min-width:701px){.website-puzzle h1{font-size:7.6vw}.website-puzzle .hero{gap:1%;grid-template-columns:1.1fr 1fr}}@media(max-width:700px){.website-puzzle header{height:76px;padding:20px 24px}.website-puzzle .wordmark{width:109px}.website-puzzle .back{font-size:10px;gap:15px}.website-puzzle .hero{padding:26px 24px 35px;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:29px}.website-puzzle h1{font-size:clamp(44px,12.8vw,86px);line-height:1.02;letter-spacing:-.05em;word-spacing:.015em}.website-puzzle .puzzle-art{width:100%;max-width:550px;align-self:center;justify-self:auto}}@media(prefers-reduced-motion:reduce){.website-puzzle *{scroll-behavior:auto!important}}.website-puzzle .hero[data-departed=true] #puzzle{visibility:hidden}.website-puzzle .work-intro{margin:0 6%;padding:60px 0 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7e0d8;color:#536e65;font-size:12px}.website-puzzle .work-intro a{color:#007074}.website-puzzle .work{max-width:1800px;margin:auto}.website-puzzle .case{min-height:135svh;padding:75px 6% 100px;position:relative}.website-puzzle .case-inner{position:sticky;top:calc(50svh - 230px);padding-block:30px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);align-items:center;gap:7%}.website-puzzle .case-reverse .case-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr)}.website-puzzle .case-reverse .case-art{grid-column:2;grid-row:1}.website-puzzle .case-reverse .case-copy{grid-column:1;grid-row:1}.website-puzzle .case-art{min-width:0}.website-puzzle .browser-bar{height:27px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 12px;background:#eef3ed;border:1px solid #bdd1c5;border-bottom:0;border-radius:12px 12px 0 0;color:#557269;font-size:10px}.website-puzzle .browser-bar i{width:30px}.website-puzzle .dots{display:flex;gap:5px}.website-puzzle .dots b{width:5px;height:5px;border-radius:50%;background:#88b9ad}.website-puzzle .dots b:first-child{background:#ffbd65}.website-puzzle .dots b:nth-child(2){background:#02a0a0}.website-puzzle .website-screen{aspect-ratio:16/9;position:relative;border:1px solid #bdd1c5;border-top:0;border-radius:0 0 10px 10px;overflow:hidden;background:#143b31;box-shadow:0 16px 35px #123d2b0d}.website-puzzle .website-screen>svg{width:100%;height:100%;display:block}.website-puzzle .socket-cut{display:none}.website-puzzle .art-caption{display:flex;justify-content:space-between;padding-top:12px;color:#6a8277;font-size:10px}.website-puzzle .case-index{margin:0 0 19px;color:#946020;font-size:12px;letter-spacing:.05em;font-weight:500}.website-puzzle .case h2{font-size:clamp(32px,3.55vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 0 27px}.website-puzzle .stage-context h3{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 10px;letter-spacing:-.02em}.website-puzzle .stage-context p{font-size:15px;line-height:1.6;color:#536b61;margin:0}.website-puzzle .case-copy ul{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none;margin:26px 0 28px;padding:0;color:#536b61;font-size:12px;line-height:1.6}.website-puzzle .case-copy li+li:before{content:'·';margin:0 12px;color:#087b79}@media(min-width:701px) and (max-width:1000px){.website-puzzle .case{padding-inline:5%}.website-puzzle .case-inner{gap:5%}.website-puzzle .case h2{font-size:33px}.website-puzzle .stage-context h3{font-size:15px}.website-puzzle .stage-context p{font-size:14px}.website-puzzle .case-copy ul{font-size:11px}.website-puzzle .case-index{font-size:11px}}@media(max-width:700px){.website-puzzle .work-intro{margin:0 24px;padding-top:48px;font-size:10px}.website-puzzle .case{min-height:1300px;padding:65px 24px 120px}.website-puzzle .case-zubi{min-height:1100px}.website-puzzle .case-inner,.website-puzzle .case-reverse .case-inner{display:flex;flex-direction:column;align-items:stretch;gap:35px;position:sticky;top:24px;padding:0}.website-puzzle .case-art{width:100%}.website-puzzle .case h2{font-size:35px;line-height:1.1;margin-bottom:24px}.website-puzzle .case-index{font-size:11px;margin-bottom:16px}.website-puzzle .stage-context h3{font-size:16px}.website-puzzle .stage-context p{font-size:15px}.website-puzzle .browser-bar{height:22px;font-size:8px;border-radius:8px 8px 0 0}.website-puzzle .website-screen{border-radius:0 0 7px 7px}.website-puzzle .art-caption{font-size:9px}.website-puzzle .case-copy ul{margin:24px 0;font-size:12px}}@media(prefers-reduced-motion:reduce){.website-puzzle .socket-cut{display:none!important}.website-puzzle .hero #puzzle{visibility:visible!important}}
html{scroll-behavior:auto}
.website-canvas{background-image:none}.website-canvas:before,.website-canvas:after{display:none}
.website-puzzle{background:#fcfbf7;color:#071317}
.website-puzzle .hero{min-height:calc(100svh - 105px);padding-top:40px;gap:3%}
.website-puzzle .hero h1{font-size:clamp(64px,7.25vw,136px);line-height:1.01}
.website-puzzle .hero-summary{font-size:16px;line-height:1.55;color:#51635f;max-width:450px;margin:25px 0 18px}
.website-puzzle .hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.website-puzzle .hero-actions .wv-link{font-size:13px}
.website-puzzle .work-label{font-size:12px;font-weight:500;margin:0;color:#51635f}
.website-puzzle .work-intro{padding-top:25px}
.website-puzzle .case-copy>a.wv-link{width:max-content}
.website-puzzle .case-copy ul{margin-bottom:20px}
.website-section-label,.website-included-list>li>span,.website-reel-item small{font-family:'DM Sans',Arial,sans-serif;text-transform:none;letter-spacing:.025em}
.website-closing nav{align-items:flex-start}
.website-closing nav a.wv-link{font-size:14px;min-width:0;border:0;padding:6px 0}
.website-closing nav a.wv-primary{min-width:0;width:282px;padding:0;border:0}
.website-closing nav a.wv-primary .primary-label{font-size:14px}
.website-included-links{gap:24px;flex-wrap:wrap}
#piece-renderer{position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden}
#piece-renderer canvas{display:block;width:100%;height:100%}
@media(max-width:700px){
.website-puzzle .hero{padding:26px 24px 35px;gap:30px;min-height:0}
.website-puzzle .hero h1{font-size:clamp(44px,12.8vw,86px)}
.website-puzzle .hero-summary{font-size:14px;margin-top:22px}
.website-puzzle .hero-actions{gap:12px}
.website-closing nav a.wv-primary{width:228px}
.website-closing nav a.wv-primary .primary-label{font-size:12px}
.website-puzzle .work-intro{padding-top:28px}
}

.website-closing nav a.wv-primary{color:#10272b}.website-reel-item strong{font-family:'DM Sans',Arial,sans-serif;letter-spacing:.015em;text-transform:none}
body[data-scene-ready=true] .website-puzzle .socket-cut{display:block}
@media(prefers-reduced-motion:reduce){body[data-scene-ready=true] .website-puzzle .socket-cut{display:none!important}}