@charset "UTF-8";
:root{--paper:#f3f4f0;--ink:#17242c;--muted:#718087;--line:#d5dcdb;--blue:#078acf;--cyan:#bde8f2;--acid:#e7eb6b;--radius:28px;--ease:cubic-bezier(.2,.75,.2,1);font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}svg{width:22px;height:22px}button{border:0}button[disabled]{cursor:default;opacity:.3}[hidden]{display:none!important}dialog{border:0;padding:0;color:inherit}dialog::backdrop{background:rgba(16,33,45,.28);backdrop-filter:blur(9px)}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;padding:12px 24px;background:white}.skip-link:focus{top:20px}.eyebrow,.tiny-label{font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.12em}.eyebrow{margin:0}.tiny-label{color:var(--muted)}.site-header{height:100px;padding:0 4.5%;position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:136px}.brand img{width:136px;height:auto}.nav-island{position:fixed;left:50%;transform:translateX(-50%);top:25px;z-index:50}.fallback-nav{display:flex;gap:25px;padding:18px 30px;border-radius:100px;background:#e0edf1bb}.settings-trigger{margin-left:auto;position:fixed;right:4.5%;top:29px;z-index:45}.glass-button,.glass-surface{border-radius:999px}.glass-button{padding:16px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-size:14px;}.icon-button{width:46px;height:46px;display:grid;place-items:center;padding:0;font-size:28px}.round-button{width:40px;height:40px;border-radius:50%;border:1px solid #cbd6d9;background:#ffffff80;display:inline-grid;place-items:center;font-size:19px;transition:background .2s,transform .2s}.round-button:hover{background:#d5edf4;transform:translateX(2px)}.home-section{min-height:calc(100svh - 100px);position:relative;padding:5vh 4.5% 100px;display:grid;grid-template-columns:44% 56%;align-items:center;overflow:hidden}.home-copy{position:relative;z-index:3;align-self:center;padding:10px 0 55px}.live-dot{width:6px;height:6px;display:inline-block;margin:0 9px 1px 0;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #078acf13}.home-copy h1{font-size:clamp(33px,3.7vw,62px);font-weight:600;letter-spacing:-.065em;line-height:1.37;margin:32px 0 24px}.blue-word{color:var(--blue);position:relative}.hero-intro{font-size:14px;line-height:2;color:#64747c;margin:0 0 22px;max-width:390px}.hero-tags{display:flex;gap:10px;margin-bottom:33px}.hero-tags span{border-bottom:1px solid #a4b7bd;padding-bottom:5px;font-size:11px;letter-spacing:.06em}.primary-link{min-width:190px}.home-note{margin-top:58px;display:flex;gap:30px;align-items:start}.home-note p{font-size:11px;line-height:1.7;margin:0;color:var(--muted)}.home-visual{height:min(610px,65vh);position:relative;min-height:450px;align-self:center;isolation:isolate}.hero-orbit{position:absolute;border-radius:50%;z-index:-1;filter:blur(2px);pointer-events:none}.orbit-one{width:360px;height:360px;background:radial-gradient(circle,#c8e5ee77,#e3eef020 70%);top:-20px;right:-120px}.orbit-two{width:200px;height:200px;background:radial-gradient(circle,#dfe8753d,transparent 65%);bottom:10px;left:0}.hero-fan{height:100%;position:relative;perspective:1400px;touch-action:pan-y}.hero-card{position:absolute;width:66%;max-width:430px;border-radius:22px;background:#fff;border:1px solid #ffffff;box-shadow:0 20px 48px #24333f17,0 2px 5px #1b33350c;overflow:hidden;left:20%;top:10%;transition:transform 950ms var(--ease),opacity 750ms var(--ease),box-shadow .4s;cursor:pointer;will-change:transform,opacity}.hero-card img{width:100%;aspect-ratio:1;object-fit:cover}.hero-card-bottom{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;background:#ffffff}.hero-card-bottom h3{font-size:14px;margin:0 0 7px;font-weight:600}.hero-card-bottom p{font-size:9px;color:var(--muted);letter-spacing:.12em;margin:0}.hero-card-bottom span{font-size:23px}.hero-card[data-position='0']{z-index:4;transform:translateX(0) rotate(1deg);opacity:1}.hero-card[data-position='1']{z-index:3;transform:translateX(28%) translateY(6%) rotate(12deg) scale(.89);opacity:.83}.hero-card[data-position='-1']{z-index:2;transform:translateX(-30%) translateY(5%) rotate(-12deg) scale(.89);opacity:.83}.hero-card[data-position='hidden']{z-index:0;transform:translateX(75%) rotate(20deg) scale(.76);opacity:0;pointer-events:none}.hero-navigation{position:absolute;bottom:-8px;left:19%;right:3%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em}.hero-navigation>div{display:flex;gap:7px}.pause-button{font-size:12px}.vertical-label{position:absolute;right:-30px;top:45%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:var(--muted)}.section-baseline{position:absolute;bottom:30px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;font-size:10px;letter-spacing:.11em;color:var(--muted)}.section-baseline a{color:var(--ink);letter-spacing:0}.section-baseline a span{padding-left:25px}.about-section{padding:70px 8% 90px;background:#eaf0f0;position:relative;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:65px}.section-heading>span{font-size:11px;color:var(--muted)}.about-top{display:grid;grid-template-columns:1fr .92fr;gap:8%;align-items:start}.about-statement h2{font-size:clamp(44px,5.7vw,85px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0 0 30px}.about-statement h2 span{color:var(--blue)}.about-lead{font-size:22px;line-height:1.6;font-weight:500;margin:25px 0}.about-body{font-size:14px;line-height:2;max-width:460px;color:#5c6e76}.about-interests{margin-top:35px}.about-interests p{font-size:12px;letter-spacing:.02em;margin-top:9px}.portrait-composition{height:580px;position:relative;margin-top:20px}.portrait-frame{position:absolute;background:#fff;padding:14px 14px 23px;margin:0;width:84%;left:6%;top:20px;transform:rotate(7deg);box-shadow:0 12px 25px #0b2a3420;z-index:2}.portrait-crop{aspect-ratio:.83;overflow:hidden;position:relative;background:#d9d8df}.portrait-crop img{position:absolute;max-width:none;width:267%;left:-126%;top:-19%;transform:rotate(-1deg)}.portrait-frame figcaption{padding:18px 6px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.portrait-disc{position:absolute;width:360px;height:360px;max-width:90%;border-radius:50%;background:var(--acid);right:-30px;top:-8px;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.22em;transform:rotate(60deg);z-index:0}.planet-sticker{position:absolute;width:96px;height:96px;border:5px solid #fff;border-radius:50%;background:#0ca1e4;left:-22px;top:250px;z-index:4;transform:rotate(-12deg);display:grid;place-content:center;text-align:center;color:#102333;font-size:35px;font-weight:700;line-height:.75;box-shadow:0 2px 8px #13558114}.planet-sticker:after{content:'';position:absolute;border:5px solid #efac43;width:145px;height:36px;border-radius:50%;top:29px;left:-30px;transform:rotate(12deg);z-index:-1}.planet-sticker b{font-size:33px;font-weight:400}.photo-note{position:absolute;bottom:25px;right:25px;font-size:12px;letter-spacing:.08em;line-height:1.6;transform:rotate(-7deg);z-index:3;background:#0b88c9;padding:17px 25px;color:white}.profile-grid{margin-top:65px;display:grid;grid-template-columns:1.25fr 1fr;gap:10%}.profile-block{border-top:1px solid #bdcbce;padding-top:22px}.profile-block>p:first-child{margin:0 0 29px}.profile-block article{margin-bottom:30px}.profile-block time{font-size:11px;color:var(--muted);letter-spacing:.06em}.profile-block h3{font-size:18px;margin:10px 0;font-weight:550}.profile-block h3 span{font-size:12px;font-weight:400;padding-left:14px;color:#5c6e76}.profile-block article p,.profile-caption{font-size:12px;line-height:1.9;color:#66767e}.tool-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tool-tags span{background:#dce5e6;border:1px solid #f7ffff88;border-radius:9px;font-size:11px;padding:9px 12px}.contact-link{display:block;margin-top:25px;font-size:16px}.contact-link span{margin-left:20px}.contact-link small{display:block;margin-top:12px;font-size:11px;color:var(--muted)}.works-section{padding:70px 4.5% 80px;background:#f5f5f1;min-height:100vh}.works-section .section-heading{margin-bottom:35px}.works-title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.works-title-row h2{font-size:clamp(36px,4.6vw,66px);font-weight:500;letter-spacing:-.055em;margin:0}.works-title-row h2 span{color:var(--blue)}.works-title-row p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 5px}.archive-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:4}.platform-island{min-height:54px}.view-switch{padding:5px;display:flex;gap:2px;}.view-switch button{padding:10px 18px;border-radius:999px;background:transparent;font-size:11px;white-space:nowrap}.view-switch .selected{background:#344c5d;color:#fff;box-shadow:0 2px 6px #24344725}.archive-subbar{display:flex;align-items:center;gap:25px;margin:25px 0 15px}.model-filter{display:flex;gap:12px;align-items:center}.model-filter label{font-size:10px;color:var(--muted)}.model-filter select{font-size:11px;border:0;border-bottom:1px solid #aababc;background:none;border-radius:0;outline-offset:3px;padding:9px 20px 9px 0;max-width:210px;cursor:pointer}.search-box{margin-left:auto;display:flex;align-items:center;gap:7px;border-bottom:1px solid #ccd5d5;padding-bottom:3px}.search-box svg{width:16px;height:16px;color:#819299}.search-box input{width:140px;background:transparent;border:0;padding:7px 0;font-size:11px;color:var(--ink)}#result-count{font-size:10px;min-width:42px;color:var(--muted)}.shelf-stage{height:620px;position:relative;background:radial-gradient(ellipse at 48% 65%,#dae4e7,#f0f2ed 75%);border-radius:24px;overflow:hidden;isolation:isolate}.shelf-stage:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 55px 10px #f4f5f0b3;z-index:1}.shelf-stage canvas{width:100%;height:100%;display:block;touch-action:pan-y}.shelf-context{position:absolute;z-index:2;left:28px;bottom:24px;pointer-events:none}.shelf-context>span{font-size:9px;letter-spacing:.18em;color:var(--muted)}.shelf-context p{font-size:11px;margin-bottom:0;color:#50666f}.shelf-context p span{margin-left:24px}.shelf-hover{position:absolute;z-index:4;top:25px;left:28px;background:#ffffffa1;backdrop-filter:blur(12px);border:1px solid #fff;border-radius:12px;padding:12px 17px;max-width:80%;font-size:11px;pointer-events:none;box-shadow:0 5px 15px #152c3010}.shelf-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:15px;line-height:2}.shelf-empty small{color:var(--muted);font-size:12px}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;margin-top:26px;min-height:300px}.work-card{background:none;text-align:left;padding:0;min-width:0}.work-card-image{aspect-ratio:1;position:relative;border:1px solid #fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px #203a4511;background:#e4e9e9}.work-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.work-card:hover img{transform:scale(1.04)}.work-card-image>span{position:absolute;bottom:12px;right:12px;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;background:#ffffffbd;backdrop-filter:blur(10px)}.work-card h3{font-size:12px;font-weight:500;margin:15px 0 8px;line-height:1.5}.work-card p{font-size:9px;letter-spacing:.04em;color:var(--muted);margin:0}.archive-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:25px 0;font-size:10px;color:var(--muted)}.archive-footer>p{margin:0}.page-controls{display:flex;align-items:center;gap:18px;color:var(--ink);font-size:10px;letter-spacing:.15em}.accessible-albums{display:flex;gap:8px;margin-top:17px;overflow:auto;scrollbar-width:thin;padding:4px 0}.accessible-albums button{white-space:nowrap;padding:7px 12px;background:transparent;border:1px solid #d4dddd;border-radius:100px;font-size:9px;color:#61717a}.accessible-albums button:hover{background:#d9eaf0}.site-footer{padding:75px 8% 35px;background:#dfe9ec}.site-footer>p{font-size:clamp(30px,4vw,54px);font-weight:500;letter-spacing:-.06em;line-height:1.4;margin:0 0 65px}.site-footer>p a{color:var(--blue)}.site-footer>div{border-top:1px solid #bccdd1;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-footer img{width:105px}.site-footer>div span,.site-footer>div a{font-size:10px;color:#60717a}.album-dialog{width:100%;max-width:none;height:100svh;max-height:none;background:#f1f3ef;overflow:auto;margin:0;inset:0;transition:opacity .5s,transform .5s var(--ease)}.album-inner{padding:25px 4.5% 0;max-width:1800px;margin:auto}.album-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 0 25px}.text-button{background:none;font-size:12px;padding:10px 0}.text-button:hover{color:var(--blue)}.album-images-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;perspective:1200px;padding:15px 5px 25px;min-height:280px}.album-main-image{flex:0 0 min(34vw,480px);background:#fff;border:1px solid white;border-radius:15px;overflow:hidden;cursor:zoom-in;scroll-snap-align:start;box-shadow:0 9px 18px #23414a15;transform-origin:left center;animation:unfold 850ms var(--ease) both;animation-delay:calc(var(--i)*70ms);padding:0;align-self:center}.album-main-image img{width:100%;aspect-ratio:1;object-fit:contain}.album-image-hint{display:flex;justify-content:space-between;align-items:center;padding:2px 0 20px;font-size:10px;color:var(--muted)}.album-image-hint>div{display:flex;gap:8px}.album-description{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #cad5d4;padding:25px 0 20px}.album-description h2{font-size:clamp(25px,3.5vw,48px);font-weight:550;letter-spacing:-.04em;margin:8px 0 10px}.album-description>div>p:last-child{font-size:12px;color:var(--muted);margin:0}.model-open{white-space:nowrap}.album-summary{border-top:1px solid #cdd7d5;padding:25px 0 35px}.album-summary p{font-size:14px;line-height:1.9;margin:15px 0 0;max-width:820px;color:#657680}.album-details{display:grid;grid-template-columns:1fr;gap:30px;max-width:1100px;margin:0 auto}.album-detail-image{margin:0;cursor:zoom-in}.album-detail-image img{width:100%;height:auto;border-radius:8px}.album-detail-image figcaption{font-size:10px;color:var(--muted);padding:10px 3px 0}.detail-heading{border-top:1px solid var(--line);padding-top:24px;font-size:11px;letter-spacing:.1em;margin-bottom:0}.sku-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sku-grid img{aspect-ratio:1;object-fit:contain;background:#fff}.album-end{text-align:center;border-top:1px solid var(--line);padding:40px 0;margin-top:55px;font-size:9px;letter-spacing:.18em;color:#70838b}.album-end span{margin:0 20px}.album-dialog.closing .album-main-image{animation:collect 450ms var(--ease) both;animation-delay:calc(var(--i)*18ms)}.album-dialog.closing{opacity:0;transform:translateY(18px)}@keyframes unfold{from{transform:translateX(-45px) rotateY(-28deg) scale(.92);opacity:0}to{transform:translateX(0) rotateY(0) scale(1);opacity:1}}@keyframes collect{to{transform:translateX(-75px) rotateY(32deg) scale(.9);opacity:0}}.model-dialog{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;background:radial-gradient(ellipse at center,#e1e8e6,#f2f3ee);inset:0;overflow:hidden}.model-topbar{position:absolute;left:4.5%;right:4.5%;top:20px;z-index:3;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.model-topbar p{margin:8px 0 0;text-align:center}.model-topbar strong{display:block;font-size:17px;margin-top:8px}.model-topbar .glass-button{font-size:11px;padding:12px 17px}.model-canvas-wrap{position:absolute;inset:0}.model-canvas-wrap canvas{width:100%;height:100%;touch-action:none}.model-canvas-wrap>p{position:absolute;bottom:85px;left:0;right:0;text-align:center;font-size:11px;color:var(--muted)}.model-bottom{position:absolute;bottom:25px;left:4.5%;right:4.5%;z-index:3;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.settings-dialog{width:530px;max-width:calc(100% - 30px);border-radius:30px;background:#f2f6f5;box-shadow:0 20px 80px #173a4520;max-height:85svh;overflow:auto}.settings-card{padding:30px}.settings-top{display:flex;justify-content:space-between;align-items:center}.settings-top .icon-button{background:transparent}.settings-card h2{font-size:32px;font-weight:500;margin:25px 0 10px;letter-spacing:-.04em}.settings-intro{font-size:13px;color:var(--muted);margin-bottom:35px}.setting-row{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);padding:25px 0;cursor:pointer}.setting-row strong{display:block;font-size:14px;font-weight:500}.setting-row small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:8px}.setting-row input{appearance:none;width:44px;min-width:44px;height:25px;border-radius:20px;background:#ccd7d7;position:relative;cursor:pointer;transition:background .3s}.setting-row input:after{content:'';position:absolute;top:3px;left:3px;background:#fff;width:19px;height:19px;border-radius:50%;transition:transform .3s}.setting-row input:checked{background:var(--blue)}.setting-row input:checked:after{transform:translateX(19px)}.settings-footer{border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:var(--muted);padding-top:25px;margin-top:8px}.image-lightbox{position:fixed;inset:0;background:#142834e8;z-index:100;padding:50px 20px;overflow:auto;backdrop-filter:blur(15px)}.image-lightbox img{width:auto;max-width:min(100%,1300px);height:auto;margin:auto}.image-lightbox>button{position:fixed;top:15px;right:20px;background:#fff;z-index:2}.image-lightbox>span{display:block;color:#c8d8de;text-align:center;font-size:10px;margin-top:25px}.reduce-motion{scroll-behavior:auto}.reduce-motion *{animation-duration:.1s!important;transition-duration:.1s!important}
@media(min-width:1700px){.home-section{grid-template-columns:45% 55%;max-width:1800px;margin:auto}.home-copy h1{font-size:65px}.home-visual{height:650px;max-height:75vh}.hero-card{width:65%;max-width:490px}.portrait-composition{height:650px}}
@media(max-width:1050px){.home-copy h1{font-size:36px}.home-visual{min-height:390px}.home-note{margin-top:35px}.hero-card{width:70%;left:13%}.hero-navigation{left:13%;bottom:15px}.about-section{padding-left:6%;padding-right:6%}.portrait-composition{height:440px}.portrait-frame{width:94%;left:0}.portrait-disc{width:300px;height:300px}.photo-note{right:0;bottom:-10px}.planet-sticker{transform:scale(.8) rotate(-12deg);top:220px;left:-37px}.shelf-stage{height:550px}.work-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px),(max-width:900px) and (orientation:portrait){html{scroll-padding-top:90px}.site-header{height:86px;padding:0 6%}.brand,.brand img{width:100px}.nav-island{top:auto;bottom:22px;left:50%;max-width:90vw}.settings-trigger{position:absolute;top:23px;right:6%;width:39px;height:39px}.home-section{padding:24px 6% 85px;min-height:auto;display:flex;flex-direction:column;align-items:stretch}.home-copy{padding:0;align-self:stretch}.home-copy h1{font-size:clamp(32px,7vw,46px);line-height:1.35;margin:26px 0 19px;letter-spacing:-.06em}.eyebrow{font-size:9px;letter-spacing:.09em}.hero-intro{font-size:12px;line-height:1.95;max-width:320px}.desktop-break{display:none}.hero-tags{gap:13px;margin-bottom:24px}.hero-tags span{font-size:10px}.primary-link{padding:13px 19px;min-width:170px;font-size:12px}.home-note{display:none}.home-visual{height:410px;min-height:0;width:100%;margin:12px 0 28px}.hero-card{width:67%;left:14%;top:9%;border-radius:16px}.hero-card-bottom{padding:14px 16px}.hero-card-bottom h3{font-size:11px}.hero-card-bottom p{font-size:8px}.hero-card[data-position='1']{transform:translateX(26%) translateY(8%) rotate(13deg) scale(.88)}.hero-card[data-position='-1']{transform:translateX(-24%) translateY(7%) rotate(-12deg) scale(.88)}.hero-navigation{left:4%;right:4%;bottom:0}.vertical-label{right:-14px;font-size:7px}.section-baseline{left:6%;right:6%;bottom:20px;font-size:8px;padding-top:18px}.section-baseline>span:last-child{display:none}.section-baseline a{font-size:9px}.orbit-one{width:260px;height:260px;right:-50px}.about-section{padding:45px 6% 60px}.section-heading{margin-bottom:40px;gap:15px}.section-heading>span{font-size:9px;max-width:150px;text-align:right}.about-top{display:flex;flex-direction:column;gap:30px}.about-statement h2{font-size:52px;margin-bottom:25px}.about-lead{font-size:20px;margin:20px 0}.about-body{font-size:12px;line-height:2.05}.about-interests{margin-top:25px}.about-interests p{font-size:11px}.portrait-composition{height:470px;width:100%;max-width:400px;align-self:center;margin-top:10px}.portrait-frame{width:79%;left:8%;top:10px}.portrait-disc{width:280px;height:280px;right:-5px;top:-10px;font-size:10px}.planet-sticker{left:-5px;top:210px;transform:scale(.8) rotate(-12deg)}.photo-note{bottom:15px;right:0;font-size:10px;padding:15px 20px}.profile-grid{display:flex;flex-direction:column;gap:25px;margin-top:35px}.profile-block article{margin-bottom:27px}.profile-block h3{font-size:16px}.profile-block h3 span{font-size:11px;padding-left:10px}.profile-block article p,.profile-caption{font-size:11px}.works-section{padding:45px 5% 55px}.works-title-row{align-items:start;gap:20px;flex-direction:column;margin-bottom:27px}.works-title-row h2{font-size:40px}.works-title-row p{font-size:11px}.archive-toolbar{gap:15px;flex-wrap:wrap}.platform-island{width:100%;min-height:50px}.view-switch{margin-left:auto}.view-switch button{font-size:10px;padding:9px 15px}.archive-subbar{margin:15px 0 12px;gap:12px;flex-wrap:wrap}.model-filter{gap:6px}.model-filter label{font-size:9px}.model-filter select{max-width:145px;font-size:10px}.search-box{flex:1;max-width:155px;margin-left:auto}.search-box input{width:100%;min-width:0;font-size:10px}#result-count{min-width:0;font-size:9px}.shelf-stage{height:480px;border-radius:18px}.shelf-context{left:16px;bottom:18px}.shelf-context>span{font-size:7px}.shelf-context p{font-size:9px}.shelf-hover{left:15px;top:15px;font-size:10px;padding:10px 13px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.work-card-image{border-radius:12px}.work-card h3{font-size:11px;margin-top:12px}.work-card p{font-size:8px}.archive-footer{gap:12px;flex-wrap:wrap;padding:20px 0}.archive-footer>p{font-size:9px}.archive-footer>span{width:100%;font-size:8px}.page-controls{gap:10px;margin-left:auto;font-size:9px}.round-button{width:34px;height:34px;font-size:17px}.accessible-albums{margin-top:12px}.site-footer{padding:45px 6% 120px}.site-footer>p{font-size:34px;margin-bottom:45px}.site-footer>div{flex-wrap:wrap;gap:20px}.site-footer img{width:85px}.site-footer>div span,.site-footer>div a{font-size:9px}.album-inner{padding:15px 5% 0}.album-topbar{padding:5px 0 14px;gap:10px}.text-button{font-size:10px}.album-topbar .tiny-label{font-size:8px}.album-main-image{flex-basis:78vw;border-radius:12px}.album-images-track{gap:14px;min-height:0;padding:12px 0 17px}.album-image-hint{font-size:9px}.album-description{flex-wrap:wrap;padding-top:22px}.album-description h2{font-size:27px;line-height:1.3}.album-description>div>p:last-child{font-size:11px}.album-summary{padding:20px 0 30px}.album-summary p{font-size:12px}.album-summary .tiny-label{font-size:9px}.album-details{gap:20px}.sku-grid{grid-template-columns:repeat(2,1fr)}.album-detail-image figcaption{font-size:9px}.model-open{font-size:11px;padding:12px 17px}.model-topbar{top:15px;left:5%;right:5%;flex-wrap:wrap;gap:8px}.model-topbar p{order:3;width:100%;text-align:left;margin-top:20px}.model-topbar strong{font-size:18px}.model-topbar .glass-button{padding:10px 13px;font-size:10px}.model-bottom{left:5%;right:5%;font-size:9px;flex-direction:column;gap:8px;bottom:20px}.model-canvas-wrap>p{bottom:85px;font-size:10px}.settings-card{padding:23px}.setting-row{gap:20px}.setting-row strong{font-size:13px}.setting-row small{font-size:10px}.settings-card h2{font-size:28px}.settings-top .tiny-label{font-size:8px}.image-lightbox{padding:60px 10px}.image-lightbox>span{font-size:8px}}
@media(max-width:370px){.home-visual{height:350px}.portrait-composition{height:390px}.portrait-frame{width:80%}.about-statement h2{font-size:46px}.home-copy h1{font-size:30px}.hero-card-bottom h3{font-size:10px}.shelf-stage{height:430px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-card{transition-duration:.1s}.album-main-image{animation-duration:.1s}}

.image-lightbox{width:100vw;max-width:none;height:100svh;max-height:none;margin:0;color:white}.portrait-crop img{width:267%;left:-126%;top:-19%}
.portrait-crop img{width:432%;left:-221%;top:-35%}.image-lightbox[open]{display:block}
html{scroll-behavior:auto;scroll-padding-top:0}
.glass-settings{border-top:1px solid var(--line);padding-top:22px}.glass-settings h3{font-size:20px;font-weight:550;margin:0 0 7px}.glass-settings>p{font-size:11px;color:var(--muted);margin:0 0 18px}.glass-preview-background{position:relative;height:150px;border-radius:14px;background-size:cover;background-position:center;overflow:hidden;margin-bottom:22px}.glass-preview-background>#settings-glass-preview{position:absolute;left:24px;right:24px;top:50px;min-height:50px;display:grid;place-items:center;font-size:13px;color:white}.glass-optic-row{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:13px}.glass-optic-row output{font-size:11px;font-variant-numeric:tabular-nums;color:#31515e}.glass-optic-row input[type=range]{width:100%;height:18px;accent-color:#087dac;margin:0;cursor:pointer}.glass-optic-row select{border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:#fff;font-size:12px}.glass-preset-actions{display:flex;gap:10px;flex-wrap:wrap}.glass-preset-actions button{padding:10px 13px;border-radius:8px;background:#dce8ed;font-size:11px;color:#18353e}
@media(max-width:720px),(max-width:900px) and (orientation:portrait){.settings-trigger{position:fixed;top:18px;right:6%}}
.hero-navigation{z-index:6}@media(max-width:720px),(max-width:900px) and (orientation:portrait){.hero-navigation{top:0;bottom:auto;left:0;right:0}.home-visual{margin-top:20px}}
@media(max-width:720px),(max-width:900px) and (orientation:portrait){.about-body{font-size:14px}.hero-intro{font-size:13px}.album-summary p{font-size:14px}.profile-block article p{font-size:12px}.search-box input{font-size:16px}}
/* Four simultaneous archive columns. */
.shelf-stage{height:min(820px,88svh);min-height:620px;background:radial-gradient(ellipse at 48% 52%,#e3e8e3,#f0f0e9 85%)}
.shelf-top-note{position:absolute;left:28px;right:28px;top:25px;z-index:2;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;letter-spacing:.13em;color:#81928f}
.shelf-focus-info{position:absolute;bottom:95px;left:28px;z-index:3;max-width:34%;pointer-events:none}
.shelf-focus-info .tiny-label{font-size:9px;color:#698282;margin:0 0 12px}
.shelf-focus-info h3{font-size:24px;font-weight:550;line-height:1.4;letter-spacing:-.03em;margin:0 0 10px}
.shelf-focus-info>p:last-of-type{font-size:10px;color:#728381;line-height:1.6;margin:0 0 15px}
.shelf-focus-info button{pointer-events:auto;border-bottom:1px solid #aebebb;padding:9px 0;font-size:11px}.shelf-focus-info button span{margin-left:50px}
.shelf-row-control,.shelf-column-control{position:absolute;z-index:4;bottom:23px;display:flex;align-items:center;gap:16px;padding:8px 11px;min-height:67px}
.shelf-row-control{left:50%;transform:translateX(-50%);min-width:255px;justify-content:space-between}
.shelf-row-control button,.shelf-column-control button{background:transparent;border-radius:50%;width:36px;height:36px;font-size:24px;display:grid;place-items:center;padding:0;flex:0 0 auto}
.shelf-row-control button:hover,.shelf-column-control button:hover{background:#effbffb0}
.shelf-row-control>div{text-align:center}.shelf-row-control .tiny-label{display:none}.shelf-row-control #shelf-product-number{font-size:10px;letter-spacing:.12em;display:block;margin-bottom:9px}
#shelf-product-ticks{display:flex;justify-content:center;gap:8px;align-items:center;height:12px}#shelf-product-ticks i{display:block;width:2px;height:7px;background:#a9b9b6}#shelf-product-ticks i.selected{height:14px;background:var(--blue)}
.shelf-column-control{right:25px;min-width:215px;gap:10px;justify-content:space-between}.shelf-column-control>div{min-width:105px;text-align:center}.shelf-column-control .tiny-label{font-size:8px;letter-spacing:.08em}.shelf-column-control strong{font-size:12px;font-weight:500;display:block;margin-top:6px}
@media(max-width:1050px){.shelf-focus-info{max-width:38%}.shelf-row-control{left:25px;transform:none}.shelf-column-control{right:25px}.shelf-focus-info h3{font-size:21px}}
@media(max-width:720px),(max-width:900px) and (orientation:portrait){.shelf-stage{height:740px;min-height:600px;border-radius:17px}.shelf-top-note{left:16px;right:16px;top:20px;font-size:7px}.shelf-top-note>span:last-child{display:none}.shelf-focus-info{left:19px;bottom:173px;max-width:85%}.shelf-focus-info h3{font-size:22px;margin-bottom:8px}.shelf-focus-info .tiny-label{font-size:8px;margin-bottom:8px}.shelf-focus-info>p:last-of-type{font-size:9px;margin-bottom:5px}.shelf-focus-info button{font-size:10px}.shelf-row-control{bottom:93px;left:19px;right:19px;min-width:0;transform:none;min-height:55px;padding:6px 10px;gap:10px}.shelf-row-control button{width:32px;height:32px;font-size:21px}.shelf-column-control{bottom:22px;left:19px;right:19px;min-width:0;min-height:58px;padding:6px 10px}.shelf-row-control #shelf-product-number{display:inline-block;margin:0 10px 0 0;font-size:9px}.shelf-row-control>div{display:flex;align-items:center;justify-content:center}.shelf-column-control strong{font-size:11px;display:inline-block;margin:0 0 0 13px}.shelf-column-control .tiny-label{font-size:7px}.shelf-hover{top:46px}.shelf-row-control #shelf-product-ticks{gap:7px}.shelf-focus-info button span{margin-left:35px}}
.detail-strip{display:block;width:100%;line-height:0}.detail-strip .album-detail-image{margin:0;padding:0}.detail-strip .album-detail-image img{display:block;width:100%;height:auto;border-radius:0}.detail-strip .album-detail-image figcaption{display:none}.detail-strip .album-detail-image:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
/* Keep native scrolling without visible browser scrollbar tracks. */
html,body,body *{scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar{display:none;width:0;height:0}

/* Immersive archive: close framing runs behind the interface. */
.archive-brand{position:absolute;left:4.5%;top:26px;width:132px;z-index:4}.archive-brand img{width:100%}
.works-section[data-view="shelf"]{padding:0;position:relative;min-height:100svh;overflow:hidden;background:#f0f0e9}
.works-section[data-view="shelf"] .shelf-stage{width:100%;height:100svh;min-height:700px;border-radius:0}
.works-section[data-view="shelf"] .shelf-stage:after{box-shadow:none;background:linear-gradient(180deg,#f2f1ec55,transparent 25%,transparent 62%,#f2f1ec91);z-index:1}
.works-section[data-view="shelf"] .section-heading{position:absolute;left:4.5%;right:4.5%;top:109px;margin:0;z-index:3;pointer-events:none}.works-section[data-view="shelf"] .section-heading>span{font-size:9px}
.works-section[data-view="shelf"] .works-title-row{position:absolute;left:4.5%;top:142px;margin:0;z-index:3;pointer-events:none}.works-section[data-view="shelf"] .works-title-row h2{font-size:30px}.works-section[data-view="shelf"] .works-title-row p{display:none}
.works-section[data-view="shelf"] .archive-toolbar{position:absolute;left:4.5%;right:4.5%;top:27px;margin:0;z-index:5;pointer-events:none}.works-section[data-view="shelf"] .platform-island{position:absolute;left:0;top:168px;pointer-events:auto}.works-section[data-view="shelf"] .view-switch{position:absolute;right:58px;top:1px;pointer-events:auto}
.works-section[data-view="shelf"] .archive-subbar{position:absolute;right:4.5%;top:155px;left:auto;width:305px;z-index:5;margin:0;gap:15px;flex-wrap:wrap}.works-section[data-view="shelf"] .search-box{max-width:135px}.works-section[data-view="shelf"] #result-count{margin-left:auto;min-width:auto;font-size:9px}
.works-section[data-view="shelf"] .shelf-top-note{top:auto;bottom:15px;left:4.5%;right:4.5%;font-size:8px}.works-section[data-view="shelf"] .shelf-focus-info{left:4.5%;bottom:130px;max-width:35%;text-shadow:0 1px 14px #f2f1ec}.works-section[data-view="shelf"] .shelf-focus-info h3{font-size:28px}.works-section[data-view="shelf"] .shelf-focus-info button{background:linear-gradient(90deg,#f4f4eca6,transparent);padding:12px 3px}
.works-section[data-view="shelf"] .shelf-row-control,.works-section[data-view="shelf"] .shelf-column-control{bottom:40px}.works-section[data-view="shelf"] .shelf-column-control{right:4.5%}.works-section[data-view="shelf"] .shelf-row-control{left:50%;transform:translateX(-50%)}
.works-section[data-view="shelf"] .archive-footer{display:none}.works-section[data-view="shelf"] .accessible-albums{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;padding:0;margin:0}.works-section[data-view="shelf"] .shelf-hover{top:270px;left:4.5%}
@media(max-width:1050px) and (orientation:landscape){.works-section[data-view="shelf"] .archive-subbar{width:235px}.works-section[data-view="shelf"] .view-switch{right:50px}.works-section[data-view="shelf"] .shelf-row-control{left:4.5%;transform:none}.works-section[data-view="shelf"] .shelf-focus-info{bottom:130px;max-width:50%}}
@media(max-width:720px),(max-width:900px) and (orientation:portrait){.archive-brand{left:6%;top:22px;width:100px}.works-section[data-view="shelf"] .shelf-stage{height:100svh;min-height:800px}.works-section[data-view="shelf"] .section-heading{left:6%;right:6%;top:85px}.works-section[data-view="shelf"] .section-heading>span{font-size:8px;max-width:135px}.works-section[data-view="shelf"] .works-title-row{left:6%;top:111px}.works-section[data-view="shelf"] .works-title-row h2{font-size:26px}.works-section[data-view="shelf"] .archive-toolbar{left:6%;right:6%;top:157px}.works-section[data-view="shelf"] .platform-island{top:0;width:100%}.works-section[data-view="shelf"] .view-switch{top:60px;right:0;padding:3px}.works-section[data-view="shelf"] .view-switch button{padding:8px 11px;font-size:9px}.works-section[data-view="shelf"] .archive-subbar{left:6%;right:6%;top:264px;width:auto;gap:10px}.works-section[data-view="shelf"] .model-filter label{display:none}.works-section[data-view="shelf"] .model-filter select{max-width:145px}.works-section[data-view="shelf"] .search-box{max-width:140px}.works-section[data-view="shelf"] #result-count{display:none}.works-section[data-view="shelf"] .shelf-focus-info{left:6%;bottom:265px;max-width:88%}.works-section[data-view="shelf"] .shelf-focus-info h3{font-size:23px}.works-section[data-view="shelf"] .shelf-row-control{left:6%;right:6%;transform:none;bottom:173px}.works-section[data-view="shelf"] .shelf-column-control{left:6%;right:6%;bottom:104px}.works-section[data-view="shelf"] .shelf-top-note{display:none}.works-section[data-view="shelf"] .shelf-hover{display:none}.works-section[data-view="shelf"] .shelf-focus-info .tiny-label{font-size:8px}}

/* Project context follows the available viewport; long product names wrap. */
.shelf-focus-info{--shelf-copy-size:clamp(18px,min(2vw,3svh),30px);max-width:min(38%,560px)}
.works-section[data-view="shelf"] .shelf-focus-info h3{font-size:var(--shelf-copy-size);line-height:1.35;overflow-wrap:anywhere;margin-bottom:clamp(7px,.9svh,12px)}
.works-section[data-view="shelf"] .shelf-focus-info .tiny-label{font-size:clamp(8px,calc(var(--shelf-copy-size)*.34),10px);margin-bottom:clamp(7px,1svh,13px)}
.works-section[data-view="shelf"] .shelf-focus-info>p:last-of-type{font-size:clamp(10px,calc(var(--shelf-copy-size)*.4),12px);margin-bottom:clamp(10px,1.4svh,17px)}
.works-section[data-view="shelf"] .shelf-focus-info #shelf-open-album{min-height:44px;min-width:128px;padding:12px 20px;border-bottom:0;border-radius:999px;background:none;font-size:clamp(11px,calc(var(--shelf-copy-size)*.42),13px);line-height:1.3;gap:26px}
.works-section[data-view="shelf"] .shelf-focus-info #shelf-open-album span{margin-left:0}
@media(max-width:720px),(max-width:900px) and (orientation:portrait){.shelf-focus-info{--shelf-copy-size:clamp(19px,min(5.6vw,2.6svh),26px)}.works-section[data-view="shelf"] .shelf-focus-info{max-width:88%}.works-section[data-view="shelf"] .shelf-focus-info #shelf-open-album{min-width:120px;padding:11px 18px;gap:22px}}