@font-face{font-family:Shunlu;src:url('/media/ui.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#efe8d5;--green:#234e43;--ink:#1f302a;--orange:#d96839;--muted:#657268;--line:#234e4330;--soft:#e5dfcc;--white:#f7f3e8;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--green);font-family:Shunlu,'Microsoft YaHei',sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button{cursor:pointer}button:disabled{cursor:wait}::selection{background:var(--orange);color:var(--ink)}.shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{width:142px;height:44px;object-fit:contain}.nav{display:flex;gap:34px;align-items:center;font-size:14px}.nav a{padding:12px 0}.nav a:hover,.text-link:hover{color:#a64b28}.skip-link{position:absolute;left:15px;top:-90px;background:var(--green);color:var(--paper);padding:10px 18px;z-index:100}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:52px;padding-block:48px 46px;min-height:590px}.eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:26px}.hero h1{font-size:clamp(40px,4.1vw,65px);letter-spacing:-.06em;font-weight:800;line-height:1.3}.orange{color:var(--orange)}.hero-dek{font-size:16px;line-height:1.9;margin-top:24px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:12px 24px;background:var(--green);border:1px solid var(--green);color:var(--paper);font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#153e33;transform:translateY(-2px)}.button.light{background:var(--paper);color:var(--green);border-color:var(--paper)}.button.outline{background:transparent;color:var(--green)}.text-link{font-size:14px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.hero-image{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-image>img{width:100%;height:440px;object-fit:cover;object-position:center}.hero-image figcaption{display:flex;justify-content:space-between;font-size:11px;margin-top:10px;color:var(--muted)}.hero-index{position:absolute;right:-16px;top:1px;font-size:11px;line-height:1.4;letter-spacing:.14em;writing-mode:vertical-rl;background:var(--paper);padding:12px 0 12px 10px}.project-meta{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:23px;font-size:12px}.project-meta span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.project-meta>a{white-space:nowrap;align-self:center;text-decoration:underline;text-underline-offset:6px}.section{padding-block:110px}.section-number{display:block;font-size:12px;font-variant-numeric:tabular-nums;margin-bottom:24px;color:var(--muted)}h2{font-size:clamp(32px,3.5vw,50px);font-weight:700;line-height:1.4;letter-spacing:-.04em}h3{font-size:29px;line-height:1.5;letter-spacing:-.025em}.section-dek,.section-title>p{max-width:590px;margin-top:23px;font-size:15px;color:var(--muted)}.story{display:grid;grid-template-columns:1fr 1fr;gap:0 100px}.story .section-number{grid-column:1/-1}.story h2{grid-column:1}.story-content{grid-column:2;grid-row:2}.large-copy{font-size:23px;font-weight:500;line-height:1.8}.story-content>p+p{font-size:15px;margin-top:24px;color:var(--muted)}.story-content>a{display:inline-block;margin-top:26px}.contribution{grid-column:1/-1;border-top:1px solid var(--line);margin-top:55px;padding-top:24px;display:grid;grid-template-columns:1fr 2fr;gap:30px;font-size:13px}.contribution>span{font-weight:700}.contribution>p{color:var(--muted)}.identity{padding-top:0}.identity-stage{display:grid;grid-template-columns:2fr 1fr;margin-top:46px;min-height:365px;background:var(--white)}.logo-lockup{padding:70px;display:flex;flex-direction:column;justify-content:center;gap:35px}.logo-lockup>img{width:100%;max-width:460px}.logo-lockup>span{font-size:13px}.logo-symbol{background:var(--green);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--paper);font-size:11px}.logo-symbol img{width:195px}.palette{display:grid;grid-template-columns:repeat(4,1fr)}.palette>div{display:flex;justify-content:space-between;background:var(--swatch);color:var(--ink);padding:20px 24px;border:1px solid #234e4320;font-size:11px;gap:10px}.palette b{font-weight:500}.product-line{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:30px 70px;gap:60px}.product-line>img{width:100%;height:240px;object-fit:contain}.under-image{display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:12px;color:var(--muted)}.under-image p{max-width:670px}.under-image>a{flex-shrink:0;color:var(--green)}.packaging{background:#e5dfcc}.bag-gallery{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;margin-top:48px;align-items:end}.bag-gallery figure:nth-child(2){padding-bottom:0}.bag-gallery img{width:100%;aspect-ratio:1.5;object-fit:cover}.bag-gallery figcaption{font-size:12px;padding-top:12px}.image-zoom{border:0;padding:0;background:none;width:100%;display:block;cursor:zoom-in;overflow:hidden}.image-zoom img{transition:transform .5s}.image-zoom:hover img{transform:scale(1.025)}.poster-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;margin-bottom:24px}.poster-gallery img{width:100%;height:auto;aspect-ratio:.75;object-fit:contain}.order-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;margin-top:54px;padding:54px 60px;background:var(--white);align-items:center}.experience-label{display:block;font-size:12px;margin-bottom:22px}.order-copy>p{font-size:14px;max-width:430px;color:var(--muted);margin-top:22px}.order-copy h3{font-size:34px}.journey{display:flex;list-style:none;padding:0;margin:30px 0 0;gap:18px;font-size:12px}.journey li+li::before{content:'→';padding-right:18px;color:var(--orange)}.order-copy .actions{gap:20px}.fineprint{font-size:11px!important;color:var(--muted);margin-top:20px;line-height:1.8}.phone-stage{display:flex;flex-direction:column;align-items:center}.phone{position:relative;border:7px solid #25473e;border-radius:31px;overflow:hidden;background:var(--paper);width:300px;height:600px;box-shadow:14px 20px 0 #e5e2d3}.phone>img{width:100%;height:100%;object-fit:cover;object-position:top}.phone iframe{width:100%;height:100%;border:0;background:var(--paper)}.demo-launch{position:absolute;bottom:30px;left:22px;right:22px;min-height:50px;background:var(--green);border:1px solid #fff4;color:var(--paper);font-size:14px;box-shadow:0 3px 20px #0003}.phone-help{font-size:11px;margin-top:24px;color:var(--muted)}.aroma-strip{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;margin-top:90px;align-items:center}.aroma-text>p{margin:24px 0;font-size:14px;color:var(--muted)}.aroma-images{display:flex;align-items:center;gap:12px;padding:20px 0}.aroma-images img{width:calc((100% - 24px)/3);box-shadow:0 10px 24px #1f302a15}.aroma-images img:nth-child(1){transform:rotate(-8deg) translateY(8px)}.aroma-images img:nth-child(3){transform:rotate(8deg) translateY(8px)}.workshop-feature{background:var(--green);color:var(--paper);padding:90px 0}.workshop-feature>.shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.workshop-copy>p{font-size:14px;line-height:1.9;color:#d1d7c6;margin:25px 0;max-width:400px}.workshop-copy .fineprint{color:#c9d0c0}.workshop-visual{display:block;position:relative}.workshop-visual img{width:100%;aspect-ratio:1.22;object-fit:cover;object-position:center}.workshop-visual>span{background:var(--paper);color:var(--green);display:flex;justify-content:space-between;padding:14px 20px;font-size:13px}.film-layout{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:start;margin-top:48px}.film-layout video{width:100%;display:block;background:#1f302a;object-fit:contain}.film-main video{aspect-ratio:16/9}.film-short video{aspect-ratio:9/16}.film-layout figcaption{font-size:12px;display:flex;justify-content:space-between;gap:16px;margin-top:13px}.film-short figcaption{flex-direction:column;gap:2px}.process-teaser{padding-top:0}.process-preview{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:40px}.process-preview>div>p{font-size:14px;color:var(--muted);margin-bottom:28px}.closing{border-block:1px solid var(--line);padding-block:65px;display:flex;flex-direction:column;align-items:center;text-align:center}.closing h2{font-size:32px;margin-top:24px}.closing p{font-size:14px;color:var(--muted);margin-top:17px}.closing .actions{justify-content:center}.footer{padding-block:40px;display:flex;justify-content:space-between;gap:35px;align-items:center;font-size:12px}.footer>p:first-child{font-weight:600}.footer span,.footer>p:nth-child(2){color:var(--muted);font-weight:400;font-size:11px}.lightbox{border:0;background:var(--paper);padding:44px 24px 18px;max-width:95vw;max-height:94dvh;width:fit-content;color:var(--green)}.lightbox::backdrop{background:#12231dea}.lightbox>img{max-height:78dvh;max-width:85vw;object-fit:contain}.lightbox>p{font-size:12px;margin-top:8px}.lightbox-close{position:absolute;right:15px;top:8px;padding:4px 10px;background:transparent;border:0;font-size:13px}.page-intro{padding:65px 0 40px}.page-intro h1{font-size:48px;line-height:1.35;letter-spacing:-.04em}.page-intro>p{max-width:680px;color:var(--muted);margin-top:20px}.library-tools{display:flex;gap:15px;flex-wrap:wrap;padding:25px 0}.library-tools input,.library-tools select{border:1px solid var(--line);background:var(--white);padding:12px 15px;min-height:48px;color:var(--green);max-width:100%}.library-tools input{flex:1;min-width:210px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:60px}.library-item{border-top:1px solid var(--line);padding:24px 0;min-width:0}.library-item img{width:100%;aspect-ratio:1.4;object-fit:contain;background:var(--soft);margin-bottom:20px}.library-item h2,.library-item h3{font-size:20px}.library-item p{font-size:13px;color:var(--muted);margin-top:12px}.library-item a{word-break:break-word}.library-item .actions{margin-top:18px;gap:15px}.process-steps{margin:35px 0 65px}.document-reader{padding-block:35px}.document-reader img{width:100%;height:auto;margin:20px 0;background:white}.document-reader pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.notice{padding:20px 24px;background:var(--soft);border-left:3px solid var(--orange);font-size:13px;margin:25px 0}.page-intro .text-link{display:inline-block;margin-top:18px}.empty{padding:50px 0;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:660px}.hero-image>img{height:500px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.site-header{height:76px}.hero{gap:32px;min-height:520px}.hero-image>img{height:365px}.hero h1{font-size:45px}.nav{gap:22px}.hero-dek{font-size:14px}.project-meta{grid-template-columns:1fr 1fr 1fr}.project-meta>a{grid-column:1/-1}.section{padding-block:80px}.identity{padding-top:0}.story{gap:0 50px}.logo-lockup{padding:45px}.order-feature{padding:40px 35px;gap:30px}.order-copy .actions{flex-direction:column;align-items:start}.film-layout{grid-template-columns:1fr 210px}.workshop-feature>.shell{gap:40px}.process-preview{gap:50px}.palette>div{padding:18px;font-size:10px}.product-line{padding:20px 30px;gap:30px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){body{font-size:15px}.shell{width:calc(100% - 40px)}.site-header{height:auto;min-height:74px;padding-block:14px;gap:15px;align-items:center;flex-wrap:wrap}.brand img{width:117px;height:36px}.nav{gap:18px;font-size:11px;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:2px}.nav a{padding:8px 0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding-block:32px;min-height:0}.hero h1{font-size:43px}.eyebrow{font-size:10px;margin-bottom:19px}.hero-dek{font-size:14px;margin-top:17px}.actions{margin-top:25px;gap:20px}.button{min-height:48px;padding:11px 19px;font-size:13px}.text-link{font-size:13px}.hero-image>img{height:auto;aspect-ratio:1.35}.hero-index{right:-8px;top:-13px;font-size:9px}.hero-image figcaption{font-size:9px}.project-meta{grid-template-columns:1fr 1fr;padding-block:20px;gap:18px;font-size:11px}.project-meta>a{grid-column:auto;font-size:11px}.section{padding-block:58px}.section-number{font-size:11px;margin-bottom:17px}h2{font-size:32px}h3{font-size:25px}.story{display:block}.story-content{margin-top:28px}.large-copy{font-size:20px}.story-content>p+p{font-size:14px}.contribution{grid-template-columns:1fr;gap:8px;margin-top:30px;font-size:12px}.identity{padding-top:10px}.identity-stage{grid-template-columns:1fr;min-height:0;margin-top:28px}.logo-lockup{padding:38px 32px;gap:20px}.logo-lockup>span{font-size:11px}.logo-symbol{padding:25px;flex-direction:row;gap:30px}.logo-symbol img{width:115px}.palette{grid-template-columns:1fr 1fr}.palette>div{padding:15px;font-size:10px}.product-line{padding:25px 0 15px;gap:10px}.product-line>img{height:110px}.under-image{flex-direction:column;gap:16px;font-size:11px}.section-dek,.section-title>p{font-size:14px;margin-top:18px}.bag-gallery{grid-template-columns:1fr;gap:28px;margin-top:30px}.bag-gallery figcaption{font-size:11px}.poster-gallery{gap:10px;margin-top:28px;margin-bottom:20px}.order-feature{grid-template-columns:1fr;padding:30px 22px;gap:35px;margin-top:30px}.order-copy h3{font-size:29px}.order-copy>p{font-size:13px}.order-copy .actions{align-items:flex-start;gap:22px}.journey{font-size:11px;gap:12px}.journey li+li::before{padding-right:12px}.phone{width:270px;height:530px;border-width:5px;box-shadow:10px 13px 0 #e5e2d3}.phone-help{margin-top:20px}.aroma-strip{grid-template-columns:1fr;gap:28px;margin-top:55px}.aroma-images{padding:15px 10px}.aroma-text>p{margin:17px 0}.workshop-feature{padding:55px 0}.workshop-feature>.shell{grid-template-columns:1fr;gap:30px}.workshop-copy>p{font-size:13px;margin:22px 0}.workshop-visual img{aspect-ratio:1.2}.film-layout{grid-template-columns:minmax(0,1fr);gap:35px;margin-top:30px}.film-short{width:65%;justify-self:center}.film-layout figcaption{font-size:11px}.film-short figcaption{flex-direction:row}.process-teaser{padding-top:0}.process-preview{grid-template-columns:1fr;gap:25px;margin-top:27px}.closing{padding-block:42px}.closing h2{font-size:26px}.closing p{font-size:13px}.closing>img{width:70px}.closing .actions{flex-direction:column;gap:25px}.footer{flex-direction:column;gap:20px;align-items:flex-start;padding-block:30px}.page-intro{padding-block:36px 25px}.page-intro h1{font-size:34px}.page-intro>p{font-size:14px}.library-grid{grid-template-columns:1fr;gap:5px}.library-tools{gap:10px}.library-tools input{min-width:100%;width:100%}.library-item h2,.library-item h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}