:root{--paper: #f2eadb;--paper-deep: #e8d5a3;--ink: #2a251f;--muted: #766c5e;--orange: #d9782b;--orange-dark: #a94f1d;--green: #33452c;--chocolate: #6b3e26;--line: rgba(71, 54, 36, .2);--radius: 18px;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;min-width:320px;background:var(--paper)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.page-shell{width:min(1180px,calc(100% - 56px));margin:0 auto}.section{position:relative;padding:132px 0;overflow:hidden}.eyebrow{margin:0 0 22px;color:var(--orange-dark);font-size:.73rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Noto Serif SC",Songti SC,STSong,serif;font-weight:600}h1 em,h2 em{color:var(--orange-dark);font-style:normal}.section-intro{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(260px,.72fr);align-items:end;gap:64px}.section-intro-compact{display:block}.section-intro h2{max-width:9ch;margin:0;color:var(--green);font-size:clamp(2.5rem,4.5vw,4.25rem);font-weight:500;line-height:1.12;letter-spacing:-.055em}.section-intro-compact h2{max-width:12ch}.section-lede{max-width:31rem;margin:0;color:var(--muted);font-size:.98rem;line-height:2}.site-nav{position:absolute;z-index:10;top:0;left:0;display:flex;width:100%;height:84px;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1180px)/2));color:var(--green)}.brand-mark{display:inline-flex;align-items:center;gap:10px}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-family:"Noto Serif SC",serif;font-size:1rem;letter-spacing:.14em}.brand-mark small{margin-top:2px;color:var(--muted);font-size:.48rem;letter-spacing:.2em}.brand-seal{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--green);border-radius:50%;font-family:"Noto Serif SC",serif;font-size:1rem}.nav-links{display:flex;gap:34px;margin-left:8%;color:var(--muted);font-size:.78rem}.nav-links a,.nav-cta,.footer-top{transition:color .18s ease,transform .18s ease}.nav-links a:hover,.nav-cta:hover,.footer-top:hover{color:var(--orange-dark)}.nav-cta{display:inline-flex;align-items:center;gap:6px;color:var(--orange-dark);font-size:.78rem;font-weight:700;letter-spacing:.06em}.hero{position:relative;min-height:100dvh;display:grid;align-items:center;padding:120px 0 52px;isolation:isolate;background:var(--paper)}.hero-backdrop{position:absolute;z-index:-3;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f2eadbf5,#f2eadbd6 44%,#f2eadb2e),url(/assets/hero/hero-orange-ode.webp) center / cover}.hero-grain{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;opacity:.28;pointer-events:none;background-image:radial-gradient(rgba(72,48,22,.3) .55px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply}.hero-content{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.82fr);align-items:center;gap:72px}.hero-copy{max-width:540px}.hero-copy h1{margin:0;color:var(--green);font-size:clamp(3.7rem,6.5vw,6.8rem);line-height:.96;letter-spacing:-.08em}.hero-copy h1 em{display:inline-block;margin-top:.12em;color:var(--orange-dark)}.hero-subtitle{margin:24px 0 0;color:var(--chocolate);font-family:"Noto Serif SC",serif;font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:.2em}.hero-description{max-width:34rem;margin:18px 0 0;color:var(--muted);line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;padding:0 22px;font-size:.84rem;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px) scale(.98)}.button-primary{color:#fffaf0;background:var(--orange-dark);box-shadow:0 10px 26px #a94f1d33}.button-primary:hover{background:var(--green)}.button-quiet{border-color:var(--line);color:var(--green)}.button-quiet:hover{border-color:var(--green);background:#ffffff47}.hero-art{justify-self:end;width:min(100%,480px)}.hero-art-frame{position:relative;padding:14px 14px 52px;background:#f9f3e880;box-shadow:18px 22px 60px #5b3a1829;transform:rotate(2.5deg)}.hero-art-frame:before{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(81,56,29,.24);content:"";pointer-events:none}.hero-art-frame img{width:100%;aspect-ratio:1.42;object-fit:cover}.hero-stamp{position:absolute;right:28px;bottom:22px;display:grid;width:58px;height:58px;place-items:center;border:1px solid var(--orange-dark);border-radius:50%;color:var(--orange-dark);font-family:"Noto Serif SC",serif;font-size:.8rem;line-height:1.2;text-align:center;transform:rotate(-6deg)}.hero-caption{display:flex;justify-content:space-between;margin:24px 0 0;color:var(--muted);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.hero-caption span{color:var(--orange-dark)}.hero-footer{position:absolute;right:0;bottom:24px;left:0;display:flex;justify-content:space-between;color:#33452cb3;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.hero-footer span:last-child{display:inline-flex;align-items:center;gap:6px}.story-section{background:#f8f1e6}.story-layout{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}.story-copy{position:relative;max-width:430px;padding-bottom:12px}.story-copy p{color:var(--muted);font-family:"Noto Serif SC",serif;font-size:1.08rem;line-height:2.05}.vertical-note{position:absolute;right:-30px;bottom:10px;color:#a94f1db3;font-family:"Noto Serif SC",serif;font-size:.78rem;letter-spacing:.14em;writing-mode:vertical-rl}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:82px}.story-card{position:relative;min-height:270px;padding:24px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.story-card svg{color:var(--orange)}.story-index{position:absolute;top:24px;right:22px;color:#33452c73;font-size:.72rem;letter-spacing:.1em}.card-label{margin:34px 0 12px;color:var(--orange-dark);font-size:.7rem;letter-spacing:.16em}.story-card h3{margin-bottom:14px;color:var(--green);font-size:1.55rem}.story-card>p:last-child{margin:0;color:var(--muted);font-size:.88rem;line-height:1.85}.products-section{background:var(--paper)}.chapter-list{margin-top:90px}.chapter{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:96px;padding-top:60px;padding-bottom:60px}.chapter+.chapter{border-top:1px solid var(--line)}.chapter-reverse{grid-template-columns:minmax(0,1fr) minmax(0,.82fr)}.chapter-reverse .chapter-copy{grid-column:2;grid-row:1}.chapter-reverse .chapter-image-wrap{grid-column:1;grid-row:1}.chapter-heading{display:flex;align-items:baseline;gap:18px;margin-bottom:44px;color:var(--orange-dark)}.chapter-heading span{font-family:"Noto Serif SC",serif;font-size:2.4rem}.chapter-heading p{margin:0;font-size:.66rem;letter-spacing:.2em}.chapter-copy h3{max-width:10ch;margin:0;color:var(--green);font-size:clamp(2.25rem,3.65vw,3.85rem);font-weight:500;line-height:1.12;letter-spacing:-.06em}.chapter-copy h3 span{display:block;white-space:nowrap}.chapter-description{max-width:31rem;margin:28px 0 0;color:var(--muted);line-height:1.95}.chapter-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.chapter-details span{border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:var(--chocolate);font-size:.72rem}.chapter-tone{display:flex;align-items:center;gap:8px;margin:34px 0 0;color:var(--orange-dark);font-family:"Noto Serif SC",serif;font-size:.83rem}.chapter-image-wrap{position:relative;padding:16px;background:#eadfcd}.chapter-image-wrap:after{position:absolute;top:27px;right:27px;bottom:27px;left:27px;border:1px solid rgba(51,69,44,.2);content:"";pointer-events:none}.chapter-image-wrap img{width:100%;aspect-ratio:1.24;object-fit:cover}.chapter-reverse .chapter-image-wrap img{aspect-ratio:1.16}.image-corner{position:absolute;right:30px;bottom:30px;color:var(--orange-dark);font-size:.62rem;letter-spacing:.14em}.craft-section{color:#efe8da;background:var(--green)}.craft-section .section-intro h2,.craft-section .section-lede{color:#efe8da}.craft-section .section-lede{color:#efe8daad}.craft-section .eyebrow{color:#e4a25d}.craft-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}.craft-intro{position:sticky;top:120px;align-self:start}.craft-parameters{display:flex;align-items:center;gap:8px;margin-top:58px;color:#e4a25d;font-family:"Noto Serif SC",serif;font-size:1.1rem}.craft-parameters svg{width:14px;color:#efe8da7a}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 22px}.timeline-item{border-bottom:1px solid rgba(239,232,218,.18);padding-bottom:18px}.timeline-media{overflow:hidden;aspect-ratio:1.25;background:#efe8da14}.timeline-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .5s ease}.timeline-item:hover .timeline-media img{transform:scale(1.04)}.timeline-label{display:flex;align-items:baseline;gap:14px;padding-top:15px}.timeline-label span{color:#e4a25d;font-size:.68rem;letter-spacing:.13em}.timeline-label h3{margin:0;color:#efe8da;font-size:1.15rem}.innovation-section{background:#f8f1e6}.innovation-section .section-intro h2,.scenes-section .section-intro h2{max-width:9ch;white-space:normal}.innovation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:70px}.innovation-item{min-height:250px;padding:24px 0;border-top:1px solid var(--line)}.item-number{color:var(--orange-dark);font-size:.7rem;letter-spacing:.12em}.innovation-item h3{margin:42px 0 10px;color:var(--green);font-size:1.35rem}.innovation-item strong{color:var(--orange-dark);font-family:"Noto Serif SC",serif;font-size:1.12rem;font-weight:500}.innovation-item p{margin:18px 0 0;color:var(--muted);font-size:.86rem;line-height:1.85}.packaging-section{background:var(--paper-deep)}.packaging-layout{display:grid;grid-template-columns:.6fr 1.4fr;align-items:center;gap:70px}.packaging-section .section-intro h2{color:var(--green)}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:34px;color:var(--orange-dark);font-size:.8rem;font-weight:700}.packaging-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.packaging-image{min-width:0;padding:10px;background:#fff8ebad;box-shadow:0 18px 40px #4a331629}.packaging-image img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.packaging-image span{display:block;padding:14px 4px 4px;color:var(--green);font-family:"Noto Serif SC",serif;font-size:.9rem}.traceability-section{background:var(--chocolate);color:#f9f0e1}.traceability-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:120px}.trace-copy .eyebrow{color:#e7a15a}.trace-copy h2{margin:0;color:#f9f0e1;font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.08em}.trace-copy h2 em{color:#e7a15a}.trace-copy>p:not(.eyebrow){max-width:28rem;margin:28px 0 0;color:#f9f0e1b3;line-height:1.9}.trace-code{display:inline-flex;align-items:center;gap:9px;margin-top:30px;color:#e7a15a;font-size:.8rem;font-weight:700;letter-spacing:.08em}.trace-card{padding:32px;border:1px solid rgba(249,240,225,.26);background:#f9f0e10f}.trace-card-top,.trace-card-footer{display:flex;align-items:center;justify-content:space-between;color:#e7a15a;font-size:.64rem;letter-spacing:.16em}.trace-card h3{margin:64px 0 36px;color:#f9f0e1;font-size:2.3rem}.trace-row{display:flex;justify-content:space-between;gap:24px;padding:14px 0;border-top:1px solid rgba(249,240,225,.18);font-size:.8rem}.trace-row span{color:#f9f0e18a}.trace-row strong{font-weight:500}.trace-card-footer{margin-top:38px;color:#f9f0e180}.trace-card-footer span{color:#e7a15a}.scenes-section{background:var(--paper)}.scenes-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px;margin-top:76px;align-items:start}.scene-card{background:#e9ddca}.scene-card:nth-child(2){margin-top:70px}.scene-card:nth-child(3){margin-top:26px}.scene-image{aspect-ratio:.86;overflow:hidden}.scene-card:first-child .scene-image{aspect-ratio:1.05}.scene-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .6s ease}.scene-card:hover .scene-image img{transform:scale(1.04)}.scene-copy{padding:22px}.scene-copy>span{color:var(--orange-dark);font-size:.7rem;letter-spacing:.16em}.scene-copy h3{margin:22px 0 10px;color:var(--green);font-size:1.35rem}.scene-copy p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.8}.site-footer{padding:48px 0 60px;color:#e9eadf;background:var(--green)}.footer-layout{display:flex;align-items:end;justify-content:space-between;gap:30px}.footer-brand{font-family:"Noto Serif SC",serif;font-size:1.5rem;letter-spacing:.14em}.footer-layout p{margin:10px 0 0;color:#e9eadf94;font-size:.7rem;letter-spacing:.1em}.footer-poem{color:#e9eadf9e;font-family:"Noto Serif SC",serif;font-size:.85rem;line-height:1.9;text-align:center}.footer-top{display:inline-flex;align-items:center;gap:6px;color:#e4a25d;font-size:.75rem}:focus-visible{outline:3px solid #f0aa68;outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:900px){.page-shell{width:min(100% - 36px,680px)}.section-intro{grid-template-columns:1fr;gap:22px}.site-nav{height:72px;padding:0 18px}.nav-links{display:none}.hero{padding-top:110px}.hero-content,.story-layout,.craft-layout,.packaging-layout,.traceability-layout{grid-template-columns:1fr;gap:54px}.hero-art{justify-self:start;width:min(100%,470px)}.hero-footer{width:min(100% - 36px,680px)}.story-grid,.innovation-grid{grid-template-columns:repeat(2,1fr)}.chapter,.chapter-reverse{grid-template-columns:1fr;gap:46px}.chapter-reverse .chapter-copy,.chapter-reverse .chapter-image-wrap{grid-column:auto;grid-row:auto}.chapter-reverse .chapter-copy{order:1}.chapter-reverse .chapter-image-wrap{order:2}.craft-intro{position:static}.packaging-gallery{grid-template-columns:1fr 1fr}.scenes-grid{grid-template-columns:1fr}.scene-card:nth-child(2),.scene-card:nth-child(3){margin-top:0}.scene-image,.scene-card:first-child .scene-image{aspect-ratio:1.4}}@media(max-width:560px){.section{padding:88px 0}.page-shell{width:min(100% - 28px,420px)}.brand-mark small{display:none}.nav-cta{font-size:.68rem}.hero{min-height:auto;padding-bottom:80px}.hero-copy h1{font-size:clamp(3.4rem,16vw,5rem)}.section-intro h2{font-size:clamp(2.35rem,12vw,3.5rem)}.hero-description{font-size:.92rem}.hero-art{width:94%;margin-top:12px}.hero-footer{display:none}.story-layout{gap:32px}.vertical-note{right:0}.story-grid,.innovation-grid,.timeline{grid-template-columns:1fr}.story-card{min-height:auto}.chapter-list{margin-top:48px}.chapter{padding-top:44px;padding-bottom:44px}.chapter-heading{margin-bottom:30px}.chapter-copy h3{font-size:3rem}.timeline{gap:28px}.innovation-section .section-intro h2,.scenes-section .section-intro h2{white-space:normal}.packaging-gallery{grid-template-columns:1fr}.trace-card{padding:24px}.trace-card h3{margin-top:44px}.footer-layout{align-items:start;flex-direction:column}.footer-poem{text-align:left}}