@charset "UTF-8";
:root{--bg:#15151a;--surface:#1c1c23;--line:#34343c;--ink:#f3f0e9;--muted:#a2a1ac;--yellow:#f0e69d;--purple:#bbb0ed;--mint:#b9d6c1;--peach:#eaa187;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}button:disabled{cursor:default}::selection{background:var(--yellow);color:var(--bg)}p,h1,h2,h3{margin:0}button{border:0}img{display:block;max-width:100%}.mono,.eyebrow{font-family:var(--mono)}.section-wrap{max-width:1440px;padding-left:72px;padding-right:72px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:1.6px;line-height:1.5;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-60px;left:20px;background:var(--yellow);color:var(--bg);padding:12px;z-index:100}.skip:focus{top:20px}.reading-progress{position:fixed;height:2px;top:0;left:0;right:0;z-index:60}.reading-progress i{display:block;width:100%;height:100%;background:var(--yellow);transform-origin:left;transform:scaleX(0)}
.site-header{position:relative;z-index:50;height:102px;max-width:1440px;margin:auto;padding:0 72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px}.brand img{width:51px;height:51px;object-fit:contain}.brand>span{font-size:17px;font-weight:650;letter-spacing:2px}.brand small{display:block;font-family:var(--mono);font-size:8px;letter-spacing:1.8px;font-weight:400;margin-top:6px}.site-header nav{display:flex;gap:40px;align-items:center}.nav-link{font-size:13px;color:#cccbd2;transition:color .2s}.nav-link:hover{color:var(--yellow)}.nav-link sup{font-family:var(--mono);font-size:9px;margin-left:3px;color:var(--muted)}.motion-toggle{display:flex;align-items:center;gap:9px;background:none;padding:10px 0;color:var(--muted);font-size:11px}.status-dot{width:5px;height:5px;border-radius:100%;background:var(--mint);box-shadow:0 0 0 4px #b9d6c10d}.pause-icon{font-size:14px;margin-left:8px}.motion-toggle[aria-pressed=true] .status-dot{background:var(--muted)}
.hero{min-height:758px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:40px;overflow:hidden;padding-top:58px;padding-bottom:80px}.hero-copy{position:relative;z-index:3}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.tiny-cross{color:var(--yellow);font-size:19px;vertical-align:middle;margin-right:10px}.hero h1{font-size:clamp(52px,5.4vw,80px);font-weight:650;letter-spacing:-3px;line-height:1.3;margin:34px 0 27px}.hero h1>span{color:var(--yellow)}.hero-description{font-size:14px;line-height:2.05;color:var(--muted);letter-spacing:1px}.mobile-br{display:none}.primary-link{display:inline-flex;align-items:center;gap:44px;background:var(--yellow);color:#25241c;border:1px solid var(--yellow);padding:17px 21px;font-size:13px;font-weight:600;margin-top:31px;transition:background .2s,transform .2s}.primary-link:hover{background:#f9f3cd;transform:translateY(-3px)}.primary-link span{font-size:23px;line-height:1}.hero-foot{display:flex;align-items:center;gap:17px;margin-top:58px}.hero-foot>span:first-child{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.scroll-track{display:block;height:31px;width:17px;border:1px solid #515159;border-radius:12px;position:relative}.scroll-track i{position:absolute;height:5px;width:2px;left:6px;top:6px;background:var(--yellow);animation:scroll 2.4s infinite}@keyframes scroll{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(10px);opacity:1}}
.hero-art{position:relative;height:553px;margin-top:12px;min-width:0}.art-index{display:block;font-size:8px;letter-spacing:1.5px;margin:5px 0 16px 14px;color:var(--muted)}.orbit-window{background:#c0b6e7;border:1px solid #d0c7f4;width:calc(100% - 21px);height:437px;position:absolute;left:8px;top:43px;transform:rotate(-7deg);color:#312943;overflow:hidden;box-shadow:0 30px 80px #0003}.window-bar{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);height:36px;margin:0 18px;border-bottom:1px solid #34264d33}.window-dots{font-size:7px;letter-spacing:3px}.orbit-window canvas{display:block;width:100%;height:350px}.orbit-caption{position:absolute;bottom:15px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.6px}.float-tile{position:absolute;z-index:2}.time-tile{right:-7px;top:10px;width:210px;min-height:134px;background:var(--bg);border:1px solid #595560;transform:rotate(6deg);padding:16px 20px;box-shadow:0 15px 50px #0003}.time-tile .mono{font-size:7px;letter-spacing:1.2px;color:var(--muted)}.time-tile strong{display:block;font:40px var(--mono);letter-spacing:-2px;margin:7px 0;color:var(--yellow)}.time-tile>span:last-of-type{font-size:9px;color:var(--muted)}.time-tile i{position:absolute;right:19px;bottom:19px;font-style:normal;font-size:24px;color:var(--yellow)}.flower-tile{width:162px;height:182px;bottom:2px;left:-15px;transform:rotate(8deg);background:var(--yellow);color:#39392c;box-shadow:0 15px 50px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.flower{height:94px;width:94px;position:relative;animation:flower 30s linear infinite}.flower i{display:block;position:absolute;left:33px;top:0;width:29px;height:94px;border:1.6px solid #39392c;border-radius:50%;transform-origin:center}.flower i:nth-child(2){transform:rotate(30deg)}.flower i:nth-child(3){transform:rotate(60deg)}.flower i:nth-child(4){transform:rotate(90deg)}.flower i:nth-child(5){transform:rotate(120deg)}.flower i:nth-child(6){transform:rotate(150deg)}@keyframes flower{to{transform:rotate(360deg)}}.flower-tile>span{font-size:8px;letter-spacing:1.4px}.vertical-label{position:absolute;right:-35px;bottom:105px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.manifest-strip{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;transform:rotate(-2deg);width:100%;margin:10px 0 95px}.manifest-strip>div{display:flex;align-items:center;justify-content:center;gap:40px;white-space:nowrap;font-size:23px;font-weight:500;letter-spacing:1px}.manifest-strip b{color:var(--yellow);font-weight:400;font-size:32px}.outline-word{-webkit-text-stroke:1px #85838d;color:transparent;font-size:27px;font-weight:600;letter-spacing:2px}
.explore{padding-top:22px;padding-bottom:105px;scroll-margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading h2{font-size:34px;font-weight:550;letter-spacing:-1px;margin-top:19px}.title-dot{color:var(--yellow);margin-left:3px}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted)}.filter-row{display:flex;align-items:center;gap:8px;margin:39px 0 34px;border-bottom:1px solid var(--line);padding-bottom:22px}.filter{border:1px solid transparent;background:transparent;font-size:11px;padding:8px 14px;color:var(--muted);transition:all .2s}.filter span{font-family:var(--mono);font-size:8px;margin-left:9px}.filter.active{border-color:#74706a;border-radius:30px;color:var(--ink);background:#ffffff05}.filter:hover{color:var(--yellow)}.collection-label{margin-left:auto;font-size:8px;letter-spacing:1px;color:#85838e}.project-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px 55px;align-items:start}.project{min-width:0;transition:opacity .3s}.project[hidden]{display:none}.project-spring{margin-top:102px}.project-palette{margin-top:95px}.project-grid.filtered .project{margin-top:0}.project-stage{height:380px;position:relative;padding:22px 24px;overflow:hidden;border-radius:3px;color:#24242b}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.stage-top>.mono{font-size:9px}.stage-tag{font:8px var(--mono);letter-spacing:1px;border:1px solid #24242b66;padding:6px 8px;border-radius:20px}.stage-bottom{position:absolute;bottom:19px;left:24px;right:24px;font-size:10px}.stage-button{display:flex;align-items:center;gap:10px;padding:7px 0;background:transparent;font-size:10px;border-bottom:1px solid #24242b66;color:inherit}.stage-button span{font-size:19px;line-height:1}.project-description{padding-top:22px;display:flex;justify-content:space-between;gap:15px;align-items:center}.project-type{font:8px var(--mono);color:var(--muted);letter-spacing:1px}.project h3{font-size:23px;font-weight:500;margin:10px 0}.project-description p:last-child:not(.project-type){font-size:11px;line-height:1.9;color:var(--muted)}.project-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border:1px solid #494850;border-radius:50%;background:none;color:var(--ink);font-size:21px;transition:all .2s}.project-arrow:hover{background:var(--yellow);border-color:var(--yellow);color:var(--bg);transform:rotate(8deg)}
.wave-stage{background:var(--mint)}.wave-grid{position:absolute;inset:73px 65px 62px;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(9,1fr);gap:10px;align-items:center;justify-items:center;transform:rotate(-8deg)}.wave-dot{height:10px;width:10px;border-radius:2px;background:#305c47;will-change:transform,opacity}.wave-dot:nth-child(4n){background:#5c8d6e}.wave-dot:nth-child(7n){background:#edf4b1}.spring-stage{background:var(--peach);height:350px;background-image:radial-gradient(#48332430 .7px,transparent .7px);background-size:18px 18px}.spring-field{position:absolute;inset:41px 10px 43px}.spring-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spring-lines path{stroke:#533a35;fill:none;stroke-width:.8;stroke-dasharray:3 4}.spring-lines circle{stroke:#3c34334d;fill:none;stroke-width:.8;stroke-dasharray:2 4}.spring-lines .crosshair{stroke-dasharray:none}.spring-ball{position:absolute;width:90px;height:90px;margin-left:-45px;margin-top:-45px;top:50%;left:50%;border-radius:50%;background:#544358;color:#f9ddd3;border:1px solid #665466;font-size:45px;font-weight:200;box-shadow:inset 0 0 0 10px #ffffff05,0 10px 22px #714a4422;cursor:grab;touch-action:none;user-select:none}.spring-ball:active{cursor:grabbing}.drag-hint{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1px;pointer-events:none}.range-control{display:flex;align-items:center;gap:8px;font-size:10px}.range-control input{width:78px;height:3px;accent-color:#544358}.range-control output{font:9px var(--mono);width:20px}
.timer-stage{background:#24242c;height:400px;color:var(--ink);border:1px solid #404048}.timer-stage .stage-tag{border-color:#686873}.timer-face{position:absolute;width:256px;height:256px;left:50%;top:57px;transform:translateX(-50%);display:grid;place-items:center}.timer-face svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-face circle{fill:none;stroke-width:1.5}.timer-track{stroke:#48484f}.timer-face #timer-ring{stroke:var(--yellow);stroke-width:2.4;stroke-dasharray:653.451;stroke-dashoffset:0;transition:stroke-dashoffset .4s}.timer-face>div{text-align:center;z-index:1}.timer-kicker{display:block;font-size:7px;letter-spacing:1.5px;color:var(--muted);margin-bottom:13px}.timer-face output{display:block;font:51px var(--mono);letter-spacing:-3px;color:var(--yellow)}#timer-status{display:block;color:var(--muted);font-size:9px;margin-top:12px}.timer-controls{position:absolute;bottom:24px;left:20px;right:20px;display:flex;justify-content:center;gap:10px;align-items:center}.timer-controls select{background:none;color:var(--muted);border:0;font-size:10px;width:82px;padding:8px 0}.timer-controls select option{background:var(--surface)}.timer-start{background:var(--yellow);color:#29291e;font-size:10px;padding:12px 17px;display:flex;gap:23px;align-items:center}.timer-start span{font-size:9px}.timer-reset{background:transparent;border:1px solid #555560;width:36px;height:36px;border-radius:50%;font-size:20px;color:var(--muted)}
.palette-stage{height:342px;background:#dedcd0}.palette-swatches{position:absolute;inset:93px 31px 73px;display:flex;align-items:center;justify-content:center}.swatch{position:relative;width:24%;height:174px;flex-shrink:0;border:1px solid #29292a2a;border-radius:70px 70px 8px 8px;display:flex;align-items:end;justify-content:center;padding-bottom:20px;margin-left:-7px;transform-origin:bottom;box-shadow:-9px 5px 13px #0000000d;transition:transform .35s,background .3s;transform:rotate(var(--tilt)) translateY(var(--raise))}.swatch:hover,.swatch:focus-visible{z-index:2;transform:rotate(0) translateY(-18px)}.swatch span{font:8px var(--mono);letter-spacing:.3px;writing-mode:vertical-rl;transform:rotate(180deg)}.collection-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:53px;padding-top:23px;color:var(--muted);font-size:10px;gap:15px}.collection-bottom .mono{font-size:8px;letter-spacing:1px}.collection-bottom>span:last-child>span{color:var(--yellow);margin-left:20px;font-size:18px}
.scroll-story{height:160vh;min-height:940px;background:#1d1d24;border-block:1px solid var(--line);position:relative}.story-sticky{height:690px;max-height:100vh;position:sticky;top:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;overflow:hidden}.story-copy{z-index:2}.story-copy h2{font-size:39px;font-weight:500;line-height:1.5;letter-spacing:-1px;margin:27px 0 23px}.story-copy>p:last-of-type{font-size:12px;line-height:2;color:var(--muted)}.story-progress{display:flex;align-items:center;gap:15px;margin-top:48px;max-width:305px}.story-progress>.mono{font-size:8px;letter-spacing:1px;color:var(--muted)}.story-progress>div{height:2px;flex:1;background:#474750}.story-progress i{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}.story-progress output{width:32px;text-align:right}.story-art{height:420px;position:relative}.story-ring{position:absolute;top:50%;left:50%;border:1px solid #46464f;border-radius:50%;transform:translate(-50%,-50%)}.ring-one{width:310px;height:310px}.ring-two{width:190px;height:190px}.story-piece{position:absolute;top:50%;left:50%;width:105px;height:105px;margin:-52px;display:grid;place-items:center;z-index:2;border-radius:3px;font-size:70px;color:#2a2932;box-shadow:0 10px 30px #0002;will-change:transform}.piece-one{background:var(--yellow)}.piece-two{background:var(--purple)}.piece-three{background:var(--mint);font:44px var(--mono)}.piece-four{background:var(--peach);font-size:75px}.piece-five{background:#35353e;border:1px solid #5f5f6a}.piece-five img{width:85px}.story-axis{position:absolute;background:#3b3b45;top:50%;left:50%}.axis-x{width:100%;height:1px;transform:translateX(-50%)}.axis-y{width:1px;height:100%;transform:translateY(-50%)}.story-origin{position:absolute;bottom:30px;right:5px;color:#92919f;font-size:9px}
.notes{padding-top:115px;padding-bottom:115px}.note-list{margin-top:47px;border-top:1px solid var(--line)}.note-row{display:flex;align-items:center;width:100%;padding:30px 12px 30px 0;gap:28px;text-align:left;background:transparent;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.note-row:hover{background:#ffffff03;padding-left:12px}.note-number{font-size:11px;color:var(--muted);align-self:start;padding-top:2px}.note-main{display:flex;flex-direction:column;gap:11px}.note-tag{font-size:9px;color:var(--purple);letter-spacing:1px}.note-main strong{font-size:21px;font-weight:450;letter-spacing:.4px}.note-summary{font-size:11px;color:var(--muted)}.note-length{margin-left:auto;font-size:8px;letter-spacing:.6px;color:var(--muted);white-space:nowrap}.note-arrow{font-size:25px;margin-left:30px;color:var(--yellow);transition:transform .2s}.note-row:hover .note-arrow{transform:translate(3px,-3px)}.sample-note{font-size:9px;color:var(--muted);margin-top:18px}.about{display:grid;grid-template-columns:150px 1fr auto;padding-top:70px;padding-bottom:100px;border-top:1px solid var(--line);gap:25px;align-items:start}.about-symbol{font-size:115px;line-height:1;color:var(--yellow);margin-top:4px}.about h2{font-size:46px;font-weight:500;line-height:1.4;letter-spacing:-1.5px;margin:24px 0}.about p:not(.eyebrow){font-size:12px;line-height:2.15;color:var(--muted)}.text-link{display:inline-flex;gap:34px;padding:12px 0;border-bottom:1px solid #757478;font-size:12px;margin-top:22px}.text-link span{color:var(--yellow);font-size:19px}.about-aside{font-size:8px;letter-spacing:1px;line-height:2;color:var(--muted);margin-top:6px}.site-footer{border-top:1px solid var(--line)}.footer-top{padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>p{font-size:11px;color:var(--muted);letter-spacing:1px}.back-top{font-size:10px;display:flex;align-items:center;gap:18px}.back-top span{border:1px solid var(--line);width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:16px}.footer-bottom{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.6px;color:#94929e}
dialog{padding:0;border:1px solid #5b5964;max-width:720px;width:calc(100% - 32px);max-height:85dvh;background:#202027;color:var(--ink);box-shadow:0 30px 150px #0008}dialog::backdrop{background:#111119dc;backdrop-filter:blur(8px)}.dialog-bar{position:sticky;top:0;z-index:1;background:#202027;padding:17px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-bar .mono{font-size:9px;letter-spacing:1px;color:var(--muted)}.dialog-bar button{font-size:30px;background:none;line-height:1;padding:5px 8px}.article-content{padding:38px 45px 48px}.article-content h2{font-size:32px;font-weight:500;line-height:1.4;margin:20px 0 27px}.article-content p:not(.eyebrow){font-size:14px;line-height:2;color:#c2c0cc;margin-top:18px}.article-content code{font-family:var(--mono);background:#ffffff08;color:var(--yellow);font-size:12px;padding:2px 5px}.article-content h3{font-size:17px;margin-top:29px;font-weight:500}.article-content .primary-link{margin-top:32px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);padding:13px 20px;font-size:12px;border:1px solid #66606e;background:#2a2932;color:var(--yellow);opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.noscript{padding:20px;background:var(--yellow);color:var(--bg);text-align:center}.motion-paused *{animation-play-state:paused!important}.motion-paused,.motion-paused *{scroll-behavior:auto!important}
@media(min-width:1600px){.hero{min-height:820px}.hero h1{font-size:84px}.hero-art{height:595px}.orbit-window{height:468px}.orbit-window canvas{height:385px}}
@media(max-width:1100px){.section-wrap{padding-left:40px;padding-right:40px}.site-header{padding:0 40px}.hero{min-height:705px;gap:28px}.hero h1{font-size:61px}.hero-art{height:475px}.orbit-window{height:350px;top:65px}.orbit-window canvas{height:276px}.time-tile{width:174px;top:29px;right:-2px}.time-tile strong{font-size:34px}.flower-tile{width:132px;height:153px;bottom:0}.flower{transform:scale(.85)}.vertical-label{right:-20px}.project-grid{gap:58px 35px}.project-stage{padding:20px;height:350px}.timer-stage{height:390px}.spring-stage{height:330px}.palette-stage{height:320px}.wave-grid{inset:75px 35px 60px;gap:8px}.story-copy h2{font-size:33px}.story-piece{width:86px;height:86px;margin:-43px;font-size:57px}.about{grid-template-columns:115px 1fr auto}.about-symbol{font-size:95px}.collection-label{display:none}}
@media(max-width:760px){html{scroll-padding-top:30px}.section-wrap{padding-left:24px;padding-right:24px}.site-header{padding:0 20px;height:86px}.brand{gap:4px}.brand>span{font-size:14px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1px}.brand img{width:43px;height:43px}.site-header nav{gap:20px;margin-left:auto;margin-right:22px}.nav-link{font-size:11px}.nav-link sup{display:none}.motion-toggle{gap:0}.motion-toggle .status-dot,.motion-toggle #motion-label{display:none}.pause-icon{border:1px solid var(--line);width:29px;height:29px;display:grid;place-items:center;font-size:13px;margin:0}.hero{padding-top:49px;padding-bottom:63px;grid-template-columns:1fr;gap:22px;min-height:auto;overflow:hidden}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:clamp(44px,10vw,74px);letter-spacing:-2px;margin:25px 0 20px;line-height:1.28}.hero-description{font-size:12px;line-height:1.9}.hero-description .mobile-br{display:none}.primary-link{margin-top:26px;font-size:12px;padding:15px 20px}.hero-foot{position:absolute;right:0;bottom:4px;margin:0;gap:12px}.hero-foot>span:first-child{font-size:7px;max-width:66px;line-height:1.7;letter-spacing:1px}.hero-art{height:440px;width:min(92%,470px);justify-self:center;margin-top:25px}.art-index{font-size:7px;margin-left:3px}.orbit-window{top:42px;width:95%;left:6px;height:326px}.orbit-window canvas{height:254px}.time-tile{right:-12px;top:24px;min-height:110px;width:154px;padding:12px 15px}.time-tile strong{font-size:30px}.time-tile .mono{font-size:6px;letter-spacing:.7px}.time-tile>span:last-of-type{font-size:8px}.time-tile i{right:15px;bottom:14px;font-size:20px}.flower-tile{left:-7px;bottom:3px;width:124px;height:147px}.vertical-label{right:-22px;bottom:68px;font-size:7px}.manifest-strip{padding:17px 0;margin:3px 0 55px}.manifest-strip>div{gap:25px;font-size:18px}.manifest-strip b{font-size:24px}.outline-word{font-size:22px}.explore{padding-top:20px;padding-bottom:65px}.eyebrow{font-size:9px;letter-spacing:1px}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:26px;margin-top:15px;line-height:1.4}.section-heading>p{font-size:10px;margin-top:25px;max-width:120px}.filter-row{margin:28px 0;padding-bottom:19px;gap:3px}.filter{padding:8px 11px;font-size:10px}.filter span{margin-left:6px}.project-grid{grid-template-columns:1fr;gap:38px}.project-spring,.project-palette{margin-top:0}.project-stage{height:355px}.spring-stage{height:335px}.timer-stage{height:390px}.palette-stage{height:320px}.project-description{padding-top:20px}.project h3{font-size:22px;margin:9px 0}.project-description p:last-child:not(.project-type){font-size:11px}.project-type{font-size:7px}.wave-grid{inset:74px 36px 63px;gap:8px}.wave-dot{width:10px;height:10px}.collection-bottom{margin-top:32px;flex-direction:column;gap:14px;font-size:9px}.collection-bottom .mono{font-size:7px}.collection-bottom>span:last-child{display:flex;justify-content:space-between}.scroll-story{height:145vh;min-height:860px}.story-sticky{height:780px;max-height:100svh;grid-template-columns:1fr;gap:0;padding-top:50px;padding-bottom:30px;align-content:center}.story-copy h2{font-size:31px;line-height:1.45;margin:18px 0}.story-copy>p:last-of-type{font-size:11px}.story-progress{margin-top:26px;max-width:265px}.story-art{height:320px;width:100%;max-width:410px;justify-self:center;margin-top:15px}.ring-one{width:245px;height:245px}.ring-two{width:160px;height:160px}.story-piece{width:74px;height:74px;margin:-37px;font-size:48px}.piece-three{font-size:31px}.piece-five img{width:65px}.story-origin{bottom:0}.notes{padding-top:65px;padding-bottom:65px}.note-list{margin-top:30px}.note-row{gap:18px;padding:26px 0}.note-number{font-size:9px}.note-main strong{font-size:18px;line-height:1.5}.note-summary{font-size:10px;line-height:1.7}.note-main{gap:8px}.note-length{display:none}.note-arrow{margin-left:auto;font-size:23px;flex-shrink:0}.sample-note{font-size:8px;line-height:1.7}.about{grid-template-columns:60px 1fr;gap:20px;padding-top:49px;padding-bottom:60px}.about-symbol{font-size:60px;margin-top:0}.about h2{font-size:34px;letter-spacing:-.5px;margin:19px 0}.about p:not(.eyebrow){font-size:11px;line-height:2.1}.about-aside{display:none}.footer-top{padding:25px 0;flex-wrap:wrap}.footer-top>p{display:none}.footer-bottom{font-size:6px;line-height:1.7;flex-wrap:wrap;gap:12px}.footer-bottom>span:last-child{display:none}.back-top{font-size:9px;gap:12px}.article-content{padding:29px 25px 35px}.article-content h2{font-size:25px}.article-content p:not(.eyebrow){font-size:13px}.dialog-bar{padding:12px 18px}.dialog-bar .mono{font-size:7px}}
@media(max-width:380px){.site-header nav{gap:14px;margin-right:13px}.site-header nav a:last-child{display:none}.hero h1{font-size:44px}.hero-art{height:386px}.orbit-window{height:284px}.orbit-window canvas{height:212px}.time-tile{width:137px}.flower-tile{height:130px;width:115px}.hero-description{letter-spacing:0}.section-heading>p{display:none}.wave-grid{gap:6px;inset-inline:25px}.note-main strong{font-size:16px}.stage-tag{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scroll-story{height:auto;min-height:0}.story-sticky{position:relative;max-height:none}.wave-dot,.story-piece{will-change:auto}}