@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans.ttf) format("truetype")}:root{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;color:#273e3c;background:#f2f3ed;font-synthesis:none;--ink:#273e3c;--muted:#7d8981;--line:#d9dfd5;--paper:#f2f3ed;--green:#446853}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #e28b5a;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}button,img{-webkit-user-drag:none}img{max-width:100%;display:block}header,main,footer{max-width:1600px;margin:auto}.header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:600;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;font-weight:500;margin-top:5px}.brand-mark{font-family:serif;border:1px solid var(--ink);width:43px;height:43px;display:grid;place-items:center;position:relative;font-size:25px;line-height:1}.brand-mark span{position:absolute;right:-5px;top:-5px;background:var(--paper);font-size:14px}.header nav{display:flex;align-items:center;gap:28px}.nav-link{padding:13px 0;font-size:13px;color:var(--muted);position:relative}.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;background:var(--green);border-radius:50%;left:50%}.nav-link span{font-size:13px;margin-left:4px}.year{font-size:9px;letter-spacing:1.5px}.pool-page{padding:48px 5% 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;margin:0 0 18px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#73936a;border-radius:50%}h1{font-family:Songti SC,serif;font-weight:500;font-size:42px;letter-spacing:1px;margin:0;line-height:1.5}h1 em{font-style:normal;color:#63816a}.intro-copy{font-size:12px;color:#7c877e;margin:14px 0 0;letter-spacing:.7px}.intro-note{font-size:11px;line-height:1.9;color:#7c877e;letter-spacing:1px;text-align:right;padding-bottom:2px}.intro-note>span{display:block;font-size:10px;color:#536e5b;margin-top:13px}.pool-shell{background-color:#e7e9df;background-image:linear-gradient(#adb9a62b 1px,transparent 1px),linear-gradient(90deg,#adb9a62b 1px,transparent 1px);background-size:33px 33px;border:1px solid #e2e6dc;padding:0 23px;border-radius:22px;box-shadow:0 15px 28px -24px #263d41,0 2px 4px #53605515;position:relative;transition:background-color .6s}.pool-topline{height:47px;display:flex;align-items:center;justify-content:space-between}.pool-coordinate{font-size:8px;letter-spacing:1.7px;color:#6c7d75}.pool-controls{display:flex;gap:7px}.pool-controls button{width:27px;height:27px;border:1px solid #b8c3b1;border-radius:50%;font-size:17px;display:grid;place-items:center;padding:0;background:#f7f9f086}.pool-controls button:hover{background:#fff}#pool-stage{aspect-ratio:2.18;position:relative;border-radius:12px;overflow:hidden;background:#30aabc;isolation:isolate;box-shadow:inset 0 2px 12px #2b565b80,0 1px #fff;touch-action:pan-y}#canvas-host{position:absolute;inset:0}#canvas-host canvas{width:100%;height:100%;display:block}#pool-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:12px;box-shadow:inset 3px 7px 12px #0b557d5e,inset -2px -2px 5px #edffff80}.water-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-45%) rotate(-2deg);font-size:clamp(30px,4.3vw,66px);font-weight:700;color:#086b8b8f;line-height:1.07;letter-spacing:4px;text-align:center;mix-blend-mode:multiply;pointer-events:none;text-shadow:1px 2px 1px #99f6ec50;opacity:.75;white-space:nowrap;background-image:linear-gradient(90deg,transparent 90%,#43b4c680 90%),linear-gradient(transparent 90%,#43b4c680 90%);background-size:4px 4px;background-clip:text;-webkit-background-clip:text}.pool-loader{position:absolute;inset:0;display:grid;place-content:center;background:#e1f0e8;font-size:12px;letter-spacing:2px}.pool-bottomline{height:48px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.7px;color:#6d7d72}.pool-bottomline>span:first-child{display:flex;align-items:center;gap:7px}.pool-bottomline i{width:5px;height:5px;border-radius:50%;background:#7b9d74}.pool-bottomline button{font-size:9px;letter-spacing:1px}.sun-icon{font-size:16px;margin-left:8px}.below-pool{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding:22px 1px;color:#8b958b;gap:20px}.below-pool a{color:#536e5b}footer{margin-top:45px;border-top:1px solid var(--line);padding:24px 5%;display:flex;justify-content:space-between;font-size:9px;color:#879086;letter-spacing:.7px;gap:20px}#project-labels{position:absolute;inset:0;pointer-events:none}.float-label{position:absolute;transform:translate(-50%,-5px);background:#eaf6e9c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #f6ffff80;border-radius:5px;padding:6px 7px;white-space:nowrap;display:flex;gap:4px;align-items:center;font-size:9px;pointer-events:auto;color:#264b4e;box-shadow:0 3px 7px #07697d1a;transition:background .2s,box-shadow .2s}.float-number{font-size:7px;opacity:.5}.float-arrow{font-size:10px;opacity:.6}.float-label:hover,.float-label.is-hovered{background:#fff9e8;box-shadow:0 4px 15px #17657330}.hover-preview{width:208px;position:absolute;z-index:4;transform:translate(-50%,-100%);pointer-events:none;padding:7px;background:#f4f5ec;border-radius:9px;box-shadow:0 6px 26px #14465945}.hover-preview.below{transform:translate(-50%)}.hover-preview img{width:194px;height:118px;object-fit:cover;border-radius:4px}.hover-preview>div{padding:8px 4px 4px;display:flex;flex-direction:column;gap:4px}.hover-preview small{font-size:8px;color:#7e8b7d}.hover-preview strong{font-size:11px;font-weight:500}.night{--ink:#d6e5d9;--paper:#202f32;--muted:#93aaa1;--line:#3d4e4c;background:var(--paper);color:var(--ink)}.night .pool-shell{background-color:#374749;border-color:#435658}.night .pool-coordinate,.night .pool-bottomline{color:#c0d3c7}.night .pool-controls button{background:#536967;color:#e0ecda;border-color:#758b7d}.night .float-label{background:#253f4cdd;color:#d8ece6;border-color:#597a8866}.night .float-label.is-hovered{background:#46646c}.night .hover-preview{background:#324347}.night .hover-preview small{color:#a8bcb0}.night .intro-copy,.night .intro-note{color:#a1b2a6}.night h1 em{color:#9aba9d}.night .water-mark{color:#07354f9c}.night .intro-note>span{color:#a8c1ab}.index-page{padding:60px 5% 20px}.index-heading h1 span{font-size:20px;font-family:DM Sans,sans-serif;vertical-align:super;margin-left:15px;color:#96a58f}.index-heading>p:last-child{font-size:12px;color:var(--muted);margin-top:15px}.filters{display:flex;gap:10px;margin:35px 0;flex-wrap:wrap}.filter{font-size:11px;padding:9px 16px;border:1px solid var(--line);border-radius:20px}.filter.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 25px}.project-card{text-align:left;padding:0}.card-image{overflow:hidden;background:var(--card-color);aspect-ratio:1.35;position:relative;border-radius:7px}.card-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.project-card:hover img{transform:scale(1.045)}.card-image>span{position:absolute;top:12px;left:12px;background:#f5f5e7cc;border-radius:20px;font-size:9px;padding:6px 9px;color:#435b4f}.card-caption{display:flex;justify-content:space-between;padding:15px 1px 0;gap:10px}.card-caption h2{font-size:16px;font-weight:500;margin:0 0 6px}.card-caption p{font-size:10px;color:var(--muted);margin:0;line-height:1.6}.card-caption>span{font-size:9px;white-space:nowrap;color:var(--muted)}.dialog-open{overflow:hidden}dialog{border:0;border-radius:14px;color:#30433b;background:#f5f5ef;max-width:none;padding:0;overscroll-behavior:contain}dialog::backdrop{background:#182e3566;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#project-dialog{width:min(1120px,94vw);height:92dvh;margin:auto}.dialog-head{position:sticky;top:0;z-index:8;height:59px;background:#f5f5eff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #dce2d8;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.dialog-head>span{font-size:9px;letter-spacing:1.5px;color:#82917f}.close-dialog{width:31px;height:31px;border:1px solid #ccd6c8;border-radius:50%;font-size:12px}.dialog-content{padding:42px 48px 0}.project-kicker{font-size:9px;letter-spacing:2px;color:#81917f}.project-intro h2{font-family:Songti SC,serif;font-size:38px;letter-spacing:1px;font-weight:500;margin:13px 0}.project-subtitle{font-size:13px;color:#81917f}.award-tag{display:inline-block;font-size:10px;background:#e7ecda;padding:8px 12px;border-radius:5px;margin-top:7px;line-height:1.8}.project-meta{display:flex;gap:55px;border-top:1px solid #dce2d8;padding:22px 0;margin-top:25px}.project-meta>div{display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.6}.project-meta small{font-size:8px;color:#82917f;letter-spacing:1px}.project-hero{margin:15px 0 40px;border-radius:6px;overflow:hidden}.project-hero>img{width:100%;max-height:580px;object-fit:contain}.project-hero figcaption{padding:12px 18px;font-size:10px;color:#536651;background:#e9eddf}.project-story{max-width:750px;margin:0 auto 42px}.project-story section{display:grid;grid-template-columns:145px 1fr;gap:30px;padding:15px 0}.project-story h3{font-size:14px;font-weight:500;margin:0;line-height:2}.project-story p{font-size:12px;line-height:2.15;color:#6e7c6b;margin:0}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 22px;align-items:start}.gallery figure{margin:0;min-width:0}.gallery figure:first-child:last-child{grid-column:1/-1}.zoom-image{display:block;width:100%;padding:0;background:#e9ede4;border-radius:5px;overflow:hidden;cursor:zoom-in}.zoom-image img{width:100%;height:auto;max-height:650px;object-fit:contain;transition:transform .4s}.zoom-image:hover img{transform:scale(1.02)}figcaption{font-size:10px;color:#788671;line-height:1.9;margin-top:10px}figcaption>span{font-size:9px;margin-right:10px;color:#9ca894}.project-end{margin-top:55px;padding:30px 0;border-top:1px solid #dce2d8;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-end>span{font-size:8px;letter-spacing:1.3px;color:#8c9c84}.project-end button{font-size:12px}#about-dialog{width:min(690px,92vw);max-height:90dvh}.about-content{padding:40px 50px}.about-monogram{float:right;font-family:serif;font-size:70px;color:#a7b99a;position:relative;margin-top:14px}.about-monogram>span{font-family:DM Sans;font-size:30px;position:absolute;top:-10px;right:-20px}.about-content h2{font-size:29px;font-family:serif;font-weight:500;line-height:1.7;margin:0}.about-lead{font-family:serif;font-size:22px!important;line-height:1.8!important;color:#768b6f!important;margin:18px 0!important}.about-content>p{font-size:12px;line-height:2.1;color:#6f7d69}.about-content .eyebrow{font-size:8px;line-height:1.5}.about-facts{border-block:1px solid #d9dfd0;margin:27px 0;padding:20px 0;display:flex;flex-wrap:wrap;gap:22px}.about-facts>div{display:flex;flex-direction:column;gap:8px}.about-facts small{font-size:9px;color:#8a9881}.about-facts strong{font-size:11px;font-weight:500}.contact-cta{font-size:18px;display:block}.contact-cta small{display:block;font-size:11px;color:#7b8d71;margin-top:10px}.phone{font-size:10px!important;margin:15px 0 30px}.awards{padding-top:22px;border-top:1px solid #d9dfd0}.awards>p{font-size:10px;line-height:1.9;color:#74856b}#lightbox{position:fixed;inset:0;z-index:10000;background:#152826f5;display:flex;align-items:center;justify-content:center;padding:50px;cursor:zoom-out}#lightbox img{max-width:100%;max-height:90vh;object-fit:contain}#lightbox button{position:absolute;top:18px;right:25px;color:#fff;font-size:23px}#lightbox>span{position:absolute;bottom:15px;color:#a9bdb5;font-size:10px;letter-spacing:1px}.fallback #project-labels{display:grid;grid-template-columns:repeat(7,1fr);gap:15px;padding:20px;overflow:auto;pointer-events:auto}.fallback-project{padding:10px;border-radius:8px;font-size:11px;display:flex;flex-direction:column;justify-content:space-between;color:#314b42}.fallback-project img{width:100%;height:85px;object-fit:contain}.fallback-project span{padding-top:10px}@media(min-width:1700px){.pool-page{padding-top:65px}.intro{margin-bottom:40px}.header{height:125px}}@media(max-width:1000px){.year,.intro-note{display:none}.header{height:90px}.intro h1{font-size:35px}.pool-page{padding-top:32px}.pool-shell{padding:0 15px}.pool-coordinate{font-size:7px}.float-label{font-size:8px;padding:5px;gap:3px}.float-number{display:none}.pool-bottomline{font-size:8px}.below-pool>span:nth-child(2){display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.dialog-content{padding:30px 30px 0}.project-story section{grid-template-columns:120px 1fr;gap:20px}.project-meta{gap:30px}}@media(max-width:600px){.header{height:79px;padding:0 6%;gap:10px}.brand{font-size:15px;gap:8px;letter-spacing:0}.brand-mark{width:32px;height:32px;font-size:20px}.brand small{font-size:6px;letter-spacing:.7px}.header nav{gap:16px}.nav-link{font-size:11px}.nav-link>span{display:none}.pool-page{padding:30px 4% 0}.intro{margin-bottom:23px;padding:0 2%}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:13px}.intro h1{font-size:30px}.intro-copy{font-size:10px;max-width:260px;line-height:1.9;margin-top:9px}.pool-shell{padding:0 12px;border-radius:17px;background-size:25px 25px}.pool-topline{height:42px}.pool-coordinate{font-size:6px;letter-spacing:1px}.pool-controls button{height:24px;width:24px;font-size:15px}#pool-stage{aspect-ratio:auto;height:570px}.water-mark{font-size:26px;letter-spacing:2px;line-height:1.2}.float-label{font-size:8px;padding:5px 6px;white-space:nowrap}.float-arrow{font-size:9px}.pool-bottomline{height:43px;font-size:7px}.pool-bottomline>span:nth-child(2){display:none}.pool-bottomline button{font-size:8px}.below-pool{font-size:7px;padding:16px 5px;gap:10px}footer{margin-top:20px;padding:20px 6%;font-size:8px;flex-wrap:wrap;gap:12px}footer>span:nth-child(2){display:none}.index-page{padding:35px 6% 10px}.index-heading h1{font-size:32px}.filters{gap:7px;margin:25px 0}.filter{font-size:10px;padding:7px 12px}.project-grid{gap:25px 14px}.card-caption{padding-top:11px;display:block}.card-caption h2{font-size:13px}.card-caption p{font-size:9px}.card-caption>span{display:none}.card-image>span{font-size:8px;top:8px;left:8px;padding:5px}#project-dialog{width:100%;height:100dvh;border-radius:0}.dialog-head{height:53px;padding:0 20px}.dialog-head>span{font-size:8px}.dialog-content{padding:27px 20px 0}.project-intro h2{font-size:28px}.project-subtitle{font-size:11px;line-height:1.8}.project-meta{gap:20px;flex-wrap:wrap;padding:18px 0;margin-top:22px}.project-meta>div{font-size:10px}.project-hero{margin-top:6px;margin-bottom:25px}.project-story{margin-bottom:25px}.project-story section{display:block;padding:10px 0}.project-story h3{font-size:13px;margin-bottom:8px}.project-story p{font-size:11px;line-height:2}.gallery{grid-template-columns:1fr;gap:25px}.gallery figcaption{font-size:10px}.project-end{align-items:flex-start;flex-direction:column;margin-top:30px;padding:25px 0}.about-content{padding:30px 25px}.about-content h2{font-size:24px}.about-lead{font-size:20px!important}.about-monogram{font-size:50px}.about-content>.eyebrow{max-width:220px}.about-facts{gap:20px}#lightbox{padding:45px 10px}.hover-preview{display:none}.fallback #project-labels{grid-template-columns:repeat(2,1fr);gap:10px;padding:15px}.fallback-project img{height:85px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:600px){.water-mark{display:none}}@media(min-width:901px){#project-dialog.with-pool{width:100%;height:100dvh;border-radius:0;background:var(--paper);color:var(--ink);padding-right:295px}.with-pool .dialog-head{padding:0 4vw;background:var(--paper)}.with-pool .dialog-content{padding:42px 4vw 0;max-width:1150px;margin:auto}.pool-shell.docked{position:fixed;right:20px;top:20px;bottom:20px;width:255px;padding:0 12px;border-radius:15px;z-index:9;box-shadow:-10px 0 30px #203b3510}.docked #pool-stage{height:calc(100dvh - 128px);aspect-ratio:auto}.docked .water-mark,.docked .pool-bottomline>span:nth-child(2),.docked .pool-bottomline>button{display:none}.docked .pool-coordinate{font-size:6px;letter-spacing:.5px}.docked .pool-controls{gap:4px}.docked .pool-controls button{width:22px;height:22px;font-size:13px}.docked .float-label{font-size:7px;max-width:108px;overflow:hidden;padding:4px;gap:2px}.docked .float-label>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}.docked .float-number{display:none}.docked .pool-bottomline{font-size:8px}.docked .hover-preview{display:none}.with-pool .project-story section{grid-template-columns:110px 1fr}.with-pool .dialog-content{animation:case-arrive .6s cubic-bezier(.22,1,.36,1)}@keyframes case-arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}@media(min-width:901px){#project-dialog.with-pool{max-height:100dvh;top:0;left:0;margin:0;background:#f5f5ef;color:#30433b}.with-pool .dialog-head{background:#f5f5ef}}#project-dialog{max-height:100dvh}@media(max-width:600px){#project-dialog{margin:0;top:0;left:0}.intro-copy{max-width:none}}.ai-badge{position:absolute;right:10px;bottom:10px;font-size:8px;letter-spacing:.5px;background:#f8faefdd;color:#526d5b;padding:5px 7px;border-radius:3px}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{--paper:#f7f7f2;--ink:#26333d;--muted:#899193;--line:#e1e3df;--green:#4f6575;background:#f7f7f2}html[data-theme=night]{background:#111820}body{background-color:#f7f7f2;background-image:linear-gradient(#c5cbc230 1px,transparent 1px),linear-gradient(90deg,#c5cbc230 1px,transparent 1px);background-size:56px 56px;color:var(--ink);transition:background-color .8s,color .8s}.header{height:100px;max-width:1600px;border:0;padding:0 4.3%;gap:30px}.brand{gap:17px;letter-spacing:0}.brand-mark{font-family:DM Sans,sans-serif;font-size:39px;letter-spacing:-5px;font-weight:700;width:52px;border:0;height:43px;display:block;line-height:1}.brand-mark span{position:static;font-size:39px;background:none;color:#4a7d94}.brand-name{font-size:12px;font-weight:500}.brand small{font-size:6px;font-weight:500;letter-spacing:1.2px;margin-top:6px}.header nav{position:absolute;left:50%;transform:translate(-50%);gap:34px}.nav-link{font-size:11px;color:#77828a}.nav-link.active:after{background:#3784ac;bottom:3px;width:3px;height:3px}.year{font-size:8px;color:#929d9f;letter-spacing:1.5px}main{max-width:1600px}.pool-page{padding:8px 3.5% 0}.intro{display:none}.pool-shell{padding:0 28px;background-color:#f4f4ef;background-image:linear-gradient(#b8c0b428 1px,transparent 1px),linear-gradient(90deg,#b8c0b428 1px,transparent 1px);background-size:56px 56px;border:0;border-radius:21px;box-shadow:0 2px 4px #38535a0d,0 18px 28px -25px #34434a66;isolation:isolate;transition:background-color .8s,box-shadow .8s}.pool-shell:before{content:"";position:absolute;inset:0;border-radius:21px;box-shadow:inset 0 1px 3px #fff,inset 1px 0 2px #fff,inset 0 -2px 4px #b2bcb820;pointer-events:none}.pool-topline{height:37px;position:relative}.pool-coordinate{font-size:7px;color:#a0a7a5;letter-spacing:1.6px}.pool-controls{gap:7px;align-items:center}.pool-controls button{width:24px;height:24px;background:#f8f9f5a6;border:1px solid #d6dbd3;color:#78848b;font-size:15px;box-shadow:0 1px 3px #3c55691a}.pool-controls button:hover{background:#fff;color:#203c4f}#theme-auto-button{width:auto;min-width:32px;padding:0 8px;font-size:9px;border-radius:12px}#pool-stage{height:clamp(420px,calc(100dvh - 250px),680px);aspect-ratio:auto;border-radius:13px;background:#1686c3;box-shadow:0 -1px 6px #0c41652a,0 1px 2px #fff,0 0 0 2px #e2e7e1;overflow:hidden}#pool-stage:after{border-radius:13px;box-shadow:inset 1px 3px 6px #073c6a60,inset -1px -1px 2px #c5eeff66}.water-mark{display:none!important}#canvas-host{inset:0;touch-action:pan-y}#project-labels{z-index:4}.pool-bottomline{height:32px;font-size:8px;color:#8c989b;letter-spacing:.4px}.pool-bottomline button{font-size:8px;letter-spacing:.5px}.pool-bottomline>span:first-child{gap:5px}.pool-bottomline i{width:4px;height:4px;background:#7395a3}.pool-bottomline>span:nth-child(2){font-size:8px;letter-spacing:1px}.sun-icon{font-size:12px;margin-left:5px}.float-label{font-size:10px;color:#05375bd9;box-shadow:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;padding:5px 8px;line-height:1.4;white-space:nowrap;transform:translate(-50%);text-shadow:0 1px 1px #a0edff33;transition:color .2s,transform .25s}.float-label:after{content:"";position:absolute;bottom:2px;left:50%;width:0;height:1px;background:currentColor;transform:translate(-50%);transition:width .25s}.float-label:hover,.float-label.is-hovered{background:none;box-shadow:none;color:#f4fcff;transform:translate(-50%,-2px)}.float-label.is-hovered:after{width:calc(100% - 16px)}.float-decor-label{font-size:8px;letter-spacing:.7px}.hover-preview{width:252px;border-radius:17px;padding:9px;background:#f5f5ef;border:1px solid #fffffff0;box-shadow:0 2px 2px #08335412,0 12px 27px #093b6c47;transform:translate(-50%,-100%);color:#273b45;overflow:hidden}.hover-preview img{width:232px;height:140px;object-fit:cover;border-radius:10px}.hover-preview>div{padding:10px 8px 7px;gap:6px}.hover-preview strong{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500}.hover-preview small{font-size:8px;color:#8a9693;letter-spacing:.5px}.hover-preview strong span{font-size:17px;color:#8199a2;font-weight:400}.pool-filterbar{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px 0 14px;flex-wrap:wrap}.pool-filter{padding:7px 14px;font-size:10px;border:1px solid transparent;border-radius:18px;color:#869195;transition:all .2s}.pool-filter.selected{border-color:#ced8d7;color:#405963;background:#fdfefb}.pool-filter:hover{color:#3f6171}.below-pool{padding:9px 3px 5px;color:#9aa4a4;font-size:8px;letter-spacing:.7px}.below-pool a{color:#778e96}footer{border:0;max-width:1600px;margin-top:26px;padding:15px 4.3% 22px;font-size:8px;color:#9aa4a4}.index-page{background:#f7f7f2;border-radius:20px;padding-top:45px;margin:0 3.5%}.index-page h1{font-family:DM Sans,PingFang SC,sans-serif;font-size:36px;font-weight:500;letter-spacing:-1px}.index-page h1 span{font-size:17px;letter-spacing:0}.index-heading>p:last-child{font-size:11px}.night{--ink:#d8e2eb;--paper:#111820;--muted:#88959d;--line:#28343d;--green:#708da5;background-color:#111820;background-image:linear-gradient(#7e8a9110 1px,transparent 1px),linear-gradient(90deg,#7e8a9110 1px,transparent 1px)}.night .header .nav-link{color:#80919f}.night .header .nav-link.active{color:#c6d9e7}.night .brand-mark span{color:#7cadd0}.night .pool-shell{background-color:#233342;border-color:transparent;box-shadow:0 20px 60px #030a1566}.night .pool-shell:before{box-shadow:inset 0 1px 2px #8ba6bc33,inset 0 -1px 3px #01091280}.night #pool-stage{background:#075b9a;box-shadow:0 0 0 2px #151f29,0 0 28px #075e9a30}.night .pool-coordinate{color:#708597}.night .pool-controls button{border-color:#53687970;background:#2d4355;color:#b0c9dc}.night .pool-controls button:hover{background:#48637b}.night .pool-bottomline{color:#7792a5}.night .float-label{background:none;border:0;box-shadow:none;color:#a9d5f0c9;text-shadow:0 1px 3px #01254d55}.night .float-label.is-hovered{background:none;color:#f4fcff}.night .hover-preview{background:#eff2ee;color:#2c414b}.night .hover-preview small{color:#889696}.night .pool-filter{color:#758c9b}.night .pool-filter.selected{border-color:#516b7e;background:#263849;color:#c4dced}.night .below-pool,.night footer{color:#5d7585}.night .below-pool a{color:#7f9dad}.night .index-page{background:#15212a}.night .card-image{background:var(--card-color)}@media(min-width:901px){.pool-shell.docked{top:18px;bottom:18px;right:18px;width:255px;padding:0 12px;background-size:32px 32px}.docked .pool-topline{height:32px}.docked #pool-stage{height:calc(100dvh - 101px);border-radius:9px}.docked .pool-bottomline{height:32px}.docked .float-label{font-size:7px;max-width:110px;padding:3px 2px;overflow:hidden;text-overflow:ellipsis;color:#134569}.night .docked .float-label{color:#b1d7ed}.docked #theme-auto-button{font-size:7px;min-width:24px;padding:0 4px}.with-pool .project-intro h2{font-family:DM Sans,PingFang SC,sans-serif;font-weight:500}.with-pool .dialog-head,.with-pool .dialog-content{background:#f7f7f2}}@media(max-width:1000px){.header{height:92px}.brand-name{display:none}.header nav{position:static;transform:none;gap:25px}.year{display:none}.pool-page{padding:8px 3% 0}.pool-shell{padding:0 20px;background-size:42px 42px}#pool-stage{height:clamp(360px,calc(100dvh - 280px),590px)}.float-label{font-size:9px}.below-pool>span:nth-child(2){display:none}.pool-filter{font-size:9px;padding:6px 12px}.pool-filterbar{gap:4px;padding-top:20px}}@media(max-width:600px){body{background-size:38px 38px}.header{height:78px;padding:0 6%;gap:20px}.brand{gap:0}.brand-mark{font-size:35px;width:48px;letter-spacing:-4px;line-height:1.1}.brand-mark span{font-size:35px}.header nav{gap:20px}.nav-link{font-size:10px}.pool-page{padding:0 3%}.pool-shell{padding:0 13px;border-radius:17px;background-size:38px 38px}.pool-topline{height:35px}.pool-coordinate{font-size:5px;letter-spacing:.7px}.pool-controls button{height:23px;width:23px;font-size:14px}.pool-controls{gap:5px}#pool-stage{height:calc(100svh - 240px);min-height:480px;max-height:680px;border-radius:10px}.pool-bottomline{height:31px;font-size:6px}.pool-bottomline>span:nth-child(2){display:none}.pool-bottomline button{font-size:7px}.float-label{font-size:9px;padding:4px 6px}.float-decor-label{font-size:8px}.pool-filterbar{gap:3px;padding:18px 4px 11px}.pool-filter{font-size:9px;padding:6px 8px}.below-pool{font-size:6px;padding:5px 6px}.below-pool>span:first-child{display:none}.below-pool a{margin-left:auto}footer{font-size:7px;margin-top:17px;padding:13px 6% 20px}.index-page{margin:0 3%;padding-top:25px}.index-page h1{font-size:30px}.hover-preview{display:none}.night .pool-shell{box-shadow:0 16px 30px #0005}.fallback #project-labels{display:grid;grid-template-columns:repeat(2,1fr);padding:14px;gap:10px}}@media(prefers-reduced-motion:reduce){body,.pool-shell,.pool-filter,.float-label{transition:none!important}}.intro{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.night .header{background:none}.float-label:focus-visible{outline:1px solid #d8efff;outline-offset:3px;border-radius:4px}.fallback #canvas-host{display:none}#pool-stage{background:transparent;box-shadow:none;overflow:visible;border-radius:0}#pool-stage:after{display:none}.night #pool-stage{background:transparent;box-shadow:none}.float-label{will-change:left,top;transition:color .2s,opacity .2s,transform .25s}