@charset "UTF-8";
:root{--paper:#e5d8c2;--paper-light:#f1e7d6;--paper-soft:#d7c5a9;--ink:#38352d;--muted:#736856;--red:#844b3f;--rust:#a46a51;--moss:#4f5a48;--gold:#b49260;--navy:#3b4850;--line:rgba(72,58,43,.22);--serif:"Noto Serif CJK SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Noto Sans CJK SC","PingFang SC","Microsoft YaHei",sans-serif;--mono:"IBM Plex Mono","Courier New",monospace;--ease:cubic-bezier(.22,1,.36,1);--r:3px;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.72;overflow-x:hidden}button,input,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d0a364;outline-offset:4px}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}::selection{background:var(--rust);color:#fff}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}p{line-height:1.95}.container{max-width:1500px;padding:0 clamp(22px,5.6vw,95px);margin:auto}.content-section{position:relative;padding:clamp(90px,10vw,166px) 0}.eyebrow{display:block;font-size:11px;letter-spacing:.19em;font-family:var(--mono),var(--sans);text-transform:uppercase;font-weight:600}.muted{color:var(--muted)}.serif-accent{color:var(--red)}.small-num{font:11px var(--mono);letter-spacing:.1em}.title-ornament{font-family:var(--serif);font-size:.62em;color:var(--rust);margin-left:.12em}.section-blurb{font-size:13px;max-width:490px;line-height:2.1;color:var(--muted);margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:14px 24px;letter-spacing:.08em;font-size:12px;font-weight:600;border:1px solid transparent;transition:transform .3s var(--ease),background .3s,color .3s;border-radius:0;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button.solid{background:var(--red);color:#f4e8d6}.button.solid:hover{background:#6c3b32}.button.outline{border-color:var(--ink);color:var(--ink);background:transparent}.button.outline:hover{background:var(--ink);color:var(--paper-light)}.button.link{border:0;border-bottom:1px solid var(--red);padding:14px 0;min-height:auto}.text-btn{border:0;background:none;padding:0 2px 8px;color:inherit;border-bottom:1px solid currentColor;font-size:12px;letter-spacing:.08em;white-space:nowrap}.text-btn:hover{color:var(--red)}.micro-tip{font-size:11px;color:var(--muted);margin-top:14px;letter-spacing:.04em}
.screen-grain{pointer-events:none;position:fixed;inset:0;z-index:100;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--red);z-index:300}.global-header{position:fixed;z-index:250;left:0;right:0;top:0;height:78px;background:rgba(230,216,196,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(72,58,43,.15);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.5vw,76px);gap:20px;transition:height .3s,box-shadow .3s}.global-header.scrolled{height:68px;box-shadow:0 7px 28px #3024190b}.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}.brand-seal{display:grid;place-items:center;width:39px;height:39px;background:var(--red);color:#f3e4cf;font:24px var(--serif);border-radius:50%;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--red)}.brand-words{display:grid;gap:0}.brand-words strong{font:600 19px var(--serif);letter-spacing:.2em;line-height:1.25}.brand-words small{font:8px var(--mono);letter-spacing:.07em;line-height:1.65}.global-header nav{display:flex;align-items:center;gap:clamp(13px,2vw,35px);margin-left:auto}.global-header nav a{font-size:12px;letter-spacing:.05em;position:relative;white-space:nowrap}.global-header nav a:after{content:"";position:absolute;bottom:-10px;left:0;right:100%;height:1px;background:var(--red);transition:right .3s}.global-header nav a:hover:after,.global-header nav a.active:after{right:0}.header-actions{display:flex;gap:10px;align-items:center}.motion-toggle{border:0;background:none;color:var(--muted);white-space:nowrap;font-size:10px;padding:6px 4px}.motion-dot{display:inline-block;width:6px;height:6px;background:var(--rust);border-radius:50%;margin-right:3px;vertical-align:middle}.nav-lab{background:var(--ink);color:var(--paper-light);font-size:11px;padding:12px 15px;display:flex;gap:18px;align-items:center;white-space:nowrap}.nav-lab:hover{background:var(--red)}.menu-button{display:none;background:transparent;border:0;width:36px;height:36px;flex-direction:column;justify-content:center;gap:6px}.menu-button span{height:1px;background:var(--ink);width:24px}
.hero{min-height:920px;height:100svh;max-height:1170px;padding-top:78px;display:grid;grid-template-columns:53% 47%;position:relative;background:var(--paper)}.hero-left{position:relative;z-index:2;padding:clamp(40px,5.7vw,100px) 5vw 36px clamp(22px,6.3vw,100px);display:flex;flex-direction:column;overflow:hidden}.hero-left:before{content:"";position:absolute;left:-40px;top:18%;width:400px;height:400px;background:radial-gradient(ellipse,#e2c29c5b 0,transparent 72%);pointer-events:none}.hero-eyebrow{font-size:10px;color:var(--red);letter-spacing:.17em;display:flex;align-items:center;gap:13px;font-weight:600;white-space:nowrap}.micro-diamond{width:7px;height:7px;border:1px solid var(--red);transform:rotate(45deg)}.hero-divider{height:1px;width:33px;background:var(--rust)}.hero-title-wrap{position:relative;margin:auto 0 0;padding:0 0 10px 25px}.vertical-pretitle{position:absolute;left:0;top:6%;writing-mode:vertical-rl;transform:rotate(180deg);font:10px var(--mono);letter-spacing:.2em;color:var(--rust)}.hero h1{font-size:clamp(75px,7.7vw,135px);line-height:1.29;letter-spacing:-.08em;font-weight:600;white-space:nowrap;text-shadow:0 3px 1px #e5cbb26a}.hero h1 span:not(.hero-title-dot){font-weight:400;color:var(--red)}.hero h1 em{font-weight:400;font-style:normal;color:var(--moss)}.hero h1 .hero-title-dot{color:var(--rust);font-size:.72em}.hero-english{margin-top:20px;font:italic 16px/1.5 Georgia,serif;letter-spacing:.08em;color:#7f6754}.hero-lead{font-family:var(--serif);font-size:15px;max-width:465px;line-height:2.25;padding:26px 0 0 25px;color:#575044}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:28px;padding-left:25px}.hero-footer{margin-top:auto;padding-top:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}.hero-footer>div{display:flex;flex-direction:column;gap:3px}.hero-footer b{font:34px Georgia,serif;font-weight:400;color:var(--red)}.hero-footer small{font-size:10px;letter-spacing:.11em;color:var(--muted)}.hero-right{position:relative;background:#4b463b;overflow:hidden}.hero-wall-photo{position:absolute;inset:-4%;background-image:url('assets/east-wall.webp');background-position:50% 40%;background-size:cover;filter:sepia(.09) saturate(.82) contrast(1.02);transform:scale(1.05);animation:hero-drift 18s ease-in-out infinite alternate}.hero-right-shade{position:absolute;inset:0;background:linear-gradient(165deg,#332f24b3 0%,transparent 28%,#392e2561 60%,#342a23d9 100%)}.hero-mark{position:absolute;top:47px;left:45px;color:#efe1cb;font-size:10px;letter-spacing:.16em;padding:11px 14px;border:1px solid #eedfbc90;background:#352b2455}.hero-vertical{position:absolute;top:24%;right:20px;font:15px var(--serif);color:#eee1c8;letter-spacing:.5em;writing-mode:vertical-rl}.hero-floating-motif{position:absolute;width:min(59%,390px);aspect-ratio:1;top:23%;left:24%;filter:drop-shadow(0 12px 10px #342b2399);border:1px solid #f0c69280;border-radius:50%;display:grid;place-items:center;animation:float-medallion 9s ease-in-out infinite alternate}.hero-floating-motif:before,.hero-floating-motif:after{content:"";position:absolute;inset:6%;border:1px solid #f2c79b50;border-radius:50%}.hero-floating-motif:after{inset:-8%;border-style:dashed;animation:spin 70s linear infinite}.hero-floating-motif img{width:90%;height:90%;object-fit:contain;filter:invert(84%) sepia(26%) saturate(505%) hue-rotate(349deg) brightness(100%)}.hero-wall-label{position:absolute;bottom:62px;left:47px;color:#f4e7d4;display:grid;gap:6px}.hero-wall-label span{font:11px var(--mono);letter-spacing:.2em;color:#edbc7c}.hero-wall-label strong{font:30px var(--serif);letter-spacing:.09em;font-weight:400}.hero-wall-label small{font-size:11px;opacity:.75}.hero-round-link{position:absolute;right:45px;bottom:67px;border-radius:50%;border:1px solid #f3e1c0bb;color:#f3e1c0;width:64px;height:64px;display:grid;place-items:center;font-size:30px;transition:transform .3s,background .3s}.hero-round-link:hover{transform:rotate(45deg);background:#ffffff26}.hero-issue{position:absolute;z-index:3;left:50%;bottom:26px;transform:translateX(-50%);color:var(--paper-light);font:9px var(--mono);letter-spacing:.14em;pointer-events:none;white-space:nowrap}.hero-issue span{color:var(--gold)}
.marquee-band{height:56px;background:var(--red);color:#f0ddc8;overflow:hidden;display:flex;align-items:center;white-space:nowrap;border-block:1px solid #b5826d}.marquee-band div{font:italic 22px Georgia,var(--serif);letter-spacing:.16em;word-spacing:1em;animation:marquee 35s linear infinite}.marquee-band span{font-size:14px;margin:0 24px;color:#d0a969}
.intro-section{background:var(--paper-light);padding:140px 0 145px}.intro-grid{display:grid;grid-template-columns:18% 1fr 26%;gap:4%;align-items:center}.section-index{font:11px var(--mono);letter-spacing:.1em;color:var(--red);display:flex;gap:12px;align-self:start;margin-top:10px}.section-index-bar{width:34px;height:1px;background:var(--red);margin-top:9px}.intro-copy .eyebrow{color:var(--rust);margin-bottom:20px}.intro-copy h2{font-size:clamp(37px,3.65vw,64px);line-height:1.5;letter-spacing:-.055em}.intro-copy>p{max-width:730px;margin-top:26px;font-size:14px;color:#5b5146}.intro-tagline{border-left:2px solid var(--rust);padding-left:16px;margin-top:22px;font-size:11px;color:var(--muted)}.intro-round{aspect-ratio:1;border:1px solid #84695266;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:0;position:relative}.intro-round:after{content:"";inset:14px;position:absolute;border:1px dashed #84695255;border-radius:50%;animation:spin 70s linear infinite}.ring-motif{height:65%;width:65%;display:grid;place-items:center}.ring-motif img{width:100%;filter:opacity(.55);animation:float-medallion 5s ease-in-out infinite alternate}.intro-round>span{font:10px/1.5 var(--mono);letter-spacing:.22em;color:var(--red);position:relative;z-index:1}
.section-heading{display:grid;grid-template-columns:23% 1fr;gap:3%;padding-bottom:50px;align-items:start}.section-heading-side{display:flex;flex-direction:column;gap:22px;font-size:12px}.section-heading-side>span{font:11px var(--mono);color:var(--red);letter-spacing:.12em}.section-heading-side p{font-size:12px;color:var(--muted);letter-spacing:.14em}.section-heading h2{font-size:clamp(46px,5.3vw,91px);letter-spacing:-.065em;line-height:1.26}.section-heading h2 small{font:13px var(--sans);letter-spacing:.09em;display:inline-block;vertical-align:bottom;margin-left:28px;color:var(--muted)}.small-heading h2{font-size:clamp(40px,4.1vw,65px)}
.archive-section{background:#d8c6aa}.archive-tabs{display:flex;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}.chip{padding:12px 18px;background:transparent;border:1px solid #9782678c;font-size:12px;color:var(--ink);transition:background .25s}.chip.active,.chip:hover{background:var(--ink);color:var(--paper-light)}.chip span{font:9px var(--mono);padding-left:18px;opacity:.75}.archive-tab-note{margin-left:auto;font-size:11px}.archive-workspace{display:grid;grid-template-columns:minmax(0,1.86fr) minmax(275px,.7fr);min-height:570px;background:var(--paper-light);border:1px solid #96816855}.wall-viewport{position:relative;min-width:0;overflow:hidden;background:#38352c;cursor:grab;min-height:550px}.wall-viewport:active{cursor:grabbing}.wall-viewport img{width:100%;height:100%;object-fit:contain;object-position:center;position:absolute;inset:0;user-select:none;transform-origin:center center;transition:transform .18s ease-out}.wall-hotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);width:44px;height:44px;border:1px solid #f5e3bf;background:#3e342a99;color:#f5e3bf;border-radius:50%;display:grid;place-items:center;font:12px var(--mono);cursor:pointer;transition:background .25s,scale .3s}.wall-hotspot:before{content:"";position:absolute;inset:-8px;border:1px solid #f1dcaf88;border-radius:50%;animation:pulse 3s infinite}.wall-hotspot:hover,.wall-hotspot.active{background:#a6543b;scale:1.08}.wall-viewport-note{position:absolute;left:18px;bottom:15px;color:#f9ecd5;background:#29291fc2;padding:7px 12px;font-size:10px;z-index:4;pointer-events:none}.archive-detail{padding:clamp(22px,3vw,48px);display:flex;flex-direction:column;min-width:0}.archive-detail-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.archive-detail-top .eyebrow{color:var(--red)}.archive-detail-body{margin:auto 0;padding:35px 0}.archive-detail h3{font-size:clamp(28px,2.9vw,44px);line-height:1.5}.archive-detail p{font-size:13px;margin-top:18px;color:var(--muted)}.archive-detail-key{display:flex;gap:6px;flex-wrap:wrap;margin-top:28px}.archive-detail-key span{background:#d8c6ab;color:var(--red);padding:7px 12px;font-size:10px}.archive-controls{display:flex;align-items:center;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.archive-controls button{background:none;border:0;border-right:1px solid var(--line);width:43px;height:43px;font-size:22px}.archive-controls button:hover{background:#e8d5b5}.archive-controls span{font:11px var(--mono);padding:0 15px}.archive-controls .archive-reset{width:auto;margin-left:auto;padding:0 10px;font-size:10px;border-left:1px solid var(--line);border-right:0}.archive-credit{font-size:10px!important;line-height:1.9!important;margin-top:22px!important}.archive-bottom{padding-top:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.archive-bottom-title{font:21px/1.7 var(--serif)}.archive-bottom-stats{display:flex;gap:35px}.archive-bottom-stats div{font-size:12px;white-space:nowrap}.archive-bottom-stats span{font:40px var(--serif);color:var(--red);margin-right:4px}
.palette-section{padding:102px 0 125px;background:#e8dac6}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.palette-swatch{border:1px solid #7a625437;min-width:0;cursor:pointer;transition:transform .3s}.palette-swatch:hover{transform:translateY(-8px)}.palette-color{height:clamp(115px,14vw,210px);position:relative}.palette-color:after{content:"↗";position:absolute;right:10px;top:8px;font:16px var(--mono);color:#ffffffaf}.palette-swatch-info{padding:16px 8px 12px}.palette-swatch-info strong{display:block;font:17px var(--serif);white-space:nowrap}.palette-swatch-info small{font:11px var(--mono);color:var(--muted);letter-spacing:.03em}
.patterns-section{background:#393b33;color:#eee4d2;padding-bottom:110px}.section-heading.light-on-dark .section-heading-side>span,.section-heading.particle-heading .section-heading-side>span{color:#d4af7c}.section-heading.light-on-dark .section-heading-side p,.section-heading.light-on-dark .section-blurb{color:#c4bcae}.pattern-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #bcb09a58;border-bottom:1px solid #bcb09a58;padding:17px 0;margin-bottom:26px}.pattern-filter{display:flex;gap:8px;flex-wrap:wrap}.pattern-filter button{color:#d0c4af;background:transparent;padding:9px 14px;border:1px solid #cdbca640;font-size:11px;white-space:nowrap}.pattern-filter button.active,.pattern-filter button:hover{background:#d1b48e;color:#332f27}.pattern-filter button span{font:9px var(--mono);margin-left:5px}.pattern-search{display:flex;align-items:center;gap:8px;color:#dfd1b4;border-bottom:1px solid #c3b29d8f;font-size:20px}.pattern-search input{background:transparent;border:0;color:#e7dfd1;font-size:12px;padding:10px 2px;outline:none;width:180px}.pattern-search input::placeholder{color:#c7c0b0}.pattern-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pattern-card{min-width:0;cursor:pointer;background:#e8dfd0;color:#39352d;display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s;position:relative;overflow:hidden}.pattern-card:hover{transform:translateY(-9px);box-shadow:0 24px 34px #151a1763}.pattern-card-art{background:#ddd0bb;position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.pattern-card:nth-child(4n+2) .pattern-card-art{background:#ceb79c}.pattern-card:nth-child(4n+3) .pattern-card-art{background:#c4cab5}.pattern-card:nth-child(4n) .pattern-card-art{background:#c5b6aa}.pattern-card-art:before{content:"";position:absolute;inset:9px;border:1px solid #7965496b}.pattern-card-art img{width:73%;height:73%;object-fit:contain;opacity:.85;mix-blend-mode:multiply;transition:transform .9s var(--ease)}.pattern-card:hover img{transform:scale(1.12) rotate(8deg)}.pattern-card-art .specimen-num{position:absolute;left:18px;top:17px;font:11px var(--mono);color:#604536}.pattern-card-art .specimen-plus{position:absolute;right:16px;bottom:13px;font:22px var(--mono);transition:transform .3s}.pattern-card:hover .specimen-plus{transform:rotate(90deg)}.pattern-card-bottom{padding:22px 20px 25px}.pattern-card-meta{font:9px var(--mono);color:var(--red);letter-spacing:.05em}.pattern-card-bottom h3{font-size:25px;margin-top:10px;letter-spacing:.06em}.pattern-card-bottom p{font-size:11px;color:#766a5d;line-height:1.8;margin-top:7px}.pattern-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:17px}.pattern-card-tags span{font-size:9px;border:1px solid #9d8a7360;padding:3px 8px}.catalog-foot{border-top:1px solid #c7b79c55;display:flex;align-items:center;justify-content:space-between;padding-top:27px;margin-top:30px;color:#d6c8b0;font:11px var(--mono)}.catalog-foot .text-btn{font-family:var(--sans);color:#d8b180}
.trace-section{background:#dfccb1}.trace-layout{display:grid;grid-template-columns:36% 1fr;gap:7%;align-items:center}.trace-copy h2{font-size:clamp(50px,5vw,84px);line-height:1.35;margin-top:22px}.trace-copy>p{max-width:490px;font-size:13px;color:var(--muted);margin-top:25px}.trace-steps{margin-top:33px;border-top:1px solid var(--line)}.trace-steps>div{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:29px}.trace-steps b{color:var(--red);font:15px var(--mono)}.trace-steps span{font-size:12px;letter-spacing:.13em}.trace-copy .trace-caveat{font-size:10px;line-height:1.75;color:#8a7664}.trace-viewer{background:#f4e9d9;padding:18px;box-shadow:21px 21px 0 #d0b797}.trace-compare{height:440px;position:relative;overflow:hidden;background:#e6dccb;user-select:none;touch-action:none;cursor:ew-resize}.trace-side{position:absolute;inset:0;overflow:hidden}.trace-side.source{background:#c5ac89}.trace-side.extraction{background:#ebe3d5;clip-path:inset(0 0 0 50%)}.trace-side img{width:100%;height:100%;object-fit:contain}.trace-side.extraction img{width:70%;height:80%;margin:auto;margin-top:5%;object-fit:contain;mix-blend-mode:multiply}.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#a34337;transform:translateX(-50%);pointer-events:none}.compare-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#9d5341;color:#f3e7d5;display:grid;place-items:center;box-shadow:0 4px 8px #45312633;font-size:21px}.trace-viewer-foot{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.1em;padding:16px 2px}.trace-viewer-foot input{flex:1;min-width:0;accent-color:var(--red)}.trace-preset{border-top:1px solid var(--line);display:flex;gap:6px;padding-top:13px;flex-wrap:wrap}.trace-preset button{background:transparent;border:1px solid var(--line);padding:8px 10px;font-size:10px}.trace-preset button.active{background:var(--red);color:#f5e9d8}
.composer-section{background:#f0e6d5}.composer-shell{display:grid;grid-template-columns:360px minmax(0,1fr);background:#e0d2be;border:1px solid #b8a183;min-height:660px;overflow:hidden}.composer-panel{padding:33px;background:#e0d2be;border-right:1px solid #ab9278}.panel-section-name{margin:24px 0 14px;font:11px var(--mono);letter-spacing:.1em;color:var(--red)}.panel-section-name:first-child{margin-top:0}.mini-motif-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-motif-grid button,.particle-mini button,.product-mini-grid button{aspect-ratio:1;border:1px solid #a4927a;background:#e8dcc9;display:grid;place-items:center;transition:background .25s,transform .25s;position:relative}.mini-motif-grid button:hover,.mini-motif-grid button.active{background:#c6b194;border-color:var(--red);transform:scale(1.04)}.mini-motif-grid img,.particle-mini img,.product-mini-grid img{height:82%;width:82%;object-fit:contain;mix-blend-mode:multiply}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button{border:1px solid #b39d7f;background:transparent;font-size:11px;padding:8px 11px;color:var(--ink)}.segmented button.active,.segmented button:hover{background:var(--ink);color:var(--paper-light);border-color:var(--ink)}.range-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0 17px;font-size:11px;letter-spacing:.05em}.range-row span{font:11px var(--mono);color:var(--red)}.range-row input{grid-column:1/-1;width:100%;accent-color:var(--red);height:5px;cursor:pointer}.ink-colors,.particle-colors{display:flex;gap:10px}.color-dot{width:27px;height:27px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #655c4a66;cursor:pointer;padding:0}.color-dot.active{box-shadow:0 0 0 2px var(--red)}.composer-buttons,.application-buttons,.particle-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.composer-buttons .button,.application-buttons .button,.particle-buttons .button{min-height:46px;padding:11px 13px;font-size:10px;gap:11px}.composer-preview{padding:28px;min-width:0;background:#cabb9f;display:flex;flex-direction:column}.preview-overline,.preview-under{display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);letter-spacing:.06em;margin-bottom:14px;color:#67594a}.preview-under{margin-top:14px;margin-bottom:0}.composition-surface{position:relative;flex:1;min-height:510px;background:#eee3d2;display:grid;place-items:center;overflow:hidden;border:1px solid #a993797a}.composition-surface:before{content:"";position:absolute;inset:15px;border:1px solid #a9937955;pointer-events:none}.composition-surface:after{content:"PREVIEW / 构成预览";position:absolute;left:25px;bottom:19px;font:10px var(--mono);letter-spacing:.1em;pointer-events:none;color:#695c50}#compositionStage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.compose-unit{position:absolute;width:170px;height:170px;display:grid;place-items:center;transform-origin:center;transition:transform .25s var(--ease),left .25s,top .25s}.compose-unit img{width:100%;height:100%;object-fit:contain}
.figures-section{background:#d9c1a7}.figure-showcase{display:grid;grid-template-columns:58% 42%;min-height:695px;border:1px solid #8d735b6d}.figure-scene{background:radial-gradient(circle at 52% 45%,#dbbc93,#a88a6b 60%,#86715d 100%);display:flex;justify-content:center;align-items:end;position:relative;overflow:hidden;min-height:650px}.figure-sun{position:absolute;width:70%;aspect-ratio:1;border:1px solid #f6e2c271;border-radius:50%;top:14%;left:15%;box-shadow:0 0 0 38px #edd5a315,0 0 0 77px #edd5a315}.figure-scene:after{content:"";position:absolute;inset:16px;border:1px solid #f2e0c26e;pointer-events:none}.figure-scene>img{position:relative;z-index:2;max-width:94%;max-height:90%;object-fit:contain;object-position:bottom;filter:drop-shadow(14px 14px 8px #48302544);transition:opacity .5s,transform .6s;animation:figure-breathe 7s ease-in-out infinite alternate}.figure-scene-caption{position:absolute;z-index:3;bottom:18px;left:24px;font:10px var(--mono);color:#f7ebd4}.floating-ribbon{position:absolute;width:14%;height:56%;z-index:3;top:27%;left:15%;border:9px solid transparent;border-left-color:#c16f58;border-radius:60% 35% 60% 60%;transform-origin:top;filter:drop-shadow(2px 4px 4px #45332640);pointer-events:none;animation:ribbon-sway 4.5s ease-in-out infinite alternate}.ribbon-b{left:76%;top:33%;height:49%;width:11%;border-left-color:#d2af74;animation-duration:6s;animation-delay:-1.2s}.ribbon-c{left:58%;top:63%;height:32%;width:13%;border-left-color:#a55b50;animation-duration:5s;animation-delay:-2s}.figure-details{padding:clamp(25px,5vw,80px);display:flex;flex-direction:column;justify-content:center;background:#edddc6}.figure-details .eyebrow{color:var(--red)}.figure-details h3{font-size:clamp(31px,3.3vw,55px);margin-top:21px;line-height:1.5}.figure-details>p{font-size:13px;color:var(--muted);margin-top:15px}.figure-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.figure-feature-tags span{border-bottom:1px solid #987c60;font-size:11px;padding:4px 6px;color:var(--red)}.wind-control{border-top:1px solid var(--line);margin-top:55px;padding-top:22px}.wind-title{display:flex;justify-content:space-between;font-size:12px}.wind-title span{font:10px var(--mono);color:var(--red)}.wind-control input{margin-top:16px;width:100%;accent-color:var(--red)}.wind-control small{display:block;color:var(--muted);font-size:10px}.figure-pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}.figure-pagination button{background:transparent;border:1px solid #917b65;padding:10px 13px;color:var(--ink);font:11px var(--mono)}.figure-pagination button.active{background:var(--red);color:#f4e3cb;border-color:var(--red)}.sculpture-strip{margin-top:48px;display:grid;grid-template-columns:1fr 55%;background:#b9a389;min-height:470px;overflow:hidden}.sculpture-strip>div:first-child{padding:55px;display:flex;flex-direction:column;justify-content:center}.sculpture-strip h3{font-size:clamp(30px,3vw,47px);line-height:1.5;margin-top:15px}.sculpture-strip p{max-width:460px;font-size:13px;margin-top:16px;color:#54483b}.sculpture-buttons{display:flex;gap:8px;margin-top:25px}.sculpture-buttons button{border:1px solid var(--red);background:transparent;font-size:12px;padding:8px 24px}.sculpture-buttons button.active{color:#f5e8d3;background:var(--red)}.sculpture-art{background:radial-gradient(ellipse at 50% 56%,#d7cbc1,#ada8a6);display:flex;align-items:center;justify-content:center;height:490px;overflow:hidden}.sculpture-art img{height:97%;width:100%;object-fit:contain;transition:opacity .4s;mix-blend-mode:multiply}
.design-section{background:#4d3932;color:#f0dfc6}.design-section .section-heading-side>span{color:#d4ad76}.design-section .section-heading-side p,.design-section .section-blurb{color:#d7bcb0}.design-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:15px}.design-item{grid-column:span 3;min-width:0;background:#211e1c;position:relative;cursor:pointer;overflow:hidden}.design-item:nth-child(1),.design-item:nth-child(6){grid-column:span 6}.design-item:nth-child(4),.design-item:nth-child(5){grid-column:span 3}.design-item img{height:100%;width:100%;max-height:570px;object-fit:cover;aspect-ratio:4/5;transition:transform .7s var(--ease),filter .5s}.design-item:nth-child(1) img,.design-item:nth-child(6) img{aspect-ratio:5/3}.design-item:hover img{transform:scale(1.065);filter:brightness(.83)}.design-item-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#151413bb);display:flex;align-items:flex-end;justify-content:space-between;padding:42px 20px 19px;gap:12px}.design-item-label b{font:22px var(--serif);font-weight:400}.design-item-label span{font:10px var(--mono);letter-spacing:.1em}.design-gallery-foot{margin-top:28px;border-top:1px solid #b49c834b;display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:24px;font:10px var(--mono);color:#dec5a9}.design-gallery-foot .text-btn{color:#e9c9a3}
.application-section{background:#e6d8c3;padding-bottom:140px}.application-grid{display:grid;grid-template-columns:58% 42%;background:#dbccb7;min-height:600px;border:1px solid #a78d72}.product-main{padding:25px;display:flex;flex-direction:column}.product-tabs{display:flex;gap:5px;justify-content:flex-start;padding:0 0 20px}.product-tabs button{background:transparent;border:1px solid #9c8367;padding:9px 23px;font-size:11px}.product-tabs button.active{background:var(--ink);color:#f6e9d5}.product-stage{flex:1;min-height:470px;background:radial-gradient(ellipse at 50% 49%,#ede3d2,#c6b298);display:grid;place-items:center;position:relative;overflow:hidden}.product-stage:before{content:"";position:absolute;inset:13px;border:1px solid #87756355}.product-object{position:relative;z-index:2;transition:all .4s var(--ease)}.product-tote{height:320px;width:265px;background:linear-gradient(115deg,#e9e0d2,#e1d4c1 45%,#c9b8a4);border-radius:4px 4px 10px 10px;box-shadow:12px 18px 28px #594b414d,inset 15px 3px 30px #fff7;transform:perspective(700px) rotateY(-8deg)}.tote-handles{position:absolute;z-index:-1;width:130px;height:125px;border:17px solid #d9c7b1;border-bottom:0;top:-106px;left:68px;border-radius:100px 100px 0 0;filter:drop-shadow(2px 1px 2px #7162524d)}.product-printed-motif{position:absolute;inset:24% 19% 29%;background-image:url('assets/m01.png');background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.9;mix-blend-mode:multiply}.product-brand{position:absolute;left:25px;bottom:23px;font:9px/1.3 Georgia,serif;color:#736253;letter-spacing:.15em}.product-pillow{height:275px;width:285px;border-radius:28px 22px 26px 19px;background:linear-gradient(135deg,#ebe0cf,#d5bda1 55%,#c8b297);box-shadow:18px 22px 32px #594b414f,inset -14px -12px 23px #82674b40,inset 14px 12px 18px #fff8;transform:rotate(-6deg)}.product-pillow .product-printed-motif{inset:12%;opacity:.9}.product-pillow .product-brand{display:none}.product-book{height:320px;width:240px;background:linear-gradient(90deg,#b7a084 0%,#d5c0a6 7%,#ece0ce 10%,#dfcbb0 95%,#c5ad91 100%);box-shadow:15px 15px 0 #a99884,21px 22px 25px #51443b59;transform:rotate(7deg)}.product-book .product-printed-motif{inset:25% 14% 24%}.product-book .product-brand{top:17px;bottom:auto;left:20px}.product-floor{position:absolute;bottom:50px;width:300px;height:25px;border-radius:50%;background:#68584940;filter:blur(16px)}.product-stage-meta{text-align:right;font:10px var(--mono);letter-spacing:.08em;padding-top:13px;color:var(--muted)}.application-options{padding:clamp(32px,5vw,72px);background:#eee2cf;display:flex;flex-direction:column;justify-content:center}.application-options .eyebrow{color:var(--red)}.application-options h3{font-size:clamp(40px,4vw,67px);line-height:1.3;margin-top:20px}.application-options p{font-size:13px;color:var(--muted);margin-top:15px;max-width:350px}.product-mini-grid{margin-top:25px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.product-mini-grid button.active{outline:2px solid var(--red);outline-offset:2px}.application-buttons{margin-top:33px}
.particle-section{background:#282d29;color:#efdfc9;padding-bottom:150px}.particle-section .section-heading-side p,.particle-section .section-blurb{color:#bab9a6}.particle-italic{font-style:italic;color:#c5a36d}.particle-workspace{display:grid;grid-template-columns:minmax(0,1fr) 370px;border:1px solid #a4a28a65;min-height:670px}.particle-display{position:relative;min-height:680px;background:radial-gradient(circle at 50% 50%,#383e35,#222723 68%);overflow:hidden}#particleCanvas{width:100%;height:100%;display:block;position:absolute;inset:0;touch-action:none;cursor:crosshair}.particle-overlay-top,.particle-overlay-bottom{position:absolute;left:27px;right:27px;display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);letter-spacing:.13em;color:#c6b394;pointer-events:none}.particle-overlay-top{top:23px}.particle-overlay-bottom{bottom:24px}.live-dot{display:inline-block;background:#c4a365;width:7px;height:7px;border-radius:50%;box-shadow:0 0 10px #e9ba70;animation:pulse 2s ease-in-out infinite}.particle-sidebar{padding:35px;background:#39413b;display:flex;flex-direction:column}.particle-sidebar .eyebrow{color:#c9aa78}.particle-sidebar h3{font-size:38px;line-height:1.4;margin-top:19px}.particle-sidebar>p{font-size:12px;color:#d4d0c0;margin:14px 0 22px}.particle-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.particle-mini button{background:#bdb49f;border:1px solid #b7a587}.particle-mini button.active{background:#dec7a2;border:2px solid #dfb477}.particle-sidebar .panel-section-name{color:#dabd8c}.particle-sidebar .segmented button{color:#ddd1b9;border-color:#8b8974}.particle-sidebar .segmented button.active{background:#dcc5a3;color:#303832}.particle-sidebar .range-row{color:#e0d5c0}.particle-sidebar .range-row span{color:#d6b479}.particle-sidebar input{accent-color:#c4a36b}.particle-sidebar .color-dot{box-shadow:0 0 0 1px #b6a080}.particle-sidebar .color-dot.active{box-shadow:0 0 0 2px #d9b271}.particle-sidebar .button.solid{background:#c5a472;color:#292d29}.particle-sidebar .button.outline.inverse{color:#e6d5b9;border-color:#d5c6ad}.particle-sidebar .button.outline.inverse:hover{background:#d4c2a1;color:#2a2e29}.particle-help{color:#adbaaa;border-top:1px solid #99a39452;font-size:10px;line-height:1.8;padding-top:18px;margin-top:auto}
.resources-section{background:#e7d8c0}.resource-area{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.resource-method>span,.source-links>span{font:11px var(--mono);letter-spacing:.12em;color:var(--red);display:block;margin-bottom:15px}.resource-method>div{display:flex;gap:30px;padding:22px 0;border-top:1px solid var(--line)}.resource-method>div b{font:32px Georgia,serif;color:var(--red)}.resource-method>div p{font:20px var(--serif)}.resource-method small{display:block;font:12px/1.8 var(--sans);color:var(--muted);margin-top:7px}.research-disclaimer{color:#756550;font-size:11px;line-height:1.9;background:#d9c7ad;padding:17px 20px;margin-top:20px;border-left:2px solid var(--red)}.resource-card{background:#d7c3a5;padding:43px;min-height:290px;display:flex;flex-direction:column;align-items:start}.resource-card>span{font:10px var(--mono);letter-spacing:.1em;color:var(--red)}.resource-card>strong{font:33px var(--serif);font-weight:400;margin-top:13px}.resource-card>p{color:var(--muted);font-size:12px;margin:12px 0 auto}.resource-card .button{margin-top:20px}.source-links{padding-top:35px}.source-links a{display:block;padding:12px 0;font-size:12px;border-bottom:1px solid var(--line)}.source-links a:hover{color:var(--red)}
.site-footer{background:#533c33;color:#e9d8bf;padding:90px 0 20px}.footer-main{display:flex;justify-content:space-between;align-items:end;gap:40px}.footer-seal{display:grid;place-items:center;width:64px;height:64px;color:#e9d8bf;border:1px solid #d6b78f;border-radius:50%;font:40px var(--serif)}.footer-main h2{font-size:clamp(44px,5.1vw,77px);line-height:1.35;margin-top:20px}.footer-main>div:last-child{text-align:right;font-size:12px;line-height:2}.footer-main>div:last-child a{display:inline-block;border-bottom:1px solid #edd7b0;margin-top:25px}.footer-bottom{border-top:1px solid #b6977c58;margin-top:72px;padding-top:19px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);letter-spacing:.09em;color:#c3aa93}
.modal{position:fixed;inset:0;z-index:500;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-shade{position:absolute;inset:0;background:#242621de;backdrop-filter:blur(9px)}.modal-card{position:relative;z-index:2;max-width:min(1150px,96vw);width:100%;max-height:90vh;overflow:auto;background:var(--paper-light);color:var(--ink);box-shadow:0 30px 90px #0009}.modal-close{position:sticky;z-index:5;top:0;float:right;width:45px;height:45px;background:var(--red);border:0;color:var(--paper-light);font-size:20px}.modal-pattern{display:grid;grid-template-columns:48% 52%;min-height:570px}.modal-pattern-art{background:#d4c6b0;display:grid;place-items:center;position:relative;overflow:hidden}.modal-pattern-art:before{content:"SPECIMEN / ACTUAL LINE ART";position:absolute;top:25px;left:28px;font:10px var(--mono);color:var(--red)}.modal-pattern-art img{width:70%;object-fit:contain;mix-blend-mode:multiply;animation:float-medallion 7s ease-in-out infinite alternate}.modal-pattern-info{padding:65px 55px 42px}.modal-pattern-info>span{font:11px var(--mono);color:var(--red)}.modal-pattern-info h3{font-size:58px;margin:14px 0 20px}.modal-pattern-info>p{font-size:14px;color:var(--muted)}.modal-data{margin-top:25px}.modal-data>div{border-top:1px solid var(--line);display:flex;gap:18px;padding:12px 0;font-size:12px}.modal-data dt{width:85px;flex-shrink:0;color:var(--red)}.modal-data dd{margin:0}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.modal-work{padding:25px}.modal-work img{max-height:75vh;margin:auto;object-fit:contain}.modal-work-meta{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:12px}.resource-modal{padding:55px 30px 35px}.resource-modal h3{font:42px var(--serif);margin:10px 0 25px}.resource-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}.resource-tabs button{background:none;border:1px solid var(--line);padding:10px 15px;font-size:11px}.resource-tabs button.active{background:var(--red);color:#f5e5d1}.resource-modal-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-height:60vh;overflow:auto}.resource-modal-gallery button{border:1px solid var(--line);background:#d6c6ac;padding:7px;text-align:left}.resource-modal-gallery button img{width:100%;aspect-ratio:1;object-fit:contain}.resource-modal-gallery button small{display:block;font:9px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.toast{position:fixed;z-index:550;bottom:28px;left:50%;transform:translate(-50%,150px);background:#3d4b3d;color:#f9e9cc;padding:10px 25px;font-size:12px;box-shadow:0 10px 25px #0003;transition:transform .3s var(--ease);pointer-events:none}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes hero-drift{to{transform:scale(1.14) translate(1.5%,-1%)}}@keyframes float-medallion{to{transform:translateY(-19px) rotate(4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-49%)}}@keyframes pulse{50%{opacity:.25;transform:scale(1.07)}}@keyframes ribbon-sway{0%{transform:rotate(-11deg) scaleY(.94) translateX(-6px)}100%{transform:rotate(12deg) scaleY(1.08) translateX(8px)}}@keyframes figure-breathe{to{transform:translateY(-9px) scale(1.008)}}
@media(max-width:1240px){.global-header nav{gap:13px}.global-header nav a{font-size:10px}.motion-toggle{display:none}.hero h1{font-size:clamp(63px,6.9vw,96px)}.hero-lead{font-size:13px}.pattern-catalog{grid-template-columns:repeat(4,1fr)}.pattern-card-bottom{padding:18px 15px}.pattern-card-bottom h3{font-size:23px}.section-heading h2{font-size:clamp(46px,5.5vw,76px)}.figure-details{padding:45px}.particle-workspace{grid-template-columns:1fr 330px}.particle-sidebar{padding:26px}.composer-shell{grid-template-columns:330px 1fr}}
@media(max-width:1000px){.global-header nav{position:fixed;top:78px;left:0;right:0;display:none;flex-direction:column;gap:0;background:#ece0cd;align-items:stretch;box-shadow:0 15px 25px #30231523;padding:18px 23px;max-height:calc(100vh - 78px);overflow:auto}.global-header nav.open{display:flex}.global-header nav a{padding:12px 6px;border-bottom:1px solid var(--line);font-size:13px}.menu-button{display:flex}.hero{height:auto;min-height:900px;grid-template-columns:1fr 1fr}.hero-left{padding-right:3vw}.hero h1{font-size:clamp(55px,6.7vw,85px)}.hero-english{font-size:13px}.hero-footer b{font-size:27px}.hero-footer small{font-size:9px}.hero-right{min-height:700px}.intro-grid{grid-template-columns:1fr 240px}.intro-grid>.section-index{grid-column:1/-1}.section-heading{grid-template-columns:1fr;gap:18px}.section-heading-side{display:flex;flex-direction:row;justify-content:space-between}.palette-grid{grid-template-columns:repeat(3,1fr)}.pattern-catalog{grid-template-columns:repeat(3,1fr)}.trace-layout{grid-template-columns:1fr;gap:40px}.trace-copy{max-width:750px}.trace-steps{display:grid;grid-template-columns:repeat(4,1fr)}.trace-steps>div{gap:8px;flex-direction:column;align-items:start;padding:12px}.archive-workspace{grid-template-columns:1fr}.wall-viewport{min-height:500px}.archive-detail{min-height:260px}.archive-detail-body{padding:18px 0}.archive-detail h3{font-size:32px}.figure-showcase{grid-template-columns:1fr 1fr}.figure-scene{min-height:530px}.figure-scene>img{max-height:80%}.figure-details{padding:27px}.figure-details h3{font-size:31px}.sculpture-strip{grid-template-columns:1fr 1fr}.sculpture-strip>div:first-child{padding:30px}.design-feature-grid{grid-template-columns:repeat(12,1fr)}.particle-workspace{grid-template-columns:1fr}.particle-display{min-height:580px}.particle-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding:27px}.particle-sidebar .particle-mini,.particle-sidebar .panel-section-name,.particle-sidebar .range-row,.particle-sidebar .particle-colors,.particle-sidebar .particle-buttons,.particle-sidebar .particle-help{grid-column:1/-1}.particle-sidebar .particle-mini{grid-template-columns:repeat(8,1fr)}.resource-area{gap:4%}.application-options{padding:35px}}
@media(max-width:700px){html{scroll-padding-top:72px}.container{padding:0 22px}.global-header{height:66px;padding:0 18px}.global-header.scrolled{height:62px}.global-header nav{top:65px}.brand-seal{height:32px;width:32px;font-size:19px}.brand-words strong{font-size:16px}.brand-words small{font-size:7px}.nav-lab{display:none}.hero{padding-top:66px;display:flex;flex-direction:column;max-height:none;min-height:0;height:auto}.hero-left{min-height:610px;padding:38px 25px 25px}.hero-eyebrow{font-size:9px;white-space:normal;gap:8px}.hero-title-wrap{padding-left:14px;margin:65px 0 0}.vertical-pretitle{font-size:8px}.hero h1{font-size:clamp(55px,13vw,91px);line-height:1.27}.hero-english{font-size:12px}.hero-lead{padding-left:14px;margin-top:8px;font-size:12px}.hero-buttons{padding-left:14px;gap:20px;margin-top:18px}.hero .button{padding:13px 14px;min-height:45px;font-size:10px;gap:10px}.hero-footer{margin-top:42px;padding-top:19px}.hero-footer b{font-size:29px}.hero-footer small{font-size:8px;letter-spacing:0}.hero-right{min-height:490px}.hero-mark{top:19px;left:19px;font-size:8px}.hero-floating-motif{width:45%;left:29%;top:18%}.hero-wall-label{bottom:35px;left:23px}.hero-wall-label strong{font-size:23px}.hero-wall-label small{font-size:9px}.hero-round-link{right:24px;bottom:42px;width:45px;height:45px;font-size:24px}.hero-vertical{font-size:12px;right:11px}.hero-issue{bottom:14px;right:20px;left:auto;transform:none;font-size:7px}.marquee-band{height:45px}.marquee-band div{font-size:17px}.content-section{padding:82px 0}.intro-grid{display:block}.section-index{margin-bottom:22px}.intro-copy h2{font-size:clamp(34px,8vw,47px)}.intro-copy>p{font-size:12px}.intro-round{width:195px;margin:45px auto 0}.section-heading{padding-bottom:29px}.section-heading-side{gap:10px;flex-wrap:wrap}.section-heading-side>span,.section-heading-side p{font-size:10px}.section-heading h2{font-size:clamp(39px,9.3vw,62px);line-height:1.32}.section-heading h2 small{display:block;font-size:11px;margin:15px 0 0}.section-blurb{margin-top:14px;font-size:12px}.archive-tab-note{margin:5px 0;width:100%}.archive-workspace{min-height:0}.wall-viewport{min-height:330px}.wall-hotspot{width:29px;height:29px;font-size:9px}.wall-hotspot:before{inset:-5px}.wall-viewport-note{font-size:8px}.archive-detail{padding:22px}.archive-detail-body{padding:18px 0}.archive-detail h3{font-size:29px}.archive-bottom{align-items:start;flex-direction:column}.archive-bottom-title{font-size:16px}.archive-bottom-stats{gap:20px}.archive-bottom-stats span{font-size:26px}.palette-grid{grid-template-columns:repeat(3,1fr);gap:5px}.palette-color{height:108px}.palette-swatch-info{padding:8px 5px}.palette-swatch-info strong{font-size:13px}.palette-swatch-info small{font-size:9px}.patterns-section{padding-bottom:70px}.pattern-toolbar{flex-direction:column;align-items:stretch}.pattern-search input{width:100%;flex:1}.pattern-filter button{font-size:10px;padding:8px}.pattern-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pattern-card-bottom{padding:12px 12px 17px}.pattern-card-bottom h3{font-size:21px}.pattern-card-bottom p{font-size:10px}.pattern-card-tags span{font-size:8px}.pattern-card-art .specimen-num{font-size:9px;left:10px;top:10px}.catalog-foot{font-size:9px}.trace-layout{display:flex;flex-direction:column}.trace-copy h2{font-size:49px}.trace-steps>div span{font-size:10px}.trace-viewer{padding:9px;box-shadow:9px 9px 0 #d0b797;width:100%}.trace-compare{height:300px}.trace-preset button{font-size:9px}.composer-shell{grid-template-columns:1fr}.composer-panel{padding:22px;border-right:none;border-bottom:1px solid var(--line)}.composer-preview{padding:14px;min-height:450px}.composition-surface{min-height:400px}.preview-overline,.preview-under{font-size:8px}.figures-section .section-blurb{max-width:100%}.figure-showcase{grid-template-columns:1fr}.figure-scene{min-height:530px}.figure-scene>img{max-height:88%}.figure-details{padding:30px}.figure-details h3{font-size:31px}.wind-control{margin-top:26px}.sculpture-strip{grid-template-columns:1fr}.sculpture-strip>div:first-child{padding:31px}.sculpture-art{height:390px}.design-feature-grid{grid-template-columns:repeat(2,1fr);gap:9px}.design-item{grid-column:auto!important}.design-item:nth-child(1),.design-item:nth-child(6){grid-column:1/-1!important}.design-item:nth-child(1) img,.design-item:nth-child(6) img{aspect-ratio:5/3}.design-item-label{padding:30px 10px 12px}.design-item-label b{font-size:15px}.design-item-label span{font-size:8px}.design-gallery-foot{flex-wrap:wrap;font-size:9px}.application-grid{grid-template-columns:1fr}.product-main{padding:15px}.product-stage{min-height:445px}.application-options{padding:25px}.application-options h3{font-size:46px}.product-mini-grid{grid-template-columns:repeat(8,1fr)}.particle-display{min-height:440px}.particle-sidebar{display:flex;gap:0;padding:25px}.particle-sidebar .particle-mini{grid-template-columns:repeat(4,1fr)}.particle-overlay-top,.particle-overlay-bottom{left:12px;right:12px;font-size:8px}.resource-area{grid-template-columns:1fr;gap:34px}.resource-card{padding:26px;min-height:255px}.footer-main{display:block}.footer-main h2{font-size:47px}.footer-main>div:last-child{text-align:left;margin-top:30px}.footer-bottom{flex-direction:column;gap:8px;font-size:8px}.modal{padding:8px}.modal-card{max-height:92vh}.modal-pattern{grid-template-columns:1fr}.modal-pattern-art{min-height:270px}.modal-pattern-art img{max-height:260px}.modal-pattern-info{padding:22px}.modal-pattern-info h3{font-size:36px}.modal-close{width:38px;height:38px}.resource-modal{padding:40px 12px 20px}.resource-modal-gallery{grid-template-columns:repeat(3,1fr)}.resource-modal h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation-play-state:paused!important}body.motion-off .reveal{opacity:1;transform:none}
.compose-unit .unit-ink{display:block;width:100%;height:100%;background:var(--motif-color,#844b3f);-webkit-mask-image:var(--motif-url);mask-image:var(--motif-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.west-placeholder{position:absolute;inset:0;z-index:5;background:linear-gradient(155deg,#4b4e43,#34352c);color:#e5d8be;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:30px}.west-placeholder strong{font:35px var(--serif)}.west-placeholder p{font-size:12px;max-width:370px}.west-placeholder .west-icon{display:grid;place-items:center;font:40px var(--serif);border:1px solid #bca88a;width:100px;height:100px;border-radius:50%}.archive-workspace.is-west .wall-hotspot,.archive-workspace.is-west .wall-viewport-note{display:none}.archive-workspace.is-west .archive-controls{opacity:.25;pointer-events:none}

[hidden]{display:none!important}
/* Fidelity notes, original-source comparison, and soft silk interaction */
.modal-source{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.modal-source summary{cursor:pointer;color:var(--red);font-size:12px;letter-spacing:.04em}.modal-source img{width:100%;max-height:280px;object-fit:contain;margin:15px auto;background:#dbcfbd}.modal-source small{font-size:10px;color:var(--muted)}
.preview-under .text-btn{font-size:10px;color:var(--red);border-color:var(--red)}
.floating-ribbon{border:0!important;width:20%;height:56%;top:26%;left:12%;filter:drop-shadow(2px 4px 4px #45332640);opacity:.55;overflow:visible;transform-origin:top center}.ribbon-b{left:75%;top:32%;height:49%;width:17%}.ribbon-c{left:55%;top:62%;height:27%;width:15%}
.product-backpack{width:258px;height:329px;background:linear-gradient(112deg,#d5c7b7,#e9e0d2 42%,#c5b59c);border-radius:49px 49px 20px 20px;box-shadow:14px 20px 26px #594b414f,inset 9px 0 16px #fff8,inset -8px 0 15px #705b4945;transform:rotate(-4deg)}.product-backpack:before{content:"";position:absolute;left:91px;top:-54px;width:72px;height:59px;border:16px solid #c3af95;border-radius:40px 40px 10px 10px;z-index:-1}.product-backpack:after{content:"";position:absolute;left:18px;bottom:12px;right:18px;height:100px;border:1px solid #aa998269;border-radius:8px 8px 16px 16px;box-shadow:inset 0 6px 8px #917c6835}.product-backpack .product-printed-motif{inset:14% 23% 38%}.product-backpack .product-brand{bottom:21px;left:29px}
@media(max-width:700px){.product-tabs{flex-wrap:wrap}.product-tabs button{padding:8px 11px;font-size:10px}}
.particle-guide{background:transparent;color:#d6c5a4;border:1px solid #a5a18866;margin:13px 0 6px;padding:8px 13px;font-size:11px;text-align:left;align-self:start;transition:background .2s}.particle-guide:hover{background:#ddd0b319}

/* ===============================================
   纹境 03 / 视觉重构：人物群像展陈式首页
   全站统一字体家族；以字重和尺寸产生层级
================================================ */
:root{--unified-type:"Noto Serif CJK SC","Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;--serif:var(--unified-type);--sans:var(--unified-type);--mono:var(--unified-type)}
html body,html body *,html body *::before,html body *::after{font-family:var(--unified-type)!important}
body{font-weight:400;letter-spacing:.012em}
.global-header{height:86px;background:rgba(237,227,208,.96);border-bottom:1px solid #6a534a40;padding-left:clamp(25px,3.4vw,70px);padding-right:clamp(25px,3.4vw,70px)}
.global-header.scrolled{height:70px}.brand{gap:17px}.brand-seal{width:42px;height:42px;border:1px solid #965649;background:#864c3f;box-shadow:0 0 0 4px #eaddc8,0 0 0 5px #864c3f;font-size:25px}.brand-words strong{font-size:20px;font-weight:600;letter-spacing:.3em}.brand-words small{font-size:8px;letter-spacing:.1em;margin-top:3px}
.global-header nav a{font-size:12px;letter-spacing:.12em}.nav-lab{background:#47372c;padding:13px 20px;letter-spacing:.08em}.nav-lab:hover{background:#864c3f}
.hero.hero-v3{min-height:810px;max-height:1100px;height:100svh;grid-template-columns:52% 48%;padding-top:86px;background:#e9decb;isolation:isolate;overflow:hidden}
.hero-v3 .hero-left{z-index:2;background:radial-gradient(ellipse at 20% 72%,#f6e8ccaa 0%,transparent 49%),radial-gradient(ellipse at 80% 24%,#bd9e7f33 0%,transparent 58%),#e9decb;padding:39px clamp(34px,3.4vw,68px) 24px clamp(42px,6.5vw,116px);overflow:visible;min-width:0}
.hero-v3 .hero-left:before{content:none}.hero-topline{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.12em;color:#865448;white-space:nowrap;position:relative;z-index:3}.hero-topline-symbol{font-size:16px}.hero-topline-rule{width:clamp(18px,3vw,56px);height:1px;background:#9f7b60}.hero-giant-glyph{position:absolute;left:-65px;top:8%;font-size:clamp(400px,44vw,800px);line-height:1;color:#9e82690a;pointer-events:none;font-weight:600}
.hero-editorial{display:flex;flex-direction:column;justify-content:center;flex:1;max-width:680px;position:relative;z-index:3;padding:22px 0 20px}.hero-edition{display:flex;gap:16px;align-items:center;margin-bottom:30px;color:#826250}.ed-number{font-size:29px;font-weight:400}.ed-separator{height:38px;background:#a67b5b;width:1px}.ed-text{font-size:9px;letter-spacing:.19em;line-height:1.7}
.hero-headline-wrap{position:relative}.hero-v3 .hero-headline{font-size:clamp(63px,6.25vw,114px);font-weight:600;letter-spacing:-.095em;line-height:1.24;white-space:nowrap;text-shadow:none;position:relative}.hero-headline>span{display:block}.hero-headline .headline-first{color:#352f27}.hero-headline .headline-second{color:#3c4438;padding-left:clamp(28px,4.5vw,80px);margin-top:8px}.hero-headline .ink-emphasis{color:#48563c;font-weight:600}.hero-headline .title-rouge{color:#995b48;font-weight:600}.hero-headline .headline-stop{font-size:.4em;color:#a77a61;vertical-align:top;position:relative;top:.5em}.hero-v3 .hero-title-dot{font-size:.46em;color:#a87a62;vertical-align:baseline}.hero-title-vertical{position:absolute;right:-5px;top:-8px;color:#9d6b56;writing-mode:vertical-rl;letter-spacing:.3em;font-size:9px;z-index:2}.hero-title-english{margin-top:25px;font-size:11px;letter-spacing:.17em;color:#946954;font-weight:500}.hero-title-english span{padding:0 8px;color:#ba9176}
.hero-description{display:grid;grid-template-columns:34px 1fr;margin-top:35px;align-items:start;max-width:540px}.hero-description-mark{font-size:11px;writing-mode:vertical-rl;color:#8e5e47;letter-spacing:.19em}.hero-description p{font-size:clamp(12px,.93vw,15px);line-height:2.18;color:#67564c;letter-spacing:.07em;max-width:490px}
.hero-v3 .hero-buttons{padding:0;gap:26px;margin-top:34px}.hero-enter{display:flex;align-items:center;gap:18px;justify-content:space-between;background:#904f40;color:#f4e9da;min-height:64px;padding:0 21px;font-size:13px;letter-spacing:.1em;box-shadow:5px 5px 0 #ad90775e;transition:transform .3s,box-shadow .3s,background .3s}.hero-enter:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #ad90775e;background:#704135}.hero-enter-index{opacity:.65;font-size:10px}.hero-enter-arrow{font-size:20px;margin-left:18px}.hero-secondary{display:flex;align-items:center;gap:20px;border-bottom:1px solid #765b46;font-size:12px;letter-spacing:.1em;transition:gap .3s}.hero-secondary:hover{gap:30px;color:#905040}
.hero-bottomline{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #9179655a;position:relative;z-index:2;gap:20px}.hero-bottom-brand{display:flex;align-items:center;gap:8px;font-size:10px;color:#7d6c58;letter-spacing:.06em}.bottom-ring{font-size:24px;color:#8b6150}.hero-scroll-cue{display:flex;align-items:center;gap:12px;font-size:9px;color:#755e50;white-space:nowrap;letter-spacing:.12em}.hero-scroll-line{height:1px;width:38px;background:#936b53}
.hero-v3 .hero-right{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 38%,#d3b590 0,#b48d70 36%,#8f6854 67%,#694b40 100%);overflow:hidden;isolation:isolate}.hero-v3 .hero-right:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#f4dcb211 0 1px,transparent 1px 65px),repeating-linear-gradient(0deg,#2a1b1608 0 1px,transparent 1px 65px);opacity:.5;z-index:0;pointer-events:none}.hero-v3 .hero-right:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 110px 25px #4e342750;z-index:15;pointer-events:none}
.hero-stage-halo{position:absolute;inset:13% 4% 13%;background:radial-gradient(ellipse at 48% 44%,#f3dec37d 0%,#f3dec32c 37%,transparent 67%);animation:halo-breathe 11s ease-in-out infinite;z-index:0;pointer-events:none}
.hero-stage-gate{position:absolute;top:7%;left:13%;width:74%;height:83%;border-radius:48% 48% 5px 5px/31% 31% 5px 5px;border:1px solid #f8e1b96e;box-shadow:0 0 0 10px #e9bb8e10,0 0 0 11px #e6c3913f,inset 0 0 50px #eac99b31;background:linear-gradient(105deg,#c7987330,#f7d4a328 44%,#865a4938);z-index:0}.hero-stage-gate:after{content:"";position:absolute;inset:15px;border:1px solid #e5c39563;border-radius:inherit}.gate-accent{position:absolute;bottom:0;width:20px;height:18%;border-left:1px solid #f8e1b96e;border-right:1px solid #f8e1b96e}.gate-accent-a{left:23px}.gate-accent-b{right:23px}
.hero-stage-ring{position:absolute;border:1px solid #f3d6a35b;border-radius:50%;aspect-ratio:1;top:21%;left:50%;translate:-50% 0;z-index:0;pointer-events:none}.ring-outer{width:93%;animation:ring-turn 60s linear infinite}.ring-outer:before,.ring-outer:after{content:"✦";position:absolute;top:-14px;left:calc(50% - 8px);color:#f6d5a7;font-size:18px}.ring-outer:after{top:auto;bottom:-12px}.ring-inner{width:67%;top:28%;border-style:dashed;opacity:.63;animation:ring-turn 90s linear reverse infinite}
.hero-stage-topline{position:absolute;top:29px;left:27px;right:27px;z-index:10;display:flex;align-items:center;gap:15px;color:#f3ddc4;font-size:10px;letter-spacing:.16em}.stage-line{height:1px;flex:1;background:#ead3b27a}.hero-stage-letter{position:absolute;right:3%;top:12%;font-size:370px;line-height:1;color:#f7e0b512;z-index:0;font-weight:300}
.hero-cloud{position:absolute;z-index:2;font-size:110px;color:#efd2ac36;pointer-events:none;line-height:1;animation:cloudfloat 12s ease-in-out infinite}.cloud-a{left:-3%;top:27%}.cloud-b{right:-2%;bottom:27%;animation-delay:-6s;transform:scaleX(-1)}
.hero-ribbon-svg{position:absolute;inset:9% 0 7%;width:100%;height:84%;z-index:3;pointer-events:none;overflow:visible;opacity:.68;filter:drop-shadow(0 2px 3px #5f2c2166)}.ribbon-stroke{stroke-width:2.8;fill:none;stroke-linecap:round;stroke:#ecc18f;stroke-dasharray:17 12;animation:ribbon-flow 13s linear infinite}.ribbon-stroke.second{stroke:#7c4b40;stroke-width:5;opacity:.75;stroke-dasharray:22 12;animation-duration:17s;animation-direction:reverse}.ribbon-stroke.third{stroke:#f7d0a2;stroke-width:1.6;stroke-dasharray:11 16;animation-duration:10s}
.hero-figure{position:absolute;z-index:4;bottom:13%;left:50%;transform-origin:bottom center;pointer-events:none;will-change:transform,filter,opacity;transition:opacity .65s,filter .65s,scale .65s;filter:drop-shadow(0 26px 15px #3f281d9c)}.hero-figure img{height:100%;max-width:none;width:auto;object-fit:contain;animation:figure-sway 7s ease-in-out infinite;transform-origin:50% 87%;user-select:none}.hero-figure-left{height:65%;left:20%;translate:calc(-50% + (var(--mx,0px) * -.45)) calc(var(--my,0px) * -.25);z-index:3;opacity:.83;filter:drop-shadow(0 19px 14px #4630229c) saturate(.82)}.hero-figure-right{height:65%;left:78%;translate:calc(-50% + (var(--mx,0px) * -.6)) calc(var(--my,0px) * -.28);z-index:3;opacity:.86;filter:drop-shadow(0 19px 14px #4630229c) saturate(.84)}.hero-figure-main{height:84%;bottom:8%;left:50%;translate:calc(-50% + var(--mx,0px)) calc(var(--my,0px) * .8);z-index:5;filter:drop-shadow(0 26px 15px #342419b8) saturate(1.08)}.hero-figure-main img{animation-duration:6s}.hero-figure-left img{animation-delay:-2s;animation-duration:8s}.hero-figure-right img{animation-delay:-4s;animation-duration:9s}
.hero-right[data-active-figure="left"] .hero-figure-left,.hero-right[data-active-figure="right"] .hero-figure-right{opacity:1;filter:drop-shadow(0 25px 18px #2c1a12bd) saturate(1.12) brightness(1.08);scale:1.10;z-index:7}.hero-right[data-active-figure="left"] .hero-figure-main,.hero-right[data-active-figure="right"] .hero-figure-main{opacity:.66;filter:drop-shadow(0 18px 12px #2c1a1277) saturate(.76);scale:.96}.hero-right[data-active-figure="center"] .hero-figure-main{opacity:1}
.hero-v3 .hero-floating-motif{position:absolute;left:auto;right:6%;top:15%;height:107px;width:107px;aspect-ratio:1;border:1px solid #f3cc996b;background:#8a51362b;z-index:6;opacity:.88;animation:motif-halo 9s ease-in-out infinite}.hero-v3 .hero-floating-motif:before{inset:7%;border-color:#f3cc996f}.hero-v3 .hero-floating-motif:after{inset:-13%;border-color:#f3cc994d}.hero-v3 .hero-floating-motif img{width:72%;height:72%;opacity:.9;filter:invert(91%) sepia(19%) saturate(372%) hue-rotate(331deg) brightness(108%)}
.hero-stage-side-label{position:absolute;left:21px;top:32%;z-index:7;writing-mode:vertical-rl;color:#e9d0b4;display:flex;gap:13px;align-items:center;letter-spacing:.24em;font-size:9px}.hero-stage-side-label strong{font-size:16px;font-weight:500}.hero-motif-notation{position:absolute;right:15px;top:37%;writing-mode:vertical-rl;display:flex;align-items:center;gap:14px;color:#e9d6bdba;font-size:10px;letter-spacing:.25em;z-index:6}.hero-motif-notation i{display:block;height:18px;width:1px;background:#e9d6bda1}
.hero-stage-footer{position:absolute;z-index:11;bottom:0;left:0;right:0;min-height:108px;padding:23px 25px 22px 40px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(90deg,#4a332ce8,#634535d9);border-top:1px solid #e4b68c7c;color:#f4e4cf;backdrop-filter:blur(13px)}.hero-stage-caption{display:grid;gap:3px}.hero-stage-caption .caption-eyebrow{font-size:9px;letter-spacing:.13em;color:#e1b894}.hero-stage-caption strong{font-weight:500;font-size:22px;letter-spacing:.15em}.hero-stage-caption>span{font-size:10px;opacity:.74;letter-spacing:.08em}.hero-figure-switch{display:flex;gap:6px;align-items:center}.hero-figure-switch button{border:1px solid #d3ad8680;background:transparent;color:#d8b893;padding:8px 10px;font-size:11px;transition:background .2s,color .2s,transform .2s}.hero-figure-switch button:hover{transform:translateY(-3px)}.hero-figure-switch button.active{background:#e9ceab;color:#4a352a;border-color:#e9ceab}
.hero-explore-mark{position:absolute;right:27px;top:78px;z-index:9;font-size:10px;color:#f2d7b4;display:flex;align-items:center;gap:13px;letter-spacing:.13em}.hero-explore-mark>span:last-child{font-size:20px;transition:transform .25s}.hero-explore-mark:hover>span:last-child{transform:translate(3px,-3px)}
.hero-bottom-gutter{position:absolute;z-index:8;bottom:0;left:0;width:52%;height:0;pointer-events:none;visibility:hidden}.hero-v3 .hero-issue,.hero-v3 .hero-wall-photo,.hero-v3 .hero-right-shade{display:none}
@keyframes halo-breathe{0%,100%{opacity:.74;scale:1}50%{opacity:1;scale:1.08}}@keyframes figure-sway{0%,100%{transform:rotate(-.7deg) translateY(1px)}50%{transform:rotate(.9deg) translateY(-10px)}}@keyframes cloudfloat{0%,100%{translate:0 0;opacity:.3}50%{translate:22px -12px;opacity:.8}}@keyframes ribbon-flow{to{stroke-dashoffset:-290}}@keyframes motif-halo{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(7deg) translateY(-10px)}}@keyframes ring-turn{to{rotate:360deg}}
@media(max-width:1320px){.hero-v3 .hero-left{padding-left:clamp(30px,5vw,76px);padding-right:30px}.hero-v3 .hero-headline{font-size:clamp(56px,6.2vw,100px)}.hero-v3 .hero-headline .headline-second{padding-left:35px}.hero-topline{font-size:9px;gap:9px}.hero-description{margin-top:27px}.hero-stage-footer{padding-left:25px}}
@media(max-width:1000px){.global-header nav{top:86px}.global-header.scrolled nav{top:70px}.hero.hero-v3{height:auto;min-height:730px;grid-template-columns:52% 48%;max-height:none}.hero-v3 .hero-left{min-height:730px;padding:35px 20px 23px 35px}.hero-v3 .hero-headline{font-size:clamp(52px,6.9vw,77px)}.hero-edition{margin-bottom:24px}.hero-description p{font-size:12px}.hero-v3 .hero-buttons{gap:16px;flex-wrap:wrap}.hero-enter{min-height:57px;padding:0 15px}.hero-v3 .hero-right{min-height:730px}.hero-stage-side-label{display:none}.hero-motif-notation{display:none}.hero-figure-main{height:75%}.hero-figure-left,.hero-figure-right{height:55%}.hero-v3 .hero-floating-motif{width:75px;height:75px}}
@media(max-width:700px){.global-header{height:66px}.global-header.scrolled{height:62px}.global-header nav{top:66px}.global-header.scrolled nav{top:62px}.hero.hero-v3{display:flex;flex-direction:column;padding-top:66px;height:auto;min-height:0}.hero-v3 .hero-left{min-height:0;padding:34px 24px 24px;overflow:hidden}.hero-topline{font-size:8px;white-space:normal;flex-wrap:wrap;letter-spacing:.08em}.hero-topline-rule{width:13px}.hero-editorial{padding:47px 0 34px}.hero-edition{margin-bottom:21px;gap:12px}.ed-number{font-size:23px}.ed-text{font-size:8px}.hero-headline-wrap{margin:0}.hero-v3 .hero-headline{font-size:clamp(48px,12vw,82px);line-height:1.24;letter-spacing:-.105em}.hero-v3 .hero-headline .headline-second{padding-left:20px;margin-top:2px}.hero-title-vertical{top:0;right:0;font-size:8px}.hero-title-english{font-size:8px;margin-top:20px;letter-spacing:.11em}.hero-description{margin-top:23px;grid-template-columns:28px 1fr}.hero-description p{font-size:11px;letter-spacing:.04em;line-height:2.1}.hero-v3 .hero-buttons{margin-top:26px;flex-wrap:nowrap;gap:17px}.hero-enter{gap:9px;min-height:51px;padding:0 12px;font-size:10px;box-shadow:3px 3px 0 #ad90775e}.hero-enter-index{font-size:8px}.hero-enter-arrow{font-size:17px;margin-left:3px}.hero-secondary{font-size:10px;gap:9px}.hero-bottomline{padding-top:14px;gap:14px}.hero-bottom-brand{font-size:8px}.hero-scroll-cue{font-size:8px;gap:6px}.hero-scroll-line{width:15px}.hero-v3 .hero-right{min-height:565px;height:565px;flex:none}.hero-stage-topline{font-size:8px;top:18px;left:16px;right:16px}.hero-explore-mark{right:17px;top:44px;font-size:9px}.hero-figure-main{height:79%;bottom:15%}.hero-figure-left,.hero-figure-right{height:59%;bottom:17%}.hero-stage-footer{min-height:91px;padding:16px 18px}.hero-stage-caption strong{font-size:17px}.hero-stage-caption .caption-eyebrow{font-size:8px}.hero-stage-caption>span{font-size:8px}.hero-figure-switch button{padding:6px 8px;font-size:9px}.hero-v3 .hero-floating-motif{width:66px;height:66px;top:12%;right:7%}.hero-motif-notation{display:flex;right:10px;font-size:8px}.hero-stage-gate{top:8%;height:80%}.hero-stage-letter{font-size:250px}.hero-v3 .hero-right:after{box-shadow:inset 0 0 65px #4e342740}.hero-cloud{font-size:75px}}
@media(max-width:380px){.hero-v3 .hero-headline{font-size:11.9vw}.hero-topline{font-size:7px}.hero-enter{font-size:9px}.hero-description p{font-size:10px}.hero-secondary{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-v3 .hero-figure img,.hero-v3 .hero-stage-ring,.hero-v3 .hero-cloud,.hero-v3 .hero-ribbon-svg path,.hero-v3 .hero-floating-motif,.hero-v3 .hero-stage-halo{animation:none!important}}
/* 首屏入场：字、人物与拱门分层进场，动效强度保持克制 */
.hero-v3 .hero-edition{animation:wj-title-in .8s .12s both}
.hero-v3 .hero-headline{animation:wj-title-in 1.0s .22s both}
.hero-v3 .hero-description{animation:wj-title-in 1.0s .46s both}
.hero-v3 .hero-buttons{animation:wj-title-in .95s .65s both}
.hero-v3 .hero-stage-gate{animation:wj-gate-in 1.4s .12s both}
.hero-v3 .hero-stage-topline{animation:wj-title-in 1s .4s both}
@keyframes wj-title-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes wj-gate-in{from{opacity:.45;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.hero-v3 .hero-edition,.hero-v3 .hero-headline,.hero-v3 .hero-description,.hero-v3 .hero-buttons,.hero-v3 .hero-stage-gate,.hero-v3 .hero-stage-topline{animation:none!important}}