@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2')}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/dm-mono-latin.woff2') format('woff2')}
:root{font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow-x:hidden}svg{display:block;width:100%;height:100%}i{font-style:normal}

/* 04 — Ink and seal */
.ink{min-height:100vh;background:#e7e1d5;color:#201d1a;font-family:Manrope,Arial,sans-serif}.ink:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 50%,#f4f0e7 0,#e8e2d6 70%,#dbd4c8 100%);pointer-events:none}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.52' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.ink-frame{min-height:100vh;position:relative;display:flex;flex-direction:column;padding:30px 43px}.ink-header,.ink-footer{display:flex;align-items:center;justify-content:space-between;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.16em}.ink-header{border-bottom:1px solid #bdb5a9;padding:0 0 20px}.ink-brand{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:.2em}.ink-brand span{font-family:SimSun,serif;font-size:19px;color:#a32e27;letter-spacing:0;margin-left:8px}.ink-header b{color:#a32e27;font-weight:400;margin:0 7px}.ink-main{flex:1;display:grid;grid-template-columns:100px 1fr 100px;min-height:640px}.ink-left,.ink-right{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 0;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em}.ink-left{border-right:1px solid #c9c1b4}.ink-left .vertical-label{writing-mode:vertical-rl;font-family:SimSun,serif;font-size:15px;letter-spacing:.35em}.ink-right{border-left:1px solid #c9c1b4;justify-content:center;gap:15px}.ink-right span{font-family:SimSun,serif;font-size:62px;color:#b83d2f}.ink-right small{font-family:'DM Mono',monospace;font-size:10px;writing-mode:vertical-rl;letter-spacing:.3em;color:#746a60}.ink-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 20px 55px}.ink-mark{position:relative;width:min(285px,33vw);height:min(285px,33vw);display:grid;place-items:center;margin-bottom:31px}.ink-mark svg{position:absolute;inset:0;animation:inkReveal 3s ease-out both}.brush{animation:brushDraw 2.4s ease-out both}.seal{width:94px;height:94px;background:#a32e27;display:grid;place-items:center;transform:rotate(-5deg);box-shadow:0 4px 7px #3c241828;animation:sealStamp 1.3s cubic-bezier(.18,.77,.26,1.2) both}.seal:before{content:"";position:absolute;inset:8px;border:2px solid #f1e7d7}.seal span{font:68px/1 SimSun,serif;color:#f1e7d7}.ink-overline{font:10px 'DM Mono',monospace;letter-spacing:.28em;margin:0 0 15px;color:#6c6259}.ink h1{font-size:clamp(70px,10vw,150px);letter-spacing:.17em;text-indent:.17em;font-weight:700;line-height:1;margin:0}.period{color:#a32e27}.ink-sub{margin:20px 0 0;font:14px Georgia,serif;letter-spacing:.04em;color:#6d6259}.ink-footer{border-top:1px solid #bdb5a9;padding-top:18px;color:#6c6259}.footer-line{width:25px;height:1px;background:#ad382d}

/* 05 — Black lacquer and red seal */
.lacquer{background:#100b0b;color:#f0e4cf;min-height:100vh;font-family:Manrope,Arial,sans-serif}.lacquer:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 60% at 50% 46%,#381316 0,#1a0d0e 44%,#100b0b 100%)}.lacquer-grid{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 77px,#d9a38307 78px),repeating-linear-gradient(0deg,transparent 0,transparent 77px,#d9a38307 78px)}.lacquer-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:30px 38px}.lacquer-header,.lacquer-footer{display:flex;align-items:center;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:.16em;color:#b49b83}.lacquer-header{border-bottom:1px solid #68423a;padding:0 0 21px}.lacquer-header span:first-child{font:700 23px Manrope,sans-serif;letter-spacing:.23em;color:#eee0cb}.lacquer-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:7vw;min-height:650px}.lacquer-copy{text-align:right;position:relative;z-index:1}.lacquer-label{font:10px 'DM Mono',monospace;letter-spacing:.28em;color:#c87962;margin:0 0 16px}.lacquer h1{font-size:clamp(75px,9vw,150px);font-weight:700;line-height:.9;letter-spacing:.13em;margin:0;text-indent:.13em;text-shadow:0 0 30px #5c2825}.lacquer-rule{display:flex;align-items:center;gap:18px;justify-content:flex-end;margin:27px 0 20px;color:#c2956e}.lacquer-rule span{width:70px;height:1px;background:#9b5d49}.lacquer-rule b{font-weight:400}.lacquer-copy>p:last-child{font:11px 'DM Mono',monospace;letter-spacing:.14em;color:#ae8b78}.lacquer-seal{position:relative;width:min(300px,27vw);height:min(300px,27vw);display:grid;place-items:center;flex-shrink:0}.seal-border{width:75%;height:75%;background:#a12520;border:7px solid #bc4a39;box-shadow:inset 0 0 0 7px #8d1e1c,0 0 55px #ad2c2744,0 22px 60px #0009;transform:rotate(-4deg);animation:sealAppear 1.5s ease-out both,sealBreathe 6s ease-in-out 1.5s infinite;display:grid;place-items:center}.seal-inner{width:85%;height:85%;border:3px solid #e8b18c;display:grid;place-items:center}.seal-inner span{font:clamp(100px,11vw,170px)/1 SimSun,serif;color:#f2cfac}.seal-echo{position:absolute;width:93%;height:93%;border:1px solid #8b3b34;transform:rotate(5deg);animation:slowTurn 34s linear infinite;z-index:-1}.lacquer-vertical{position:absolute;right:2%;bottom:17%;font:12px 'DM Mono',monospace;writing-mode:vertical-rl;letter-spacing:.4em;color:#8e6656}.corner{position:absolute;width:80px;height:80px;border-color:#705041;opacity:.75}.corner-tl{top:35px;left:28px;border-top:1px solid;border-left:1px solid}.corner-tr{top:35px;right:28px;border-top:1px solid;border-right:1px solid}.corner-bl{bottom:35px;left:28px;border-bottom:1px solid;border-left:1px solid}.corner-br{bottom:35px;right:28px;border-bottom:1px solid;border-right:1px solid}.lacquer-footer{border-top:1px solid #68423a;padding-top:19px}

/* 06 — Jade ring and architectural grid */
.jade{background:#0a1816;color:#e5e5d8;min-height:100vh;font-family:Manrope,Arial,sans-serif}.jade-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 40% 48%,#22463c 0,#10251f 38%,#0a1816 72%)}.jade-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:29px 36px}.jade-header,.jade-footer{display:flex;align-items:center;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:.16em;color:#a3b3a5}.jade-header{border-bottom:1px solid #496052;padding-bottom:22px}.jade-header-mark{font:700 24px Manrope,sans-serif;letter-spacing:.23em;color:#dce4d3}.jade-main{flex:1;display:grid;grid-template-columns:72px minmax(370px,1fr) minmax(400px,.95fr) 70px;align-items:center;gap:34px;min-height:650px}.jade-meta{height:80%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:.17em;color:#91ab96;writing-mode:vertical-rl;transform:rotate(180deg)}.jade-meta-line{width:1px;min-height:110px;background:#4c7059;flex:1;margin:22px 0}.jade-disc{position:relative;width:min(42vw,530px);height:min(42vw,530px);display:grid;place-items:center;margin:auto;filter:drop-shadow(0 0 32px #9fc49a2a)}.jade-disc-outer{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#8cac93 0,#5a846e 19%,#254e43 52%,#789684 78%,#203f36 100%);box-shadow:inset 0 0 18px #061b16,inset 0 0 0 4px #9cb39b44,0 0 0 1px #769984;animation:slowTurn 38s linear infinite}.jade-disc-outer:before{content:"";position:absolute;inset:27%;border-radius:50%;background:#0d201b;box-shadow:inset 0 0 25px #030c0b,0 0 14px #d7ebbb55}.jade-disc-inner{position:absolute;inset:7%;border:1px solid #d2deb260;border-radius:50%;animation:slowTurnReverse 25s linear infinite}.jade-disc-inner:before,.jade-disc-inner:after{content:"";position:absolute;top:50%;width:7px;height:7px;background:#d9ecc3;border-radius:50%;box-shadow:0 0 15px #d9ecc3}.jade-disc-inner:before{left:-4px}.jade-disc-inner:after{right:-4px}.jade-engraving{position:absolute;inset:15%;border:1px dashed #e3efc344;border-radius:50%;animation:slowTurnReverse 31s linear infinite}.engraving-two{inset:21%;border-style:solid;border-color:#b4cfab42;animation:slowTurn 22s linear infinite}.jade-center{position:relative;z-index:2;width:22%;height:22%;color:#d6e8cd;animation:float 5s ease-in-out infinite}.jade-copy{z-index:1}.jade-kicker{font:10px 'DM Mono',monospace;letter-spacing:.24em;color:#a0bc9d;margin:0 0 26px}.jade h1{font-size:clamp(65px,7.2vw,112px);line-height:.93;letter-spacing:-.06em;font-weight:700;margin:0}.jade h1 i{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#c1d7b8}.jade-desc{color:#a4b5a4;line-height:1.8;font-size:14px;margin:29px 0 0}.jade-side{display:flex;flex-direction:column;align-items:center;gap:20px}.jade-side span{font:49px SimSun,serif;color:#bbd3af}.jade-side small{font:9px 'DM Mono',monospace;letter-spacing:.24em;writing-mode:vertical-rl;color:#83a189}.jade-footer{border-top:1px solid #496052;padding-top:18px}

@keyframes brushDraw{from{stroke-dasharray:0 800}to{stroke-dasharray:690 800}}@keyframes inkReveal{from{opacity:0}to{opacity:1}}@keyframes sealStamp{0%{transform:rotate(-7deg) scale(1.5);opacity:0;filter:blur(6px)}70%{transform:rotate(-5deg) scale(.93);opacity:1;filter:blur(0)}100%{transform:rotate(-5deg) scale(1)}}@keyframes sealAppear{from{opacity:0;transform:rotate(-4deg) scale(1.4);filter:blur(10px)}to{opacity:1;transform:rotate(-4deg) scale(1);filter:blur(0)}}@keyframes sealBreathe{50%{box-shadow:inset 0 0 0 7px #8d1e1c,0 0 85px #c73f385e,0 22px 60px #0009}}@keyframes slowTurn{to{transform:rotate(360deg)}}@keyframes slowTurnReverse{to{transform:rotate(-360deg)}}@keyframes float{50%{transform:translateY(-7px)}}
@media(max-width:900px){.ink-main{grid-template-columns:35px 1fr 35px}.ink-mark{width:min(46vw,280px);height:min(46vw,280px)}.ink-right span{font-size:34px}.lacquer-main{gap:2vw}.lacquer h1{font-size:10vw}.jade-main{grid-template-columns:30px 1fr 1fr 30px;gap:15px}.jade-disc{width:min(45vw,420px);height:min(45vw,420px)}.jade h1{font-size:8vw}.jade-side span{font-size:34px}}
@media(max-width:650px){.ink-frame,.lacquer-shell,.jade-shell{padding:18px}.ink-header,.lacquer-header,.jade-header{font-size:8px}.ink-brand,.lacquer-header span:first-child,.jade-header-mark{font-size:19px}.ink-main{min-height:680px;grid-template-columns:17px 1fr 17px}.ink-left,.ink-right{font-size:0}.ink-left span,.ink-right span,.ink-right small{display:none}.ink-center{padding:20px 8px 30px}.ink-mark{width:60vw;height:60vw;max-width:250px;max-height:250px}.seal{width:75px;height:75px}.seal span{font-size:53px}.ink h1{font-size:14vw}.ink-overline{font-size:8px;letter-spacing:.13em}.ink-footer{font-size:8px}.lacquer-header span:nth-child(2){font-size:0}.lacquer-main{flex-direction:column-reverse;gap:28px;min-height:680px;padding:70px 0}.lacquer-copy{text-align:center}.lacquer-label{font-size:8px}.lacquer h1{font-size:15vw}.lacquer-rule{justify-content:center}.lacquer-copy>p:last-child{font-size:8px}.lacquer-seal{width:55vw;height:55vw;max-width:250px;max-height:250px}.seal-inner span{font-size:22vw}.lacquer-vertical{display:none}.corner{width:35px;height:35px}.lacquer-footer span:nth-child(2){display:none}.lacquer-footer{font-size:8px}.jade-header span:nth-child(2){font-size:8px}.jade-main{grid-template-columns:15px 1fr 15px;gap:8px;min-height:720px}.jade-meta,.jade-side{display:none}.jade-disc{grid-column:2;width:65vw;height:65vw;max-width:310px;max-height:310px;margin:40px auto 0}.jade-copy{grid-column:2;align-self:start;text-align:center;margin-top:-15px}.jade h1{font-size:13vw}.jade-kicker{font-size:8px}.jade-desc{font-size:12px}.jade-footer{font-size:8px}.jade-footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.jade-meta-line{display:none}
.jade-meta{justify-content:center;gap:55px}

/* 07 — Jade composition in the Lacquer palette */
.vermilion{background:#100b0b;color:#f0e4cf}
.vermilion .jade-glow{background:radial-gradient(circle at 39% 48%,#471a1b 0,#241012 42%,#100b0b 75%)}
.vermilion .jade-header,.vermilion .jade-footer{border-color:#68423a;color:#b49b83}
.vermilion .jade-header-mark{color:#f0e4cf}
.vermilion .jade-meta{color:#ae7866}
.vermilion .jade-disc{filter:drop-shadow(0 0 45px #ab312733)}
.vermilion .jade-disc-outer{background:radial-gradient(circle at 28% 23%,#e07a58 0,#a9362e 22%,#581619 54%,#b04435 80%,#341014 100%);box-shadow:inset 0 0 22px #230809,inset 0 0 0 5px #e5a48055,0 0 0 1px #ba5c48}
.vermilion .jade-disc-outer:before{background:#170c0c;box-shadow:inset 0 0 30px #050303,0 0 17px #eab58c77}
.vermilion .jade-disc-inner{border-color:#efbd8d8a}
.vermilion .jade-disc-inner:before,.vermilion .jade-disc-inner:after{background:#f2d4a7;box-shadow:0 0 18px #f0ae76}
.vermilion .jade-engraving{border-color:#edb98b69}
.vermilion .engraving-two{border-color:#f1c59b53}
.vermilion .jade-center{color:#f3dbc1}
.vermilion .jade-kicker{color:#c8896d}
.vermilion .jade h1 i,.vermilion h1 i{color:#e6b38e}
.vermilion .jade-desc{color:#c5a99a}
.vermilion .jade-side span{color:#d48165}
.vermilion .jade-side small{color:#af7865}

/* 08 — Ink composition with Lacquer material and color */
.ink-lacquer{background:#170f10;color:#f0e4cf}
.ink-lacquer:before{background:linear-gradient(145deg,#170f10 0%,#211213 52%,#130d0e 100%)}
.ink-lacquer .paper-grain{display:none}
.ink-lacquer .ink-header,.ink-lacquer .ink-footer{border-color:#68423a;color:#b49b83}
.ink-lacquer .ink-brand{color:#f0e4cf}
.ink-lacquer .ink-brand span{color:#d3664d}
.ink-lacquer .ink-left,.ink-lacquer .ink-right{border-color:#68423a}
.ink-lacquer .ink-left .vertical-label{color:#c7a890}
.ink-lacquer .ink-left .tiny-index{color:#a27f70}
.ink-lacquer .ink-right span{color:#c7553d}
.ink-lacquer .ink-right small{color:#a27f70}
.ink-lacquer .brush,.ink-lacquer .ink-mark svg path:nth-of-type(2){stroke:#c69b79}
.ink-lacquer .ink-mark{filter:drop-shadow(0 0 34px #be442844)}
.ink-lacquer .seal{background:#a12520;box-shadow:inset 0 0 0 4px #c84c39,0 4px 18px #0008,0 0 35px #a1252055}
.ink-lacquer .seal:before{border-color:#efc397}
.ink-lacquer .seal span{color:#f2d6ad}
.ink-lacquer .ink-overline{color:#c58d72}
.ink-lacquer h1{color:#f5e8d6;text-shadow:0 0 28px #6b3026}
.ink-lacquer .period{color:#c7553d}
.ink-lacquer .ink-sub{color:#c6aa97}
.ink-lacquer .footer-line{background:#c7553d}