@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Noto+Serif+JP:wght@800;900&family=Playfair+Display:wght@500;600;700&display=swap";:root{color:#2a211a;font-synthesis:none;text-rendering:optimizelegibility;--paper:#fff5e6;--paper-soft:#fffaf0;--paper-warm:#f6dfb8;--ink:#2a211a;--muted:#766453;--red:#b93a2b;--red-deep:#7d211b;--sun:#f6b35f;--sakura:#e98aa2;--green:#496c42;--line:#664b322e;--shadow:0 24px 70px #5b361c29;background:#fff5e6;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0;overflow-x:hidden}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.hero{isolation:isolate;color:#fff5e8;background:#17100c;grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0a0705c2 0%,#0a070561 42%,#0a070514 100%),linear-gradient(#0a070542 0%,#0a070514 48%,#0a0705e0 100%);position:absolute;inset:0}.hero-scene{--parallax-x:0px;--parallax-y:0px;z-index:-2;object-fit:cover;object-position:56% center;width:106vw;height:106dvh;transform:translate3d(var(--parallax-x), var(--parallax-y), 0) scale(1.02);filter:saturate(1.03)contrast(1.02);animation:18s ease-in-out infinite alternate shrine-breathe;position:absolute;inset:-3vh -3vw}.hero-mist{z-index:0;pointer-events:none;filter:blur(16px);background:radial-gradient(at 20% 55%,#ffeedc2e,#0000 58%),radial-gradient(at 68% 48%,#ffeedc29,#0000 62%),linear-gradient(90deg,#0000,#ffeedc24,#0000);height:22vh;position:absolute;inset:auto -10vw 13vh}.hero-topline{z-index:3;padding:clamp(16px,2.4vw,28px) clamp(20px,4vw,64px) 0;position:relative}.brand{text-transform:uppercase;letter-spacing:.32em;align-items:center;gap:14px;width:fit-content;display:inline-flex}.brand-mark{color:#fff4e2;background:linear-gradient(145deg,#d94b38,#98261e);place-items:center;width:42px;height:42px;font:900 1.35rem Noto Serif JP,serif;display:grid;box-shadow:0 12px 32px #791e1452}.brand strong,.brand small{display:block}.brand strong{font:600 .82rem DM Mono,monospace}.brand small{color:#fff6e8b8;letter-spacing:.28em;margin-top:4px;font:500 .66rem DM Mono,monospace}.hero-copy{z-index:2;align-self:center;width:min(720px,100% - 40px);margin-left:clamp(20px,6vw,84px);padding-bottom:clamp(92px,13vh,145px);position:relative}.eyebrow{color:#fff6e8d6;letter-spacing:.32em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 12px;font:600 .78rem DM Mono,monospace;display:flex}.eyebrow:before{content:"";background:#ee4e3d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 18px #ee4e3dc2}.hero h1{color:#fff1df;text-shadow:0 24px 60px #00000057;align-items:baseline;gap:clamp(12px,2vw,22px);margin:0;font:700 8.4rem/.88 Playfair Display,serif;display:flex}.hero h1 span{color:#db4c38;font:900 .86em Noto Serif JP,serif}.hero-subtitle{color:#fff6e8e0;max-width:620px;margin:clamp(18px,2.4vw,26px) 0 0;font:500 1.28rem/1.55 Playfair Display,serif}.gate-button{color:#fff5e8;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(145deg,#c94734,#9b2b23);align-items:center;gap:18px;width:fit-content;margin-top:clamp(24px,3vw,36px);padding:14px 22px;font:600 .78rem DM Mono,monospace;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 42px #63160f57}.gate-button:after{content:"->";letter-spacing:0}.gate-button:hover,.gate-button:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 22px 52px #63160f6b}.flow-bar{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#05060500,#050605db 28%,#050605fa);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;min-height:clamp(96px,16vh,138px);padding:18px clamp(18px,4vw,64px) 24px;display:grid;position:relative}.flow-step{color:#fff6e8eb;cursor:pointer;background:0 0;grid-template-columns:52px 1fr;align-items:center;gap:16px;min-width:0;padding:10px clamp(10px,1.6vw,24px);display:grid;position:relative}.flow-step:not(:last-child):after{content:"";background:#fff6e829;width:1px;height:58%;position:absolute;top:20%;right:0}.flow-icon,.detail-icon{place-items:center;display:grid}.flow-icon{transform-origin:50%;width:44px;height:44px;transition:transform .17s,filter .17s,color .17s}.flow-icon svg,.detail-icon svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.flow-copy{text-align:left;min-width:0;display:grid}.flow-copy small{color:#fff6e880;font:600 .62rem DM Mono,monospace}.flow-copy strong{letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font:700 .82rem DM Mono,monospace}.flow-copy em{color:#fff6e894;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font:.64rem DM Mono,monospace;overflow:hidden}.flow-step:hover .flow-icon,.flow-step:focus-visible .flow-icon{color:#ffd59c;filter:drop-shadow(0 0 12px #ffbf768c);transform:scale(1.2)}.flow-step:focus-visible{outline:none}.petals{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petal{top:-8vh;left:var(--x);width:var(--size);height:calc(var(--size) * .64);opacity:0;filter:blur(var(--petal-blur));transform:scale(var(--depth));animation:petal-drift var(--duration) linear var(--delay) infinite;background:linear-gradient(135deg,#ffe1e8,#e98aa2 62%,#bd5a71);border-radius:78% 22% 72% 28%;position:absolute}.section-shell{width:min(1120px,100% - 44px);margin:0 auto;padding:clamp(54px,7vw,86px) 0}.architecture{background:linear-gradient(180deg, #fff5e6f0, #fffaf0f5), radial-gradient(circle at 8% 10%, #e98aa247, transparent 28%), radial-gradient(circle at 92% 5%, #f6b35f47, transparent 26%), var(--paper);position:relative;overflow:hidden}.architecture:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#b93a2b0e 1px,#0000 1px),linear-gradient(#b93a2b0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 76%,#0000);mask-image:linear-gradient(#0000,#000 18% 76%,#0000)}.architecture-grid{grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(32px,6vw,72px);display:grid;position:relative}.section-heading p,.comparison-copy p{color:var(--red);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font:700 .68rem DM Mono,monospace}.section-heading h2,.comparison-copy h2{color:#261b14;margin:0;font:700 3rem/1.02 Playfair Display,serif}.section-heading span,.comparison-copy span{max-width:560px;color:var(--muted);margin-top:16px;line-height:1.75;display:block}.architecture-panel{min-width:0}.step-pills{flex-wrap:wrap;gap:8px;display:flex}.step-pill{color:#6d5540;text-transform:uppercase;cursor:pointer;background:#ffffff8f;border:1px solid #87563238;align-items:center;gap:9px;padding:9px 12px;font:700 .65rem DM Mono,monospace;transition:background .16s,color .16s,transform .16s;display:inline-flex}.step-pill span{color:var(--red)}.step-pill:hover,.step-pill.active{background:var(--red);color:#fff8ed;transform:translateY(-1px)}.step-pill:hover span,.step-pill.active span{color:#ffe0b3}.detail-card{min-height:306px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf0db;border:1px solid #87563233;grid-template-columns:82px 1fr;gap:24px;margin-top:14px;padding:clamp(24px,3vw,34px);display:grid}.detail-icon{width:68px;height:68px;color:var(--red);border-bottom:2px solid var(--sun)}.detail-meta{color:#a46d3c;letter-spacing:.14em;gap:10px;font:700 .66rem DM Mono,monospace;display:flex}.detail-card h3{color:#241a13;margin:10px 0 2px;font:700 2.2rem Playfair Display,serif}.detail-subtitle{color:var(--red);margin:0 0 16px;font:600 .74rem DM Mono,monospace}#detail-body,.detail-note{color:#665141;margin:0;line-height:1.72}.detail-note{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.comparison{background:radial-gradient(circle at 18% 0,#f6b35f3d,#0000 30%),linear-gradient(#fffaf0 0%,#f8e8ce 100%)}.comparison-grid{grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);align-items:center;gap:clamp(30px,5vw,58px);display:grid}.shift-board{min-height:210px;box-shadow:var(--shadow);background:#ffffff73;border:1px solid #87563233;grid-template-columns:1fr 74px 1fr;display:grid}.shift-board article{padding:clamp(22px,3vw,32px)}.shift-board small{color:var(--red);letter-spacing:.14em;font:700 .68rem DM Mono,monospace}.shift-board strong{color:#261b14;margin-top:10px;font:700 1.8rem Playfair Display,serif;display:block}.shift-board p{max-width:350px;color:var(--muted);margin:12px 0 0;line-height:1.65}.shift-mark{border-inline:1px solid var(--line);color:var(--red);place-items:center;font:900 2rem Noto Serif JP,serif;display:grid}footer{color:#fff6e89e;background:#19120d;padding:0 20px 14px}.footer-line{letter-spacing:.1em;border-top:1px solid #fff6e829;justify-content:space-between;gap:18px;width:min(1120px,100%);margin:0 auto;padding-top:14px;font:600 .62rem DM Mono,monospace;display:flex}@keyframes shrine-breathe{0%{transform:translate3d(var(--parallax-x), var(--parallax-y), 0) scale(1.02)}to{transform:translate3d(calc(var(--parallax-x) + 10px), calc(var(--parallax-y) - 6px), 0) scale(1.055)}}@keyframes petal-drift{0%{opacity:0;transform:translate3d(0, -6vh, 0) rotate(0deg) scale(var(--depth))}9%{opacity:var(--petal-opacity)}46%{transform:translate3d(var(--drift), 48vh, 0) rotate(260deg) scale(var(--depth))}to{opacity:0;transform:translate3d(calc(var(--drift) * -.7), 110vh, 0) rotate(640deg) scale(var(--depth))}}@media (width<=900px){.hero{min-height:100svh}.hero-copy{margin-left:24px;padding-bottom:128px}.flow-bar{scrollbar-width:none;grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}.flow-bar::-webkit-scrollbar{display:none}.flow-step{grid-template-columns:44px 1fr;min-width:156px}.flow-copy em{display:none}.architecture-grid,.comparison-grid{grid-template-columns:1fr}}@media (width<=640px){.brand{letter-spacing:.2em}.brand small{letter-spacing:.16em}.hero-scene{object-position:62% center}.hero-copy{width:min(100% - 32px,640px);margin-left:16px;padding-bottom:126px}.hero h1{font-size:4.2rem}.gate-button{padding:13px 18px}.flow-bar{min-height:106px;padding-inline:12px}.section-shell{width:min(100% - 30px,1120px);padding:48px 0}.detail-card{grid-template-columns:1fr;min-height:auto}.shift-board{grid-template-columns:1fr}.shift-mark{border-inline:0;border-block:1px solid var(--line);min-height:54px}.footer-line{flex-direction:column;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}