:root{--paper:#f6f5ef;--ink:#213e34;--muted:#6b7e71;--line:#bccac0;--green:#3f7e64;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #40896c;outline-offset:5px}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}header{height:80px;margin:0 4.5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px}.brand img{width:140px;height:50px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:30px;font-size:12px;margin-left:auto}.edition{font-size:9px;letter-spacing:.13em;color:var(--muted)}.scene{position:relative;min-height:720px;height:calc(100svh - 128px);max-height:1100px;overflow:hidden;isolation:isolate}.field-grid{position:absolute;inset:8% 4.5%;background-image:linear-gradient(#879b8710 1px,transparent 1px),linear-gradient(90deg,#879b8710 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,transparent,#000)}.rings{position:absolute;width:66vw;height:66vw;border:1px solid #a5b9aa50;border-radius:50%;right:-10%;top:50%;transform:translateY(-50%);transition:transform 1s var(--ease),opacity 1s}.rings:before,.rings:after{content:"";position:absolute;inset:10%;border:1px dashed #a5b9aa50;border-radius:50%}.rings:after{inset:22%;border-style:solid;opacity:.5}.horizon{position:absolute;left:4.5%;right:4.5%;top:52%;height:1px;background:#b4c5b62b}.wayfinding{position:relative;margin:0 5.5%;height:66px;display:flex;align-items:center;z-index:12;gap:30px;font-size:11px}.wayfinding>button{display:flex;align-items:center;gap:11px;padding:8px 0}.wayfinding #back>span:first-child{font-size:22px}.wayfinding p{color:var(--muted);font-size:10px;letter-spacing:.09em}.wayfinding #pause{margin-left:auto;font-size:10px;color:var(--muted)}.art{position:absolute;width:81vw;aspect-ratio:4/3;right:-8vw;top:50%;transform:translateY(-50%);mix-blend-mode:multiply;transform-origin:71% 47%;transition:transform 1s var(--ease),right 1s var(--ease),opacity .6s;will-change:transform}.art>video,.art>.still,.fragments,.fragments img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.art>video{opacity:.87;transition:opacity .5s}.still{opacity:0;transition:opacity .6s}.fragments{opacity:0;pointer-events:none}.fragments img:nth-child(1){clip-path:inset(0 0 66.6% 0)}.fragments img:nth-child(2){clip-path:inset(33.3% 0 33.3% 0)}.fragments img:nth-child(3){clip-path:inset(66.6% 0 0 0)}.intro{position:absolute;left:6%;top:19%;z-index:2}.eyebrow{font-size:9px;letter-spacing:.16em;color:var(--muted);display:flex;align-items:center;gap:12px}.eyebrow i{width:22px;height:2px;background:var(--green)}h1{font-size:clamp(46px,5.2vw,82px);line-height:1.19;letter-spacing:-.04em;font-weight:600;margin:28px 0 22px;color:#000}h1>span,.map-intro h2>span{color:#598475}.lede{font-size:17px;line-height:1.9;color:#597267}.primary{display:flex;align-items:center;justify-content:space-between;gap:60px;background:#1e4639;color:#fff;padding:17px 23px;margin-top:28px;max-width:260px}.primary:hover{background:#32664e}.micro{font-size:10px;color:var(--muted);margin-top:24px;letter-spacing:.06em}.map-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--green);stroke-width:1.2;opacity:0;transition:opacity .45s}.map-lines path{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 1.4s var(--ease)}.map-lines .spurs{stroke:#739488;stroke-width:.8}.map-lines circle{stroke-dasharray:3 5;stroke-width:.8}.hotspots{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s .12s;z-index:4}.hotspot{position:absolute;padding:0;width:32px;height:32px;transform:translate(-50%,-50%)}.hotspot>i{display:block;position:absolute;inset:0;background:#dce9dfaa;border:1px solid #40836d;transform:rotate(45deg);box-shadow:0 0 0 7px #f6f5ef90;transition:background .25s,box-shadow .25s}.hotspot>i:after{content:"";position:absolute;inset:11px;background:#2e8063}.hotspot>span{position:absolute;right:52px;top:-16px;text-align:right;background:#f6f5efee;padding:10px 15px;border-bottom:1px solid #7b9b89;min-width:190px;transition:transform .3s,background .3s}.hotspot small,.hotspot b,.hotspot em{display:block}.hotspot small{font-size:8px;letter-spacing:.12em;color:#638070}.hotspot b{font-size:22px;font-weight:500;margin:6px 0}.hotspot em{font-size:9px;color:#547564;font-style:normal}.hotspot:hover>span,.hotspot:focus-visible>span,.hotspot.active>span{transform:translateX(-7px);background:#fffef7}.hotspot:hover>i,.hotspot:focus-visible>i,.hotspot.active>i{background:#78ba9c;box-shadow:0 0 0 7px #c8dfca70,0 0 24px #75b29360}.n1{left:59.6%;top:20.9%}.n2{left:70.6%;top:47.1%}.n3{left:83.2%;top:77.3%}.map-intro{position:absolute;left:6%;top:13%;width:29%;max-width:350px;z-index:3}.map-intro h2{font-size:clamp(28px,3.3vw,46px);line-height:1.35;letter-spacing:-.035em;font-weight:500;color:#15291f;margin:22px 0 16px}.map-lede{font-size:13px;line-height:1.9;color:var(--muted)}.map-preview{border-top:1px solid #8eab99;border-bottom:1px solid #b5c7b7;margin-top:29px;padding:18px 0 12px;max-width:300px}.preview-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:var(--muted)}.preview-head span:last-child{font-size:28px;font-weight:200}.map-preview h3{font-weight:500;font-size:20px;margin:5px 0 10px}.map-preview>p{font-size:11px;line-height:1.8;color:var(--muted)}.preview-products{display:flex;gap:8px;margin:12px 0 8px}.preview-products button{padding:0;width:calc(33.333% - 5px);font-size:9px;text-align:left}.preview-products img{width:100%;height:55px;object-fit:contain;mix-blend-mode:multiply}.preview-products .no-image{height:55px;display:grid;place-items:center;background:#dce5da66;color:#7b9080;font-size:9px}.preview-products button span{display:block;padding-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-preview>button{display:flex;justify-content:space-between;width:100%;padding:13px 0 4px;font-size:11px}.catalog-note{font-size:9px;color:#748578;margin-top:15px}.pencil-side{position:absolute;left:0;top:15%;width:37%;height:70%;opacity:0;transform:translateX(70px);transition:opacity 1.1s .1s,transform 1.1s var(--ease);pointer-events:none}.pencil{position:absolute;inset:6% -7%;width:110%;height:78%;opacity:.65;mask-image:linear-gradient(transparent,#000 12%,#000 84%,transparent)}.pencil-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #a5b9aa4f;border-radius:50%;top:12%;left:4%;transform:rotate(-15deg)}.pencil-orbit:before{content:"";position:absolute;inset:11%;border:1px dashed #a5b9aa55;border-radius:50%}.pencil-guides{position:absolute;inset:5% 0;width:100%;height:84%;fill:none;stroke:#92aa97;stroke-width:.7;opacity:.7}.pencil-caption{position:absolute;left:19%;bottom:7%;border-top:1px solid var(--line);padding-top:16px;width:65%}.pencil-caption small{font-size:8px;letter-spacing:.12em;color:#829181;display:block}.pencil-caption span{display:block;font-size:15px;margin-top:10px;color:#67826d}.product{position:relative;margin:12px 5.5% 85px 38%;z-index:5;max-width:1020px}.product-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b9cabc;padding-bottom:17px}.product-top .eyebrow{margin:0 0 6px;font-size:8px}.category-title{font-size:14px}.product-select{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px}.product-select select{border:1px solid var(--line);background:var(--paper);padding:8px 24px 8px 8px;max-width:195px;font-size:11px;border-radius:0}.product-tabs{display:flex;gap:18px;overflow:auto;padding:15px 1px 7px;scrollbar-width:thin;scrollbar-color:#a4bda6 transparent;max-width:100%}.product-tabs button{padding:5px 0 7px;font-size:10px;white-space:nowrap;color:var(--muted);border-bottom:1px solid transparent}.product-tabs button[aria-current=true]{color:var(--ink);border-bottom-color:#3f7e64}.product-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px}.product-en{font-size:10px;letter-spacing:.05em;color:var(--muted);margin:0 0 9px}.product h2{font-size:clamp(29px,3.1vw,45px);font-weight:500;letter-spacing:-.035em;color:#161c17;margin:0;overflow-wrap:anywhere}.product-number{font-size:44px;font-weight:200;color:#9db29d;font-variant-numeric:tabular-nums}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.tags span{padding:5px 9px;font-size:9px;border:1px solid #b7cbb9;color:#4e7258;background:#e3ecdf55}.product-intro{font-size:12px;color:#657b68;line-height:1.85;margin:14px 0 16px;max-width:620px}.product-visuals{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;border-top:1px solid #bccbc0;border-bottom:1px solid #bccbc0}.product-visuals figure{margin:0;min-width:0;padding:13px 0 12px;position:relative}.product-visuals .molecule{border-left:1px solid #c9d3c6;padding-left:20px}.figure-label{display:block;font-size:8px;letter-spacing:.16em;color:#7a907b}.product-visuals figure>div{height:175px;display:flex;align-items:center;justify-content:center}.powder img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:12px 4px}.molecule img{width:100%;height:100%;object-fit:contain}.product-visuals figcaption{font-size:8px;line-height:1.6;color:#7b8d7b;display:flex;justify-content:space-between;gap:10px;min-height:14px}.molecule figcaption a{text-decoration:underline;text-underline-offset:3px}.visual-pending{font-size:11px;color:#8a9888;line-height:1.8;text-align:center}.specs{display:grid;grid-template-columns:1fr 1fr 1fr;margin:0;border-bottom:1px solid #bccbc0;padding:16px 0;gap:14px}.specs dt{font-size:9px;color:#758774;margin-bottom:9px}.specs dd{font-size:12px;color:#304d35;margin:0;overflow-wrap:anywhere}.product-text{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:17px 0 4px}.product-text h3{font-size:11px;font-weight:500;margin:0 0 8px}.product-text p{font-size:11px;line-height:1.9;color:#647b67;margin:0}.source-note{font-size:8px;color:#899685;line-height:1.8;margin:12px 0 0}.product-pagination{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.product-pagination button{font-size:10px;padding:7px 0}.particles{position:absolute;inset:0;pointer-events:none;z-index:8;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:#719b75;border-radius:50%;box-shadow:0 0 9px #70ac78}.particle.star{width:12px;height:12px;background:none;border-radius:0;box-shadow:none}.particle.star:before,.particle.star:after{content:"";position:absolute;background:#78a184;left:50%;top:50%;width:12px;height:1px;transform:translate(-50%,-50%)}.particle.star:after{transform:translate(-50%,-50%) rotate(90deg)}.scene-bottom{position:absolute;left:5.5%;right:5.5%;bottom:24px;display:flex;align-items:center;gap:25px;font-size:9px;color:#6b8370;letter-spacing:.07em;z-index:3}.progress-line{height:1px;background:#bdcdbf;flex:1}.progress-line i{display:block;width:20%;height:1px;background:#4c8266;transition:width .8s}footer{min-height:48px;margin:0 4.5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#798a78}.boot{position:absolute;inset:0;z-index:10;pointer-events:none;opacity:0}.boot svg{width:100%;height:100%;fill:none;stroke:#50816d;stroke-width:.8;stroke-dasharray:2400;stroke-dashoffset:2400}.boot.run{animation:boot-fade 1.6s both}.boot.run svg{animation:boot-lines 1.5s var(--ease) both}@keyframes boot-lines{to{stroke-dashoffset:0}}@keyframes boot-fade{0%{opacity:0}12%,65%{opacity:1}100%{opacity:0}}body[data-state=map] .art{right:8vw;transform:translateY(-50%) scale(.83)}body[data-state=map] .art>video,body[data-state=transition] .art>video{opacity:0}body[data-state=map] .still{opacity:.6}body[data-state=map] .map-lines,body[data-state=map] .hotspots{opacity:1;visibility:visible}body[data-state=map] .map-lines path{stroke-dashoffset:0}body[data-state=map] .progress-line i{width:55%}body[data-state=transition] .art{right:8vw;transform:translateY(-50%) scale(.83)}body[data-state=transition] .fragments{opacity:.65}body[data-state=product] .art{opacity:0;transform:translate(-52vw,-50%) scale(.5);pointer-events:none}body[data-state=product] .pencil-side{opacity:1;transform:translateX(0)}body[data-state=product] .rings{transform:translate(-60vw,-50%) scale(.65);opacity:.4}body[data-state=product] .scene{height:auto;min-height:calc(100svh - 128px);max-height:none}body[data-state=product] .progress-line i{width:100%}body.reduced *,body.reduced *:before,body.reduced *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
@media(min-width:1600px){.product{margin-left:39%;margin-right:7%}.product-visuals figure>div{height:220px}.product-intro,.product-text p{font-size:13px}}
@media(max-width:1050px){.edition{display:none}.map-intro{width:29%}.map-intro h2{font-size:31px}.map-preview{margin-top:20px}.hotspot>span{min-width:163px}.hotspot b{font-size:19px}.product{margin-left:34%;margin-right:4%}.pencil-side{width:32%}.product-select{display:block}.product-select select{display:block;margin-top:6px;max-width:160px}.product-visuals figure>div{height:150px}.product-top{padding-bottom:10px}.product h2{font-size:31px}.product-number{font-size:34px}.product-visuals{gap:12px}.product-visuals .molecule{padding-left:12px}}
@media(max-width:650px){header{height:68px;margin:0 6%;gap:16px}.brand img{width:109px;height:45px}nav{gap:21px;font-size:11px}.scene{height:900px;min-height:0;max-height:none}.wayfinding{height:60px;margin:0 6%;gap:20px}.wayfinding p{font-size:8px}.wayfinding #pause span{display:none}.intro{left:7%;top:11%}h1{font-size:46px}.lede{font-size:15px}.primary{padding:14px 18px;max-width:245px}.art{width:160vw;right:-44vw;top:70%}.rings{width:140vw;height:140vw;right:-70%;top:62%}.map-intro{left:7%;top:9%;width:86%;max-width:none}.map-intro h2{font-size:30px;margin:14px 0}.map-lede{font-size:12px;line-height:1.75}.map-preview{width:100%;max-width:none;margin-top:15px;padding:10px 0}.map-preview h3{font-size:15px;margin:5px 0}.preview-head{font-size:7px}.preview-head span:last-child{font-size:20px}.map-preview>p{margin:6px 0;font-size:10px}.preview-products{display:none}.map-preview>button{padding:8px 0 2px;font-size:10px}.catalog-note{font-size:8px;margin-top:9px}body[data-state=map] .scene{height:980px}body[data-state=map] .art,body[data-state=transition] .art{width:150vw;right:-18vw;top:73%;transform:translateY(-50%) scale(.96);transform-origin:50% 50%}.hotspot{width:36px;height:36px}.hotspot>i{inset:6px}.hotspot>i:after{inset:8px}.hotspot>span{min-width:135px;right:36px;padding:8px 10px}.hotspot b{font-size:18px}.hotspot small{font-size:6px}.hotspot em{font-size:8px}.product{margin:185px 7% 80px}.pencil-side{left:4%;top:55px;width:88%;height:170px}.pencil{inset:-23% 0;width:100%;height:145%;opacity:.55}.pencil-orbit{width:160px;left:16%;top:0}.pencil-guides{display:none}.pencil-caption{left:53%;bottom:26%;width:41%;padding-top:10px}.pencil-caption small{font-size:6px}.pencil-caption span{font-size:12px}.product-top{gap:10px}.product-select{font-size:8px}.product-select select{max-width:150px;font-size:10px}.product-tabs{gap:16px;padding-top:12px}.product-heading{margin-top:20px}.product h2{font-size:30px}.product-number{font-size:30px}.product-en{font-size:9px}.product-intro{font-size:11px}.tags span{font-size:8px}.product-visuals{grid-template-columns:1fr;gap:0}.product-visuals .molecule{border-left:0;border-top:1px solid #c9d3c6;padding-left:0}.product-visuals figure>div{height:180px}.product-visuals .molecule>div{height:145px}.specs{grid-template-columns:1fr 1fr;gap:17px}.specs div:last-child{grid-column:1/-1}.product-text{gap:20px}.product-text p{font-size:10px}.source-note{font-size:8px}.scene-bottom{gap:12px;font-size:8px;bottom:20px}.pencil-side .pencil{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent)}body[data-state=product] .rings{transform:translate(-20vw,-50%) scale(.7)}footer{margin:0 6%;font-size:8px}}

@media(min-width:1100px){body[data-state=map] .art,body[data-state=transition] .art{right:13vw}}
body[data-state=transition] .still{opacity:0;transition:none}body[data-state=transition] .map-lines{opacity:0;transition:none}

.particle{width:4px;height:4px;background:#527f58}.particle.star{width:16px;height:16px}.particle.star:before,.particle.star:after{width:16px;height:1.5px;background:#4e805c}
@media(max-width:650px){.pencil-side{top:95px;height:155px}.pencil-side .pencil{inset:0;width:100%;height:100%}.pencil-caption{bottom:18%}}
h1>span{color:#547e86}