:root{--paper:#F0E8D8;--green:#19382C;--clay:#BB6D4C;--stone:#A99B83;--ink:#292620;--line:rgba(41,38,32,.2);--white:#f7f3e9;--serif:Georgia,'Times New Roman','Noto Serif SC',serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif;--ease:cubic-bezier(.2,.75,.25,1);--page-pad:clamp(22px,6vw,96px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip-link{position:fixed;z-index:1000;top:10px;left:10px;padding:12px 16px;background:var(--green);color:var(--white);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:82px;padding:0 var(--page-pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;z-index:40;top:0;background:rgba(240,232,216,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--green)}.brand-mark{width:39px;height:39px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:21px}.brand-name{font-size:15px;letter-spacing:.12em}.brand-name small{display:block;margin-top:4px;font:8px var(--sans);letter-spacing:.18em;color:var(--stone)}.main-nav{display:flex;gap:clamp(22px,3.2vw,48px);font-size:12px;letter-spacing:.12em}.main-nav a{position:relative;padding:10px 0;transition:color .25s}.main-nav a:hover,.main-nav a.active{color:var(--clay)}.main-nav a::after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:4px;background:var(--clay);transition:right .35s var(--ease)}.main-nav a:hover::after{right:0}.menu-toggle,.mobile-nav{display:none}
.hero{min-height:690px;height:min(840px,calc(100svh - 82px));padding:70px var(--page-pad) 0;display:grid;grid-template-columns:.86fr 1.14fr;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{align-self:center;position:relative;z-index:2;padding-bottom:48px}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--stone);margin:0 0 24px}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--clay);margin:0 9px 1px 0}.hero-overline{font-size:10px;letter-spacing:.2em;color:var(--stone);margin:0 0 20px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,6.8vw,96px);line-height:1.16;letter-spacing:.02em;color:var(--green);margin:0}.hero h1 em,.closing h2 em{font-weight:400;color:var(--clay)}.hero-english{font:italic 20px var(--serif);color:var(--stone);margin:15px 0 28px;letter-spacing:.04em}.hero-intro{font-size:14px;line-height:2;color:#5c574d;letter-spacing:.04em;margin:0}.round-link{display:inline-flex;align-items:center;gap:15px;margin-top:31px;padding-bottom:8px;border-bottom:1px solid var(--green);font-size:12px;letter-spacing:.12em;transition:gap .3s var(--ease)}.round-link:hover{gap:24px}.round-arrow{width:28px;height:28px;background:var(--green);color:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:15px}.hero-signature{display:flex;gap:26px;margin-top:55px;color:var(--stone);font-size:9px;letter-spacing:.12em}.hero-art{height:100%;min-height:520px;position:relative;align-self:center;isolation:isolate}.collage-disc{position:absolute;width:40%;aspect-ratio:1;border-radius:50%;background:var(--clay);opacity:.88;right:3%;top:14%;z-index:-1}.collage-photo{position:absolute;margin:0;background:var(--white);padding:9px 9px 24px;box-shadow:0 16px 36px rgba(47,39,26,.13);transition:transform .65s var(--ease)}.collage-photo img{display:block;width:100%;height:100%;object-fit:contain}.collage-photo figcaption{position:absolute;bottom:8px;left:10px;font-size:7px;letter-spacing:.17em;color:var(--green)}.collage-main{width:53%;height:69%;right:12%;top:12%;transform:rotate(3.5deg);z-index:1}.collage-small{width:39%;height:38%;left:8%;bottom:14%;transform:rotate(-5deg);z-index:2}.collage-figure{width:28%;height:35%;right:2%;bottom:12%;transform:rotate(5deg);z-index:3}.hero-art:hover .collage-main{transform:rotate(1deg) translateY(-7px)}.hero-art:hover .collage-small{transform:rotate(-3deg) translateY(-5px)}.paper-note{position:absolute;z-index:4;right:6%;top:5%;color:var(--green);font:italic 10px/1.6 var(--serif);letter-spacing:.15em;transform:rotate(5deg)}.collage-index{position:absolute;left:17%;top:14%;z-index:4;color:var(--green);font:italic 11px var(--serif);writing-mode:vertical-rl}.hero-bottomline{position:absolute;bottom:0;left:var(--page-pad);right:var(--page-pad);height:49px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:8px;color:var(--stone);letter-spacing:.14em}.hero-bottomline i{font-style:normal;color:var(--clay);font-size:12px;margin-left:7px}
.section-wrap{padding-left:var(--page-pad);padding-right:var(--page-pad)}.statement{padding-top:118px;padding-bottom:125px}.section-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:8px;color:var(--stone);letter-spacing:.18em}.statement-body{display:grid;grid-template-columns:1fr 3fr;align-items:start;padding-top:54px}.statement-index{margin:5px 0 0;font:italic 23px/1.25 var(--serif);color:var(--clay)}.statement-index span{color:var(--stone)}.statement h2,.section-heading h2{font-family:var(--serif);font-size:clamp(34px,5.4vw,68px);font-weight:400;line-height:1.28;letter-spacing:.04em;color:var(--green);margin:0}.statement h2 span{color:var(--clay)}.statement-copy{max-width:475px;margin:22px 0 0;color:#6d665a;font-size:13px;line-height:2.1;letter-spacing:.03em}
.works{padding-top:74px;padding-bottom:124px;background:#e9dfcf}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:55px 0 40px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font-size:clamp(38px,5vw,64px)}.heading-dot{color:var(--clay)}.section-heading>p{font-size:12px;line-height:2;color:#756c5e;margin:0 0 5px;max-width:255px}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:34px 22px}.category-card{display:block;min-width:0}.category-product{grid-column:1/6}.category-figure{grid-column:7/12;margin-top:80px}.category-landscape{grid-column:2/7;margin-top:16px}.category-commercial{grid-column:8/13;margin-top:95px}.category-image{height:clamp(240px,36vw,470px);position:relative;background:rgba(25,56,44,.06);display:flex;align-items:center;justify-content:center;overflow:hidden}.category-image img{width:100%;height:100%;object-fit:contain;transition:transform .7s var(--ease)}.category-card:hover .category-image img{transform:scale(1.035)}.category-number{position:absolute;top:13px;left:15px;color:var(--green);font:italic 12px var(--serif);padding:5px 8px;background:rgba(240,232,216,.85)}.category-open{position:absolute;right:14px;bottom:14px;width:35px;height:35px;display:grid;place-items:center;background:var(--green);color:var(--paper);border-radius:50%;transform:translateY(8px);opacity:0;transition:all .35s var(--ease)}.category-card:hover .category-open,.category-card:focus-visible .category-open{transform:none;opacity:1}.category-meta{display:flex;justify-content:space-between;align-items:end;padding:13px 1px 0;border-bottom:1px solid var(--line);padding-bottom:14px}.category-meta h3{font-size:16px;font-weight:400;letter-spacing:.12em;margin:0 0 5px;color:var(--green)}.category-meta p{font:9px var(--serif);letter-spacing:.19em;color:var(--stone);margin:0}.category-count{font:italic 12px var(--serif);color:var(--stone)}.category-footnote{text-align:right;font-size:9px;color:var(--stone);letter-spacing:.08em;margin:34px 0 0}
.archive{padding-top:105px;padding-bottom:120px}.archive-heading{padding-bottom:33px}.archive-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.filter-list{display:flex;gap:7px;flex-wrap:wrap}.filter-button{border:1px solid transparent;background:transparent;padding:9px 14px;font-size:10px;letter-spacing:.1em;color:#777064;cursor:pointer;transition:all .2s}.filter-button:hover,.filter-button.is-active{color:var(--green);border-color:var(--green)}.mode-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;font-size:10px;letter-spacing:.1em;cursor:pointer;color:var(--green);white-space:nowrap}.mode-icon{font-size:16px}.dome-shell{position:relative;margin-top:26px;background:#e6ddcd;min-height:590px;overflow:hidden;border:1px solid rgba(25,56,44,.12)}.dome-shell::before,.dome-shell::after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(25,56,44,.09);border-radius:50%;width:74%;height:57%;top:21%;left:13%;transform:rotate(-14deg)}.dome-shell::after{transform:rotate(20deg);width:58%;left:21%}.dome-caption,.dome-footer{position:absolute;z-index:4;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#817866;font-size:8px;letter-spacing:.17em}.dome-caption{top:22px}.dome-mark{font:italic 13px var(--serif);color:var(--green);letter-spacing:0}.dome-mark span{color:var(--clay)}.dome-footer{bottom:20px}.dome-instruction{letter-spacing:.08em}.dome-stage{position:relative;height:590px;perspective:1000px;touch-action:none;cursor:grab;overflow:hidden}.dome-stage.is-dragging{cursor:grabbing}.dome-sphere{position:absolute;width:0;height:0;left:50%;top:50%;transform-style:preserve-3d;will-change:transform}.dome-card{position:absolute;left:0;top:0;width:clamp(115px,13vw,166px);height:clamp(92px,10.5vw,133px);margin:-65px 0 0 -83px;padding:5px 5px 19px;background:var(--white);box-shadow:0 7px 18px rgba(40,38,31,.18);backface-visibility:hidden;cursor:pointer;transition:box-shadow .25s,opacity .4s;transform-style:preserve-3d}.dome-card:hover,.dome-card:focus-visible{box-shadow:0 13px 27px rgba(40,38,31,.27);outline:1px solid var(--clay)}.dome-card img{width:100%;height:100%;object-fit:contain;background:#e8e2d8;display:block;pointer-events:none}.dome-card span{position:absolute;left:7px;right:7px;bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:7px var(--serif);letter-spacing:.08em;color:var(--green)}.dome-center{position:absolute;left:50%;top:50%;width:130px;height:130px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;background:rgba(240,232,216,.88);color:var(--green);font:9px/1.5 var(--serif);letter-spacing:.2em;pointer-events:none;box-shadow:0 0 0 1px rgba(25,56,44,.14),0 0 0 14px rgba(240,232,216,.18)}.dome-center i{position:absolute;font-style:normal;font-size:34px;color:var(--clay);opacity:.55}.grid-stage{position:relative;z-index:3;padding:90px 20px 65px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid-stage[hidden]{display:none}.grid-stage .dome-card{position:relative;left:auto;top:auto;width:auto;height:auto;aspect-ratio:1.2;margin:0;transform:none!important;backface-visibility:visible}.grid-stage .dome-card img{height:100%}.grid-stage .dome-card span{font-size:9px}.grid-stage .dome-card:hover{transform:translateY(-3px)!important}.dome-shell.is-grid .dome-caption{position:relative;top:auto;left:auto;right:auto;padding:22px 24px 0}.dome-shell.is-grid{min-height:0}.dome-shell.is-grid .dome-footer{position:relative;left:auto;right:auto;bottom:auto;padding:0 24px 20px}.dome-shell.is-grid::before,.dome-shell.is-grid::after{display:none}
.closing{padding-top:76px;background:var(--green);color:var(--paper);position:relative;overflow:hidden}.closing .section-label{border-color:rgba(240,232,216,.22);color:rgba(240,232,216,.56);position:relative;z-index:2}.closing-paper{position:absolute;right:-8%;top:14%;width:44vw;max-width:600px;aspect-ratio:1;border:1px solid rgba(240,232,216,.17);border-radius:50%;box-shadow:0 0 0 36px rgba(240,232,216,.025),0 0 0 72px rgba(240,232,216,.025)}.closing-body{position:relative;z-index:2;padding:82px 0 95px}.closing-body .eyebrow{color:#b6a990}.closing h2{font:400 clamp(48px,8vw,104px)/1.18 var(--serif);letter-spacing:.02em;margin:0;color:var(--paper)}.closing h2 em{color:#d38b68}.closing-body>p:not(.eyebrow){font-size:12px;color:#c3bba9;letter-spacing:.08em;margin:25px 0}.closing-contact{display:flex;align-items:center;flex-wrap:wrap;gap:13px 24px;margin:19px 0 4px;color:var(--paper);font-size:10px;letter-spacing:.1em}.closing-contact button{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.closing-contact a,.closing-contact button{padding:8px 0;border-bottom:1px solid rgba(240,232,216,.3)}.closing-contact a:hover,.closing-contact button:hover{color:#d38b68}.closing-contact span{color:#c3bba9;font-size:9px;letter-spacing:.04em}.closing-link{display:inline-flex;align-items:center;gap:48px;padding:13px 0;border-bottom:1px solid rgba(240,232,216,.5);font-size:11px;letter-spacing:.12em}.closing-link span{font-size:15px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 20px;border-top:1px solid rgba(240,232,216,.25);font-size:8px;letter-spacing:.14em;color:#c3bba9}.footer-brand{color:var(--paper);font-size:12px;letter-spacing:.13em}.footer-brand span{display:block;margin-top:4px;color:#b6a990;font:8px var(--serif);letter-spacing:.17em}.site-footer>a:last-child{color:var(--paper)}
.image-dialog{border:0;padding:18px;background:var(--paper);max-width:min(92vw,1100px);max-height:90vh;width:max-content;box-shadow:0 24px 90px rgba(0,0,0,.3)}.image-dialog::backdrop{background:rgba(19,29,23,.78);backdrop-filter:blur(6px)}.image-dialog figure{margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:13px}.image-dialog img{display:block;max-width:min(86vw,1000px);max-height:76vh;width:auto;height:auto;object-fit:contain}.image-dialog figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;color:var(--green)}.dialog-close{position:absolute;z-index:1;top:7px;right:7px;width:32px;height:32px;border:0;border-radius:50%;background:var(--green);color:var(--paper);font-size:21px;cursor:pointer}
@media(max-width:900px){.hero{min-height:610px;grid-template-columns:.94fr 1.06fr;padding-top:52px}.hero-art{min-height:440px}.hero h1{font-size:clamp(48px,7vw,76px)}.collage-main{width:60%;height:64%;right:7%}.collage-small{left:0;width:44%;height:35%}.collage-figure{width:31%;height:31%;right:0}.category-grid{gap:28px 16px}.category-image{height:clamp(220px,40vw,350px)}.dome-stage{height:530px}.grid-stage{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){:root{--page-pad:20px}.site-header{height:68px}.main-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:0;background:transparent;cursor:pointer}.menu-toggle span{width:22px;height:1px;background:var(--green);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:absolute;display:grid;gap:0;top:67px;left:0;right:0;padding:0 20px;max-height:0;overflow:hidden;background:var(--paper);border-bottom:0 solid var(--line);transition:max-height .35s var(--ease),padding .3s}.mobile-nav.is-open{max-height:280px;padding:8px 20px 16px;border-bottom-width:1px}.mobile-nav a{padding:13px 0;border-top:1px solid var(--line);font-size:13px;letter-spacing:.12em;color:var(--green)}.hero{height:auto;min-height:0;padding:51px var(--page-pad) 0;display:flex;flex-direction:column;gap:18px}.hero-copy{padding:0;align-self:stretch}.hero-overline{margin-bottom:14px}.hero h1{font-size:clamp(47px,12vw,72px);line-height:1.14}.hero-english{font-size:17px;margin:12px 0 18px}.hero-intro{font-size:12px}.round-link{margin-top:20px}.hero-signature{margin-top:27px;font-size:8px}.hero-art{height:400px;min-height:0;width:100%;margin-bottom:32px}.collage-disc{width:47%;right:8%;top:9%}.collage-main{width:58%;height:70%;right:12%;top:8%;padding:6px 6px 20px}.collage-small{width:41%;height:39%;left:1%;bottom:7%;padding:6px 6px 20px}.collage-figure{width:28%;height:34%;right:1%;bottom:8%;padding:5px 5px 18px}.paper-note{font-size:8px;right:2%;top:3%}.hero-bottomline{position:relative;left:auto;right:auto;width:100%;height:45px}.hero-bottomline span:first-child{display:none}.hero-bottomline span:last-child{margin-left:auto}.statement{padding-top:73px;padding-bottom:78px}.section-label{font-size:7px;letter-spacing:.12em}.section-label span:last-child{text-align:right}.statement-body{grid-template-columns:48px 1fr;padding-top:37px;gap:18px}.statement-index{font-size:16px}.statement h2{font-size:clamp(32px,8.4vw,49px)}.statement-copy{font-size:11px;margin-top:16px}.works{padding-top:55px;padding-bottom:78px}.section-heading{padding:34px 0 28px;display:block}.section-heading h2{font-size:42px}.section-heading>p{margin-top:15px;font-size:11px}.category-grid{grid-template-columns:1fr 1fr;gap:24px 12px}.category-product,.category-figure,.category-landscape,.category-commercial{grid-column:auto;margin:0}.category-figure,.category-commercial{padding-top:30px}.category-image{height:clamp(190px,57vw,300px)}.category-meta{padding-top:10px;padding-bottom:11px}.category-meta h3{font-size:13px}.category-meta p{font-size:8px}.category-count{font-size:10px}.category-number{font-size:10px;top:8px;left:8px}.category-footnote{font-size:8px;line-height:1.7;text-align:left;margin-top:20px}.archive{padding-top:73px;padding-bottom:79px}.archive-heading{padding-bottom:28px}.archive-controls{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 0}.filter-list{gap:2px}.filter-button{padding:8px 10px;font-size:9px}.mode-toggle{align-self:flex-end}.dome-shell{margin-top:17px;min-height:460px}.dome-caption,.dome-footer{left:13px;right:13px;font-size:7px}.dome-caption{top:14px}.dome-stage{height:460px;perspective:600px}.dome-card{width:110px;height:90px;margin:-45px 0 0 -55px;padding:4px 4px 17px}.dome-card span{font-size:6px}.dome-center{width:92px;height:92px;font-size:7px}.dome-center i{font-size:26px}.dome-shell::before,.dome-shell::after{width:88%;left:6%;height:48%;top:26%}.grid-stage{padding:65px 12px 50px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid-stage .dome-card{aspect-ratio:1.02}.grid-stage .dome-card span{font-size:8px}.dome-shell.is-grid .dome-caption{padding:15px 13px 0}.dome-shell.is-grid .dome-footer{padding:0 13px 14px}.closing{padding-top:57px}.closing-paper{width:74vw;right:-28%;top:26%}.closing-body{padding:65px 0 67px}.closing h2{font-size:clamp(48px,13vw,76px)}.closing-body>p:not(.eyebrow){font-size:10px}.site-footer{align-items:flex-start;flex-wrap:wrap;row-gap:16px;font-size:7px}.site-footer>span{order:3;width:100%}.footer-brand{font-size:11px}.image-dialog{padding:10px}.image-dialog img{max-width:86vw;max-height:70vh}.image-dialog figcaption{font-size:8px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dome-sphere{will-change:auto}}

/* Calm editorial refinement: retain the established wordmark and category workflow. */
.site-header .brand{gap:10px;font-size:12px;letter-spacing:.16em;color:var(--green)}
.site-header .brand-mark,.site-footer .brand-mark{width:auto;height:auto;border:0;border-radius:0;display:inline;font:500 24px var(--serif);letter-spacing:-.11em}
.site-footer .brand{gap:10px;font-size:12px;letter-spacing:.16em;color:var(--paper)}
.site-footer .brand-mark{font-size:19px}
.hero{background:var(--paper)}
.collage-disc{width:24%;right:10%;top:12%;opacity:.65}
.collage-photo{padding:6px 6px 20px;box-shadow:0 10px 24px rgba(47,39,26,.11)}
.collage-main{width:60%;height:68%;right:10%;top:14%;transform:rotate(1.8deg)}
.collage-small{width:36%;height:35%;left:6%;bottom:13%;transform:rotate(-2.5deg)}
.collage-figure{width:24%;height:28%;right:2%;bottom:10%;transform:rotate(2.5deg)}
.hero-art:hover .collage-main{transform:rotate(.6deg) translateY(-4px)}
.hero-art:hover .collage-small{transform:rotate(-1.2deg) translateY(-3px)}
.paper-note{font-size:8px;right:8%;top:8%;opacity:.75}
.collage-index{left:12%;top:18%;opacity:.75}
.works{background:var(--paper);padding-top:74px;padding-bottom:100px}
.archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.category-tabs,.subfolder-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.category-tab{display:inline-flex;align-items:flex-start;gap:5px;border:1px solid transparent;background:transparent;padding:9px 12px;color:#716b5f;font-size:11px;letter-spacing:.08em;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
.category-tab:hover,.category-tab.active{color:var(--green);border-color:rgba(25,56,44,.5)}
.category-tab.active{background:rgba(25,56,44,.04)}
.category-tab sup{font-size:8px;color:var(--stone);line-height:1.1}
.archive-search{height:38px;min-width:205px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);color:var(--stone)}
.archive-search>span{font-size:21px;line-height:1}
.archive-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--sans)}
.archive-search input::placeholder{color:#999080}
.subfolder-tabs{padding:14px 0 2px;gap:6px}
.subfolder-tabs[hidden]{display:none}
.subfolder-tabs .category-tab{font-size:9px;padding:7px 9px;border-color:rgba(41,38,32,.12)}
.archive-status{display:flex;justify-content:space-between;gap:15px;padding:20px 0 13px;font-size:9px;letter-spacing:.08em;color:var(--stone)}
.archive-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 22px}
.archive-group{min-width:0}
.archive-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 0 10px;border-bottom:1px solid var(--line)}
.archive-group-heading h3{margin:0;font:400 17px var(--serif);letter-spacing:.03em;color:var(--green)}
.archive-group-heading span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--stone);font-size:8px;letter-spacing:.05em}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px}
.media-card{margin:0;min-width:0}
.media-button{display:flex;width:100%;height:clamp(145px,18vw,235px);align-items:center;justify-content:center;padding:0;border:0;background:#e9e1d4;overflow:hidden;cursor:zoom-in}
.media-button img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s var(--ease)}
.media-button:hover img{transform:scale(1.025)}
.media-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:9px;padding:8px 1px 0;color:var(--green);font-size:9px}
.media-card figcaption strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-card figcaption span{color:var(--stone);font-size:8px;white-space:nowrap}
.archive-empty{grid-column:1/-1;padding:42px 0;color:var(--stone);font-size:12px}
.category-footnote{text-align:right;font-size:9px;color:var(--stone);letter-spacing:.06em;margin:22px 0 0}
.filter-list{gap:3px}
.filter-list .category-tab{font-size:9px;padding:7px 9px}
.dome-footer #dome-count{letter-spacing:.06em}
@media(max-width:900px){.archive-groups{gap:28px 16px}.media-button{height:clamp(140px,23vw,205px)}}
@media(max-width:650px){
  .site-header .brand{font-size:12px}
  .site-header .brand-mark{font-size:24px}
  .hero-art{height:350px;margin-top:5px}
  .collage-main{width:65%;height:68%;right:8%;top:12%}
  .collage-small{width:41%;height:37%;left:2%;bottom:9%}
  .collage-figure{width:24%;height:27%;right:1%;bottom:7%}
  .works{padding-top:55px;padding-bottom:76px}
  .archive-toolbar{align-items:stretch;flex-direction:column;gap:12px;padding:12px 0}
  .category-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:0 0 7px;scrollbar-width:none}
  .category-tabs::-webkit-scrollbar{display:none}
  .category-tab{padding:8px 10px;font-size:10px;white-space:nowrap}
  .archive-search{width:100%;min-width:0}
  .subfolder-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .subfolder-tabs::-webkit-scrollbar{display:none}
  .subfolder-tabs .category-tab{font-size:8px}
  .archive-status{font-size:8px;line-height:1.6}
  .archive-status span:last-child{text-align:right}
  .archive-groups{grid-template-columns:1fr;gap:24px}
  .media-grid{gap:8px}
  .media-button{height:clamp(140px,43vw,250px)}
  .archive-group-heading h3{font-size:15px}
  .category-footnote{text-align:left;font-size:8px;line-height:1.7}
  .filter-list{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:none}
  .filter-list::-webkit-scrollbar{display:none}
}
.category-tabs .category-tab{font-size:12px;padding:10px 13px}
@media(max-width:650px){.category-tabs .category-tab{font-size:11px;padding:9px 11px}}
.collage-main::before{content:"";position:absolute;z-index:-1;inset:8px -10px -9px 8px;background:#e0d4c1;clip-path:polygon(0 2%,100% 0,99% 83%,73% 87%,74% 92%,40% 90%,36% 95%,0 91%)}

/* V2 art direction: illustrated botanical warmth, with photography kept clean. */
:root{--paper:#f1e8d7;--green:#183d31;--clay:#b96c4c;--stone:#9a8b73;--ink:#2e2b24;--line:rgba(37,54,42,.23)}
.site-header{background:rgba(241,232,215,.94)}
.hero{min-height:620px;height:min(760px,calc(100svh - 82px));grid-template-columns:.78fr 1.22fr;padding-top:38px;background:#f1e8d7}
.hero-copy{padding:0 0 28px;max-width:510px}
.hero h1{font-size:clamp(58px,7.8vw,108px);line-height:1.06;letter-spacing:-.035em}
.hero h1 em{color:var(--green);font-style:normal}
.hero-english{margin:14px 0 18px;color:#786d5c;font-size:18px}
.hero .eyebrow{margin-bottom:30px;font-size:9px;color:#756b5c}
.round-link{margin-top:12px;font-size:12px}
.hero-signature{margin-top:36px}
.hero-art{min-height:550px;overflow:visible}
.hero-art::before{content:"";position:absolute;z-index:-2;inset:10% -8% 5% 7%;background:radial-gradient(ellipse at 68% 45%,rgba(179,156,119,.28),transparent 55%),radial-gradient(ellipse at 15% 80%,rgba(25,61,49,.12),transparent 42%)}
.hero-art::after{content:"";position:absolute;z-index:4;pointer-events:none;right:-2%;bottom:3%;width:23%;height:48%;opacity:.5;background:radial-gradient(ellipse at 50% 10%,transparent 35%,#325445 37% 39%,transparent 41%),radial-gradient(ellipse at 20% 32%,#55745b 0 4%,transparent 4.5%),radial-gradient(ellipse at 77% 44%,#55745b 0 4%,transparent 4.5%),radial-gradient(ellipse at 27% 60%,#55745b 0 4%,transparent 4.5%),linear-gradient(72deg,transparent 48%,#325445 49% 50%,transparent 51%);mask-image:linear-gradient(transparent,#000 14%)}
.collage-disc{width:31%;right:10%;top:10%;background:#b96c4c;opacity:.78}
.collage-photo{background:#f8f2e7;padding:8px 8px 23px;box-shadow:0 17px 38px rgba(50,43,31,.16)}
.collage-photo img{object-fit:contain;background:#e7dfd2}
.collage-main{width:65%;height:72%;right:11%;top:12%;transform:rotate(1.2deg)}
.collage-small{width:38%;height:37%;left:2%;bottom:12%;transform:rotate(-3deg)}
.collage-figure{width:27%;height:33%;right:0%;bottom:9%;transform:rotate(3deg)}
.collage-main::before{inset:8px -9px -10px 9px;background:#d5c5a8;clip-path:polygon(0 0,100% 2%,98% 84%,78% 88%,77% 94%,37% 90%,32% 96%,0 91%)}
.paper-note{top:7%;right:7%;font-size:9px;color:var(--green)}
.collage-index{left:7%;top:16%;color:var(--green)}
.hero-bottomline{height:44px;color:#756b5c}
.works{background:#e9dfce;padding-top:44px;padding-bottom:76px}
.works-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:0 0 18px}
.works-heading .eyebrow{margin:0 0 6px;color:#817560;font-size:8px}
.works-heading h2{margin:0;color:var(--green);font:400 clamp(30px,3.6vw,45px)/1.15 var(--serif);letter-spacing:.04em}
.works-total{padding-bottom:4px;color:#8d806a;font:italic 11px var(--serif);white-space:nowrap}
.archive-toolbar{padding:10px 0;border-top:1px solid rgba(24,61,49,.25);border-bottom:1px solid rgba(24,61,49,.25)}
.category-tabs{gap:7px;padding:5px 6px}
.category-tabs .category-tab,.filter-list .category-tab{position:relative;min-height:38px;align-items:center;padding:9px 15px;border:1px solid transparent;border-radius:999px;background:rgba(24,61,49,.88);color:#f1e8d7;font-size:12px;letter-spacing:.04em;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s,color .2s,box-shadow .2s}
.category-tabs .category-tab:hover,.filter-list .category-tab:hover{transform:translateY(-2px) scale(1.035);background:#2b5544;color:#fff8eb}
.category-tabs .category-tab.active,.filter-list .category-tab.active{background:#d3c2a5;color:#183d31;box-shadow:0 2px 0 rgba(24,61,49,.15),inset 0 0 0 1px rgba(24,61,49,.15)}
.category-tab sup{color:inherit;opacity:.67;font-size:9px}
.archive-search{border-bottom-color:rgba(24,61,49,.35)}
.archive-search input{font-size:12px}
.archive-status{padding:13px 0 10px;color:#837761}
.archive-groups{gap:26px 18px}
.archive-group-heading h3{font-size:16px}
.media-grid{gap:9px}
.media-button{background:#e1d7c6}
.media-button img{background:#e1d7c6}
.category-footnote{margin-top:13px}
.archive{padding-top:70px;padding-bottom:86px;background:#f1e8d7}
.archive .section-label,.archive-heading{position:relative;z-index:2}
.archive-heading{padding:28px 0 22px}
.archive-heading h2{font-size:clamp(32px,4vw,48px)}
.archive-heading>p{font-size:11px;max-width:none}
.archive-controls{padding:8px 0}
.filter-list{gap:4px}
.filter-list .category-tab{min-height:34px;padding:7px 12px;font-size:10px}
.dome-shell{margin-top:16px;min-height:500px;background:#ded3c0;border-color:rgba(24,61,49,.17)}
.dome-shell::before,.dome-shell::after{width:78%;height:62%;top:20%;left:11%;border-color:rgba(24,61,49,.13)}
.dome-stage{height:500px;perspective:1150px}
.dome-card{width:clamp(135px,15vw,190px);height:clamp(108px,12vw,154px);margin:-76px 0 0 -95px;padding:6px 6px 21px;background:#f8f2e7;box-shadow:0 9px 22px rgba(43,39,31,.17)}
.dome-card img{background:#e3dacb;object-fit:contain}
.dome-card span{font-size:8px;color:#315242}
.dome-center{width:112px;height:112px;background:rgba(241,232,215,.78);color:#183d31;box-shadow:0 0 0 1px rgba(24,61,49,.16),0 0 0 12px rgba(241,232,215,.16)}
.dome-instruction{font-size:9px}
.dome-footer{font-size:9px}
.dome-shell.is-grid .dome-card{height:auto}
.closing{background:#183d31}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .9s cubic-bezier(.18,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.hero-art.reveal{transform:translateX(24px) scale(.985)}
.hero-art.reveal.is-visible{transform:translateX(0) scale(1)}
@media(max-width:900px){.hero{min-height:570px;height:auto;grid-template-columns:.86fr 1.14fr}.hero-art{min-height:455px}.hero h1{font-size:clamp(52px,8vw,80px)}.dome-stage{height:470px}.dome-shell{min-height:470px}}
@media(max-width:650px){
  .hero{padding-top:38px;gap:8px}
  .hero-copy{padding-bottom:0}
  .hero .eyebrow{margin-bottom:21px;font-size:8px}
  .hero h1{font-size:clamp(50px,13.2vw,74px)}
  .hero-english{margin:11px 0 10px;font-size:17px}
  .hero-signature{margin-top:20px}
  .hero-art{height:320px;min-height:0;margin:0 0 17px}
  .hero-art::after{right:-1%;width:19%;height:42%}
  .collage-main{width:64%;height:70%;right:10%;top:12%}
  .collage-small{width:40%;height:37%;left:1%;bottom:9%}
  .collage-figure{width:25%;height:31%;right:0;bottom:7%}
  .hero-bottomline span:first-child{display:block;font-size:7px}
  .hero-bottomline span:last-child{display:none}
  .works{padding-top:30px;padding-bottom:58px}
  .works-heading{padding-bottom:12px}
  .works-heading h2{font-size:31px}
  .works-total{font-size:9px}
  .category-tabs .category-tab{min-height:36px;padding:8px 12px;font-size:11px}
  .archive-status{padding:10px 0 7px}
  .archive{padding-top:54px}
  .dome-shell{min-height:410px}
  .dome-stage{height:410px;perspective:750px}
  .dome-card{width:116px;height:94px;margin:-50px 0 0 -58px;padding:4px 4px 17px}
  .dome-card span{font-size:6px}
  .dome-center{width:82px;height:82px;font-size:7px}
  .filter-list .category-tab{min-height:32px;padding:7px 10px}
  .reveal{transform:translateY(12px)}
}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.is-visible,.hero-art.reveal,.hero-art.reveal.is-visible{opacity:1;transform:none;transition:none}}

/* React Bits CircularCarousel behavior, tuned for the site's warm archive. */
.dome-stage{perspective:1400px;touch-action:pan-y;cursor:grab;overflow:hidden}
.dome-stage.is-dragging{cursor:grabbing}
.circular-camera{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.dome-sphere{position:absolute;left:50%;top:46%;width:0;height:0;transform-style:preserve-3d;will-change:transform;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.dome-card{top:0;left:0;margin:0;transform-origin:50% 50%;transition:opacity .45s ease,box-shadow .35s,filter .4s;backface-visibility:visible;border:0;outline:1px solid rgba(24,61,49,.13);border-radius:4px;padding:7px 7px 26px;background:#f8f2e7;box-shadow:0 12px 27px rgba(43,39,31,.2)}
.dome-card img{height:calc(100% - 20px);background:#e3dacb;object-fit:contain}
.dome-card span{bottom:7px;left:9px;right:9px;font-size:8px;letter-spacing:.04em}
.dome-card[aria-current="true"]{box-shadow:0 17px 38px rgba(43,39,31,.24);outline-color:rgba(24,61,49,.34)}
.dome-card:hover,.dome-card:focus-visible{filter:brightness(1.04);z-index:40!important}
.carousel-caption{position:absolute;z-index:5;left:0;right:0;bottom:51px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--green);pointer-events:none;text-align:center}
.carousel-title{max-width:min(80%,440px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:15px var(--serif);letter-spacing:.04em}
.carousel-count{font-size:9px;letter-spacing:.18em;color:#80745f}
.subfolder-tabs{gap:10px;padding:16px 8px 7px;overflow-x:auto;scrollbar-width:none}
.subfolder-tabs::-webkit-scrollbar{display:none}
.subfolder-tabs .category-tab{flex:0 0 auto;min-height:36px;border:1px solid rgba(24,61,49,.17);border-radius:999px;background:rgba(248,242,231,.78);color:#635d51;padding:8px 14px;font-size:10px;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s,color .25s,border-color .25s,box-shadow .25s}
.subfolder-tabs .category-tab:hover{transform:translateY(-2px) scale(1.025);border-color:rgba(24,61,49,.45);background:#f8f2e7}
.subfolder-tabs .category-tab.active{transform:scale(1.055);background:#183d31;border-color:#183d31;color:#f1e8d7;box-shadow:0 4px 10px rgba(24,61,49,.15)}
.subfolder-tabs .category-tab:active{transform:scale(.96)}
.subfolder-tabs .category-tab sup{margin-left:2px}
.grid-stage .dome-card{width:auto!important;height:auto!important;top:auto;left:auto;padding:6px 6px 24px;border-radius:3px;transform:none!important}
.grid-stage .dome-card img{height:100%;object-fit:contain}
@media(max-width:650px){
  .dome-stage{height:410px;perspective:950px}
  .dome-sphere{top:43%}
  .carousel-caption{bottom:39px}
  .carousel-title{font-size:13px}
  .subfolder-tabs{gap:7px;padding:12px 2px 6px}
  .subfolder-tabs .category-tab{min-height:34px;padding:7px 12px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.dome-sphere,.dome-card,.subfolder-tabs .category-tab{transition:none}}

/* Hero DriftWall: a calm, locally sourced photo wall with full-frame images. */
.hero-art{height:clamp(500px,65vh,650px);min-height:480px;overflow:hidden;isolation:isolate}
.hero-art::before{content:"";position:absolute;z-index:-2;inset:7% 4%;border-radius:48% 52% 42% 58%/47% 39% 61% 53%;background:radial-gradient(ellipse at 68% 35%,rgba(185,108,76,.18),transparent 42%),radial-gradient(ellipse at 32% 70%,rgba(24,61,49,.12),transparent 48%)}
.hero-art::after{z-index:-1;opacity:.32;right:1%;bottom:3%;width:13%;height:35%;pointer-events:none}
.drift-wall{--dw-gap:12px;--dw-tile-w:160px;--dw-tile-h:122px;position:absolute;inset:2% 2% 7%;overflow:hidden;perspective:1400px;perspective-origin:50% 50%;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 87%,transparent 100%),linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite:source-in}
.drift-wall__plane{position:absolute;left:50%;top:50%;display:flex;align-items:flex-start;gap:var(--dw-gap);transform-style:preserve-3d;transform-origin:center;will-change:transform;transition:transform .35s ease-out}
.drift-wall__column{position:relative;width:calc(var(--dw-tile-w) + var(--dw-gap));flex:0 0 auto;transform-style:preserve-3d}
.drift-wall__track{display:flex;flex-direction:column;will-change:transform;transform-style:preserve-3d}
.drift-wall__tile{position:relative;display:block;width:var(--dw-tile-w);height:calc(var(--dw-tile-h) + var(--dw-gap));flex:0 0 auto;margin:0;padding:0;border:0;background:transparent;cursor:zoom-in;transform-style:preserve-3d;outline:none}
.drift-wall__frame{position:absolute;inset:calc(var(--dw-gap) / 2);overflow:hidden;display:block;background:#e4dac8;border:5px solid #f7f0e4;box-shadow:0 10px 24px rgba(39,43,33,.15);transform:translateZ(0);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.drift-wall__frame img{display:block;width:100%;height:100%;object-fit:contain;background:#e4dac8;user-select:none;-webkit-user-drag:none}
.drift-wall__tile-title{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;background:rgba(247,240,228,.93);color:#183d31;font:10px var(--serif);letter-spacing:.03em;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drift-wall__tile.is-active .drift-wall__frame,.drift-wall__tile:focus-visible .drift-wall__frame{transform:translateZ(42px) scale(1.045);box-shadow:0 20px 36px rgba(39,43,33,.24)}
.drift-wall__tile.is-active .drift-wall__tile-title,.drift-wall__tile:focus-visible .drift-wall__tile-title{opacity:1;transform:translateY(0)}
.drift-wall__note{position:absolute;right:4%;top:3%;z-index:5;color:#315242;font:italic 9px/1.6 var(--serif);letter-spacing:.16em;pointer-events:none}
.drift-wall__index{position:absolute;left:3%;top:16%;z-index:5;color:#315242;font:italic 10px var(--serif);writing-mode:vertical-rl;pointer-events:none}
@media(max-width:900px){.hero-art{height:clamp(450px,60vh,560px);min-height:440px}.drift-wall{inset:3% 1% 8%}.drift-wall__frame{border-width:4px}}
@media(max-width:650px){.hero-art{height:340px;min-height:320px;margin:0 0 10px}.drift-wall{inset:3% 0 7%}.drift-wall__note{font-size:7px}.drift-wall__index{top:18%;font-size:8px}.hero-art::after{height:28%;width:12%;right:0}}
@media(prefers-reduced-motion:reduce){.drift-wall__plane,.drift-wall__frame,.drift-wall__tile-title{transition:none}.drift-wall__track{will-change:auto}}
/* Keep directional marks consistent across text and emoji-based system fonts. */
.ui-arrow,.round-arrow svg{display:inline-block;width:15px;height:15px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.round-arrow svg{width:16px;height:16px}