:root{--ink:#2b2118;--ink-2:#3c3024;--rice:#f8f5ec;--paper:#fffef9;--sand:#efe7d3;--bean:#fedd6b;--sun:#fff3c4;--text:#2b2118;--text-2:#62564a;--on-ink:#f8f5ec;--on-ink-2:#cfc3b0;--line:#2b211826;--line-ink:#f8f5ec33;--leaf:#4c6b2e;--leaf-dark:#3b5523;--song:"Chiron Sung HK","Noto Serif TC","Songti TC",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--wrap:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--rice);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.85}img,svg{max-width:100%;display:block}a{color:inherit}p{max-width:36em;margin:0 0 1em}h1,h2,h3{font-family:var(--song);letter-spacing:.02em;margin:0;font-weight:700;line-height:1.3}h2{font-size:clamp(30px,3.6vw,48px)}h3{font-size:22px}:focus-visible{outline:3px solid var(--bean);outline-offset:3px}.light :focus-visible,body :focus-visible{outline-color:#b8860b}.ink :focus-visible{outline-color:var(--bean)}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}.lead{color:var(--text-2);font-size:19px}.meta{color:var(--text-2);font-size:14px}.skip{background:var(--ink);color:var(--on-ink);z-index:50;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.ring{border:3px solid;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;display:inline-grid;position:relative}.ring:before{content:"";background:var(--bean);border-radius:50%;position:absolute;inset:9px 7px;transform:rotate(-12deg)}.ring.mark:after{content:"";background:var(--ink);border-radius:2px;width:44%;height:3px;position:absolute;transform:translate(-4%,-2px)rotate(-16deg)}.ring b{font-family:var(--song);color:var(--ink);font-size:20px;line-height:1;position:relative}.top{z-index:20;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f3f0e7f5;position:sticky;top:0}.top .wrap{align-items:center;gap:28px;height:72px;display:flex}.mark{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.mark img{width:auto;height:44px}.nav{gap:24px;margin-left:auto;font-size:15px;display:flex}.nav a{border-bottom:2px solid #0000;padding:6px 0;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{border-color:var(--ink)}.buy{background:var(--leaf);color:#fff;border-radius:999px;flex-shrink:0;padding:9px 20px;font-size:15px;text-decoration:none}.buy:hover{background:var(--bean);color:var(--ink)}.menu-btn{border:1px solid var(--line);font:inherit;color:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:6px 16px;display:none}.btn{border:1.5px solid;border-radius:999px;padding:14px 28px;font-size:16px;font-weight:500;line-height:1.2;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-block}.btn.solid{background:var(--leaf);color:#fff;border-color:var(--leaf)}.btn:hover,.btn.solid:hover{background:var(--bean);color:var(--ink);border-color:var(--bean)}.ink .btn.solid{background:var(--on-ink);color:var(--ink);border-color:var(--on-ink)}.btns{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.band{padding:84px 0}.ink{background:var(--ink);color:var(--on-ink)}.ink .lead,.ink .meta{color:var(--on-ink-2)}.bean{background:var(--bean);color:var(--ink)}.bean .lead{color:#3d352c}.sand{background:var(--sand)}.leafbg{background:var(--leaf);color:#fff}.leafbg .sec-head p{color:#e3ebd6}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:56px;display:flex}.sec-head p{color:var(--text-2);margin:0}.ink .sec-head p{color:var(--on-ink-2)}.photo{background:var(--ink-2);border-radius:2px;min-height:320px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo figcaption{color:var(--text-2);background:#f3f0e7e6;padding:3px 10px;font-size:13px;position:absolute;bottom:12px;left:14px}.photo.empty:after{content:"";background:repeating-linear-gradient(135deg,#0000 0 22px,#120e0b0f 22px 23px);position:absolute;inset:0}.hero{background:var(--rice);position:relative;overflow:hidden}.hero .wrap{grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);align-items:end;gap:56px;min-height:calc(100vh - 138px);max-height:900px;padding-top:64px;padding-bottom:64px;display:grid}.vtitle{writing-mode:vertical-rl;font-family:var(--song);letter-spacing:.08em;color:var(--ink);align-self:start;margin:0;font-size:clamp(48px,min(6vw,7.4vh),100px);font-weight:900;line-height:1.12}.vtitle span{white-space:nowrap;display:block}.vtitle span+span{padding-top:1.6em}.hero-side{max-width:22em;padding-bottom:8px}.hero-side .lead{color:var(--text);font-size:19px}.hero-photo{border-radius:2px;align-self:stretch;min-height:520px;position:relative;overflow:hidden}.hero-photo img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;position:absolute;inset:0}.sun{background:radial-gradient(circle,var(--bean) 0%,#fedd6b59 45%,#fedd6b00 70%);pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:-60px;right:-60px}.seal{color:var(--text-2);letter-spacing:.06em;align-items:center;gap:14px;margin-bottom:28px;font-size:14px;display:flex}.seal .ring{color:var(--ink)}.facts-bar{background:var(--leaf);color:#fff}.facts-bar ul{max-width:var(--wrap);flex-wrap:wrap;gap:48px;margin:0 auto;padding:20px 28px;font-size:15px;list-style:none;display:flex}.facts-bar b{color:var(--bean);margin-right:8px;font-weight:700}@media (prefers-reduced-motion:no-preference){.hero-photo{animation:1.2s cubic-bezier(.2,.7,.2,1) .1s both rise}.vtitle span{clip-path:inset(0 0 100%);animation:1.1s cubic-bezier(.6,0,.2,1) both write}.vtitle span:first-child{animation-delay:.35s}.vtitle span:nth-child(2){animation-delay:1.05s}.seal .ring{animation:.5s cubic-bezier(.3,1.6,.5,1) 1.9s both stamp}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes write{to{clip-path:inset(0)}}@keyframes stamp{0%{opacity:0;transform:scale(1.8)rotate(-20deg)}to{opacity:1;transform:none}}.manifesto{grid-template-columns:1fr 1.4fr;align-items:start;gap:72px;display:grid}.manifesto .big{font-family:var(--song);max-width:none;margin:0;font-size:clamp(28px,3.2vw,42px);font-weight:700;line-height:1.55}.manifesto .note{color:var(--text-2);margin-top:20px;font-size:13px}.promise-list{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none}.promise-list li{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:20px;padding:24px 0;display:grid}.promise-list strong{font-family:var(--song);margin-bottom:4px;font-size:22px;display:block}.promise-list p{color:var(--text-2);margin:0;font-size:15px}.prod-grid{grid-template-rows:auto auto;grid-template-columns:1.25fr 1fr 1fr;gap:28px;display:grid}.prod{flex-direction:column;gap:14px;text-decoration:none;display:flex}.prod .photo{min-height:300px}.prod:first-child{grid-row:span 2}.prod:nth-child(4){grid-column:span 2}.prod:nth-child(4) .photo{min-height:260px}.prod:first-child .photo{flex:1;min-height:560px}.prod h3{font-size:26px}.prod p{color:var(--text-2);margin:0;font-size:15px}.prod .role{color:var(--text-2);letter-spacing:.06em;font-size:13px}.prod:hover h3{text-underline-offset:6px;text-decoration:underline 1px}.field{min-height:min(88vh,820px);color:var(--on-ink);align-items:flex-end;display:flex;position:relative;overflow:hidden}.field>img{object-fit:cover;object-position:80% 40%;width:100%;height:100%;position:absolute;inset:0}.field:after{content:"";background:linear-gradient(90deg,#231c12d1 0%,#231c128c 38%,#231c1200 62%),linear-gradient(#231c1200 60%,#231c1280 100%);position:absolute;inset:0}.field .wrap{z-index:1;grid-template-columns:minmax(0,560px);align-items:end;gap:8px;width:100%;padding-bottom:80px;display:grid;position:relative}.field .num{font-family:var(--song);color:var(--bean);margin:0 0 24px;font-size:clamp(88px,10vw,150px);font-weight:900;line-height:.9}.field .num small{font-family:var(--sans);color:var(--on-ink-2);margin-top:12px;font-size:13px;font-weight:400;line-height:1.5;display:block}.field h2{max-width:16em}.field .lead{color:var(--on-ink);margin-top:16px}.craft-photos{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:72px;display:grid}.craft-photos .photo{border-radius:2px;min-height:440px}.steps{counter-reset:s;border-top:1.5px solid var(--ink);grid-template-columns:repeat(6,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;padding:28px 20px 0 0}.steps li:before{content:counter(s,cjk-ideographic);font-family:var(--song);color:var(--leaf);margin-bottom:10px;font-size:15px;display:block}.steps b{font-family:var(--song);font-size:24px;display:block}.steps span{color:var(--text-2);margin-top:6px;font-size:14px;line-height:1.7;display:block}.light-steps{border-top-color:var(--line)}.light-steps li:before,.light-steps span{color:var(--text-2)}.stats{border-top:2px solid var(--ink);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stats div{padding:32px 24px 0 0}.stats div+div{border-left:1px solid #120e0b40;padding-left:24px}.stats b{font-family:var(--song);font-size:clamp(40px,4.4vw,60px);font-weight:900;line-height:1.1;display:block}.stats span{margin-top:8px;font-size:16px;font-weight:500;display:block}.stats small{color:#4a4036;margin-top:6px;font-size:13px;display:block}.chapters{border-top:1.5px solid var(--ink);grid-template-columns:repeat(5,1fr);gap:0;display:grid}.chapters div{padding:28px 20px 8px 0}.chapters div+div{border-left:1px solid var(--line);padding-left:20px}.chapters em{font-style:normal;font-family:var(--song);color:var(--text-2);font-size:14px}.chapters b{font-family:var(--song);margin:6px 0;font-size:40px;line-height:1.2;display:block}.chapters span{color:var(--text-2);font-size:15px}.journal{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.post{text-decoration:none;display:block}.post .photo{min-height:240px;margin-bottom:18px}.post .cat{color:var(--text-2);letter-spacing:.06em;font-size:13px}.post h3{margin:6px 0 8px;font-size:23px}.post p{color:var(--text-2);font-size:15px}.post:hover h3{text-underline-offset:6px;text-decoration:underline 1px}.doors{border-top:1px solid #ffffff4d;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.doors a{padding:40px 32px 48px 0;text-decoration:none;display:block}.doors a+a{border-left:1px solid #ffffff4d;padding-left:32px}.doors b{font-family:var(--song);margin-bottom:8px;font-size:28px;display:block}.doors span{color:#e3ebd6;font-size:15px}.doors a:hover b{color:var(--bean)}.page-head{background:var(--sand);position:relative;overflow:hidden}.page-head .wrap{z-index:1;padding-top:88px;padding-bottom:72px;position:relative}.page-head h1{max-width:12em;margin-top:12px;font-size:clamp(36px,4.6vw,60px);font-weight:900}.page-head .head-img{width:46%;position:absolute;top:0;bottom:0;right:0}.page-head .head-img img{object-fit:cover;width:100%;height:100%}.page-head.has-img .wrap{padding-top:120px;padding-bottom:110px}.crumb{color:var(--text-2);font-size:14px}.crumb a{border-bottom:1px solid var(--line);text-decoration:none}.prose h2{margin:72px 0 18px;font-size:34px}.prose h2:first-child{margin-top:0}.cols{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}.cols3{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.cols h3,.cols3 h3{margin-bottom:8px}.split{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;display:grid}.split .photo{min-height:520px}.name-chars{border-top:1.5px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;margin:32px 0;display:grid}.name-chars div{padding:32px 32px 8px 0}.name-chars div+div{border-left:1px solid var(--line);padding-left:32px}.name-chars b{font-family:var(--song);margin-bottom:16px;font-size:88px;font-weight:900;line-height:1;display:block}.timeline{border-left:1.5px solid var(--ink);margin:24px 0 0;padding:0;list-style:none}.timeline li{padding:0 0 28px 28px;position:relative}.timeline li:before{content:"";background:var(--bean);border:2px solid var(--ink);border-radius:50%;width:14px;height:14px;position:absolute;top:9px;left:-8px}.timeline b{font-family:var(--song);margin-right:12px;font-size:22px}table.cmp{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px}.cmp th,.cmp td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}.cmp thead th{font-family:var(--song);border-bottom:1.5px solid var(--ink);font-size:20px}.cmp tbody th{color:var(--text-2);width:22%;font-weight:500}.note{color:var(--text-2);background:var(--paper);border-left:3px solid var(--bean);max-width:none;padding:12px 16px;font-size:14px}.facts{border-top:1.5px solid var(--ink);grid-template-columns:200px 1fr;gap:0;margin:24px 0;display:grid}.facts dt,.facts dd{border-bottom:1px solid var(--line);margin:0;padding:14px 0}.facts dt{color:var(--text-2);font-size:15px}details{border-bottom:1px solid var(--line);padding:4px 0}summary{cursor:pointer;font-family:var(--song);justify-content:space-between;gap:20px;padding:18px 0;font-size:21px;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--sans);font-size:24px;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--text-2)}.map{background:var(--sand);border-radius:2px;min-height:520px;padding:24px;position:relative}.map svg{width:100%;height:auto;max-height:480px}.map path{fill:#e2d6b8;stroke:var(--ink)}.farm-dot{cursor:pointer}.farm-dot circle{fill:var(--leaf);stroke:var(--paper);stroke-width:3px}.farm-dot:hover circle,.farm-dot[aria-pressed=true] circle{fill:var(--ink);r:14}.farm-card{background:var(--paper);border-top:3px solid var(--ink);padding:28px}form.lead-form{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.lead-form label{color:var(--text-2);flex-direction:column;gap:6px;font-size:14px;display:flex}.lead-form .full{grid-column:1/-1}.lead-form input,.lead-form select,.lead-form textarea{font:inherit;color:var(--text);border:1.5px solid var(--line);background:var(--paper);border-radius:2px;padding:12px 14px;font-size:16px}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--ink);outline:none}.form-msg{color:var(--leaf);grid-column:1/-1;min-height:1.6em;margin:0;font-size:15px}.chips{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.chips span{border:1px solid var(--ink);border-radius:999px;padding:6px 16px;font-size:15px}.article{max-width:42em}.article h2{margin:48px 0 14px;font-size:28px}.article h3{margin:32px 0 10px;font-size:22px}.article img{margin:24px 0}.article ul,.article ol{padding-left:1.4em}.article p{max-width:none}.article blockquote{border-left:3px solid var(--bean);background:var(--paper);color:var(--text-2);margin:20px 0;padding:10px 16px;font-size:15px}.article blockquote p{margin:0}.filter{flex-wrap:wrap;gap:10px;margin:0 0 40px;display:flex}.filter a{border:1px solid var(--ink);border-radius:999px;padding:6px 16px;font-size:15px;text-decoration:none}.filter a[aria-current=true]{background:var(--ink);color:var(--on-ink)}.series:first-child{margin-top:0}.series-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px;display:grid}.big-fig{font-family:var(--song);margin:18px 0 6px;font-size:clamp(64px,9vw,120px);font-weight:900;line-height:1}footer{background:var(--ink);color:var(--on-ink-2);border-top:1px solid var(--line-ink);padding:96px 0 40px;font-size:15px}footer .wrap{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;display:grid}footer h4{font-family:var(--song);color:var(--on-ink);margin:0 0 12px;font-size:19px}footer a{padding:3px 0;text-decoration:none;display:block}footer a:hover{color:var(--bean)}.motto{font-family:var(--song);color:var(--on-ink);margin-bottom:12px;font-size:32px;font-weight:900;line-height:1.4}.legal{border-top:1px solid var(--line-ink);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:10px;margin-top:24px;padding-top:24px;font-size:13px;display:flex}@media (width<=1080px){.nav,.buy{display:none}.menu-btn{display:block}.top.open .nav{background:var(--rice);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:12px 28px 24px;display:flex;position:absolute;top:72px;left:0;right:0}.top.open .nav a{border:none;padding:10px 0;font-size:17px}.steps{grid-template-columns:repeat(3,1fr);row-gap:8px}.prod-grid{grid-template-columns:1fr 1fr}.prod:first-child{grid-area:auto/span 2}.prod:nth-child(4){grid-column:auto}.prod:first-child .photo{min-height:420px}}@media (width<=860px){body{font-size:16px}.band{padding:56px 0}.hero .wrap{grid-template-columns:auto 1fr;gap:28px;min-height:0;padding-top:40px}.vtitle{grid-row:1;font-size:40px}.hero-photo{grid-area:1/2;min-height:340px}.hero-side{grid-column:1/-1;max-width:none}.facts-bar ul{flex-direction:column;gap:10px 28px}.manifesto,.split,.cols,.cols3,.name-chars,.journal,.doors{grid-template-columns:1fr}.manifesto{gap:40px}.prod-grid{grid-template-columns:1fr}.prod:first-child,.prod:nth-child(4){grid-column:auto}.prod:first-child .photo,.prod .photo{min-height:300px}.field .wrap{grid-template-columns:1fr;gap:8px;padding-bottom:56px}.field:after{background:linear-gradient(#231c121a 0%,#231c1280 45%,#231c12e0 100%)}.field>img{object-position:62% 40%}.craft-photos{grid-template-columns:1fr 1fr}.craft-photos .photo{min-height:260px}.craft-photos .photo:nth-child(3){display:none}.steps,.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(3){border-left:none;padding-left:0}.chapters{grid-template-columns:1fr}.chapters div+div{border-left:none;border-top:1px solid var(--line);padding-left:0}.chapters div{align-items:baseline;gap:16px;padding:16px 0;display:flex}.chapters b{margin:0;font-size:30px}.name-chars div+div{border-left:none;border-top:1px solid var(--line);padding-left:0}.doors a+a{border-left:none;border-top:1px solid var(--line-ink);padding-left:0}.split .photo{min-height:320px}.facts{grid-template-columns:1fr}.facts dt{border-bottom:none;padding-bottom:0}form.lead-form,.series-grid{grid-template-columns:1fr}.page-head .head-img{width:100%;height:240px;position:relative}.page-head.has-img .wrap{padding-top:40px;padding-bottom:48px}.page-head.has-img h1{max-width:none}.page-head.has-img{flex-direction:column-reverse;display:flex}footer .wrap{grid-template-columns:1fr 1fr}.mark img{height:36px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.field .btn.solid,.page-head .btn.solid{background:var(--on-ink);color:var(--ink);border-color:var(--on-ink)}.field .btn.solid:hover{background:var(--bean);border-color:var(--bean)}:root{--en:"Cormorant Garamond","Cormorant",Georgia,serif;--ease:cubic-bezier(.22,.8,.24,1);--ease-io:cubic-bezier(.65,0,.35,1)}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:var(--ease)}.btn{isolation:isolate;transition:color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease);position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--bean);transition:transform .45s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn:hover,.btn.solid:hover{color:var(--ink);border-color:var(--bean);background:0 0}.btn.solid,.btn.solid:hover{background:var(--leaf)}.btn:hover:before{transform:translateY(0)}.btn:active{transform:scale(.97)}.btn.ghost-light{color:#fff;border-color:#ffffffb3}.buy{transition:background .3s,color .3s,transform .3s var(--ease)}.buy:hover{transform:translateY(-1px)}.nav a{border-bottom:none;position:relative}.nav a:after{content:"";background:var(--ink);transform-origin:100%;height:2px;transition:transform .4s var(--ease);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.top{transition:box-shadow .3s,background .3s}.top.scrolled{box-shadow:0 1px 0 var(--line)}html.js .reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(28px)}html.js .reveal.in{opacity:1;transform:none}html.js .img-reveal img{clip-path:inset(0 0 100%);transition:clip-path 1.2s var(--ease-io),transform 1.6s var(--ease);transform:scale(1.18)}html.js .img-reveal.in img{clip-path:inset(0);transform:scale(1)}.stats .reveal:nth-child(2),.intro-facts .reveal:nth-child(2),.journal-stagger .reveal:nth-child(2){transition-delay:.12s}.stats .reveal:nth-child(3),.intro-facts .reveal:nth-child(3),.journal-stagger .reveal:nth-child(3){transition-delay:.24s}.stats .reveal:nth-child(4){transition-delay:.36s}.fv{color:#fff;align-items:flex-end;height:calc(100svh - 72px);min-height:600px;max-height:1000px;display:flex;position:relative;overflow:hidden}.fv-media{background:#c9b98f;position:absolute;inset:0;overflow:hidden}.fv-media img{object-fit:cover;object-position:50% 45%;will-change:transform;width:100%;height:116%;position:absolute;inset:-8% 0 auto}.fv-media:after{content:"";background:linear-gradient(90deg,#1e180e9e 0%,#1e180e47 34%,#1e180e00 58%),linear-gradient(#1e180e00 62%,#1e180e8c 100%);position:absolute;inset:0}.fv-inner{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(32px,6vw,96px);width:100%;max-width:1440px;height:100%;margin:0 auto;padding:0 clamp(24px,4vw,64px) clamp(40px,7vh,80px);display:grid;position:relative}.fv-title{writing-mode:vertical-rl;letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 30px #140e0640;align-self:start;margin-top:clamp(28px,6vh,72px);font-size:clamp(48px,min(8.4vh,6vw),100px);font-weight:900;line-height:1.18}.fv-title span{display:block}.fv-title span+span{margin-top:1.6em}.fv-side{justify-self:end;max-width:25em;padding-bottom:4px}.fv-en{font-family:var(--en);color:var(--bean);letter-spacing:.01em;margin:0 0 20px;font-size:clamp(26px,2.6vw,38px);font-style:italic;font-weight:500;line-height:1.1}.fv-lead{color:#ffffffeb;margin:0;font-size:17px;line-height:1.9}.fv-cta{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.fv-scroll{z-index:2;border:1.5px solid #fffc;border-radius:20px;width:26px;height:42px;margin-left:-13px;position:absolute;bottom:22px;left:50%}.fv-scroll span{background:#fff;border-radius:2px;width:3px;height:8px;margin-left:-1.5px;position:absolute;top:8px;left:50%}@media (prefers-reduced-motion:no-preference){.fv-media img{animation:fvZoom 2.4s var(--ease) both}.fv-title span{animation:fvWrite 1.4s var(--ease-io) both}.fv-title span+span{animation-delay:.35s}.fv-side>*{animation:fvUp 1s var(--ease) both}.fv-side>:first-child{animation-delay:.7s}.fv-side>:nth-child(2){animation-delay:.85s}.fv-side>:nth-child(3){animation-delay:1s}.fv-scroll span{animation:1.8s ease-in-out infinite fvCue}}@keyframes fvZoom{0%{filter:brightness(1.15);transform:scale(1.14)}to{transform:scale(1)}}@keyframes fvWrite{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes fvUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fvCue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.ticker{background:var(--leaf);color:#fff;overflow:hidden}.ticker ul{white-space:nowrap;scrollbar-width:none;gap:56px;max-width:1440px;margin:0 auto;padding:18px clamp(24px,4vw,64px);font-size:15px;list-style:none;display:flex;overflow-x:auto}.ticker ul::-webkit-scrollbar{display:none}.ticker b{color:var(--bean);font-family:var(--song);margin-right:10px;font-size:19px;font-weight:900}.intro{padding:clamp(67.2px,9.8vw,126px) 0 clamp(56px,7vw,98px)}.intro-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:56px 24px;display:grid}.intro-big{letter-spacing:.04em;grid-column:1/9;max-width:none;font-size:clamp(30px,3.5vw,50px);font-weight:700;line-height:1.55}.intro-img{aspect-ratio:3/4;grid-area:1/9/3/13;margin:clamp(40px,8vw,120px) 0 0;overflow:hidden}.intro-img img{object-fit:cover;width:100%;height:100%}.intro-facts{border-top:1px solid var(--line);grid-column:2/9;grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:36px 0 0;list-style:none;display:grid}.intro-facts li{flex-direction:column;gap:14px;display:flex}.intro-facts strong{font-family:var(--song);margin-bottom:4px;font-size:20px;display:block}.intro-facts p{color:var(--text-2);margin:0;font-size:15px}.gallery{--g-bg:#f2c24a;--g-ink:#2b2118;--gpad:max(calc((100vw - 1200px)/2 + 28px + min(400px,30vw) + 40px),28px);background:var(--g-bg);color:var(--g-ink);transition:background-color .9s var(--ease),color .6s;padding:clamp(39.2px,4.2vw,61.6px) 0 clamp(40px,5vw,64px);position:relative;overflow:hidden}.g-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,4vw,48px);display:flex}.g-head h2{font-size:clamp(30px,3.4vw,48px)}.g-ctrl{align-items:center;gap:12px;display:flex}.g-count{font-family:var(--en);letter-spacing:.06em;margin-right:12px;font-size:22px}.g-count b{font-size:30px;font-weight:600}.g-btn{width:56px;height:56px;color:inherit;cursor:pointer;transition:background .3s,color .3s,transform .3s var(--ease);background:0 0;border:1.5px solid;border-radius:50%;place-items:center;display:grid}.g-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}.g-btn:hover{background:var(--g-ink);color:var(--g-bg);border-color:var(--g-ink)}.g-btn:active{transform:scale(.92)}.g-stage{grid-template-columns:minmax(0,1fr);display:grid;position:relative}.g-text{z-index:2;pointer-events:none;grid-area:1/1;align-self:end;width:100%;padding-bottom:clamp(24px,4vw,56px);position:relative}.g-copy{pointer-events:auto;max-width:min(400px,30vw)}.g-copy[hidden]{display:none}.g-en{font-family:var(--en);opacity:.75;margin:0 0 8px;font-size:clamp(22px,2vw,30px);font-style:italic;line-height:1.1}.g-copy h3{letter-spacing:.04em;margin:0 0 18px;font-size:clamp(36px,3.6vw,58px);font-weight:900;line-height:1.1}.g-line{opacity:.85;margin:0 0 22px;font-size:16px}.g-link{border-bottom:1.5px solid;align-items:center;gap:10px;padding-bottom:4px;font-weight:500;text-decoration:none;display:inline-flex}.g-link:after{content:"";width:28px;height:1.5px;transition:width .4s var(--ease);background:currentColor}.g-link:hover:after{width:44px}.g-copy.in>*{animation:gIn .8s var(--ease) both}.g-copy.in>:nth-child(2){animation-delay:60ms}.g-copy.in>:nth-child(3){animation-delay:.12s}.g-copy.in>:nth-child(4){animation-delay:.18s}@keyframes gIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.g-track{scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 28vw 0 var(--gpad);scroll-padding-left:var(--gpad);cursor:grab;outline-offset:-6px;-webkit-overflow-scrolling:touch;grid-area:1/1;gap:clamp(16px,2vw,32px);display:flex;overflow-x:auto}.g-track::-webkit-scrollbar{display:none}.g-track.drag{cursor:grabbing;scroll-snap-type:none}.g-track.drag .g-slide{pointer-events:none}.g-slide{aspect-ratio:4/5;scroll-snap-align:start;height:min(58vh,580px);transform:perspective(1200px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) scale(.84);opacity:.55;transform-origin:50% 60%;transition:transform .8s var(--ease),opacity .8s var(--ease),box-shadow .8s;border-radius:2px;flex:none;position:relative;overflow:hidden;box-shadow:0 0 #0000}.g-slide.on{transform:perspective(1200px) rotateX(var(--rx,0)) rotateY(var(--ry,0)) scale(1);opacity:1;box-shadow:0 40px 80px -30px #28180673}.g-slide img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);user-select:none;-webkit-user-drag:none;transform:scale(1.12)}.g-slide.on img{transform:scale(1)}.g-slide.past{opacity:0;transform:perspective(1200px)translate(-12%)scale(.8)}@media (width<=860px){.g-slide.past{opacity:.35;transform:scale(.84)}}.g-slide.on:hover img{transform:scale(1.05)}.g-index{border-top:1px solid;border-color:color-mix(in srgb,currentColor 30%,transparent);flex-wrap:wrap;gap:6px 22px;margin-top:clamp(28px,4vw,48px);padding-top:20px;list-style:none;display:flex}.g-index button,.g-index a{font:inherit;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px 0;font-size:15px;text-decoration:none;transition:opacity .3s}.g-index button:hover,.g-index a:hover{opacity:1}.g-index button[aria-current=true]{opacity:1;font-weight:700}.g-index button[aria-current=true]:before{content:"";vertical-align:2px;background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.g-all{margin-left:auto}.g-all a{opacity:1;border-bottom:1px solid}.field>img{will-change:transform;height:120%;top:-10%}.hscroll{background:var(--sand);position:relative}.hs-sticky{flex-direction:column;justify-content:center;height:calc(100vh - 72px);padding:48px 0;display:flex;position:sticky;top:72px;overflow:hidden}.hs-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;width:100%;margin-bottom:clamp(28px,4vh,48px);display:flex}.hs-head p{color:var(--text-2);margin:0}.hs-track{will-change:transform;gap:28px;margin:0;padding:0 0 0 max(50vw - 572px,28px);list-style:none;display:flex}.hs-card{flex:none;width:clamp(260px,24vw,340px)}.hs-card figure{aspect-ratio:4/5;max-height:46vh;margin:0 0 18px;overflow:hidden}.hs-card figure img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.hs-card:hover figure img{transform:scale(1.06)}.hs-n{font-family:var(--song);background:var(--bean);border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:10px;font-size:15px;font-weight:900;display:inline-grid}.hs-card h3{margin-bottom:6px;font-size:26px}.hs-card p{color:var(--text-2);margin:0;font-size:15px}.hs-end{flex-direction:column;justify-content:center;gap:18px;padding-right:28px;display:flex}.hs-end p{font-family:var(--song);color:var(--ink);font-size:24px}.worlds-sec{padding:clamp(67.2px,8.4vw,112px) 0}.worlds-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.worlds-sticky{position:sticky;top:calc(72px + 12vh)}.worlds-sticky h2{font-size:clamp(34px,4vw,58px);line-height:1.35}.worlds-dots{gap:10px;margin:40px 0 0;padding:0;list-style:none;display:flex}.worlds-dots li{font-family:var(--song);border:1.5px solid var(--line);width:44px;height:44px;color:var(--text-2);transition:background .5s var(--ease),color .5s,border-color .5s,transform .5s var(--ease);border-radius:50%;place-items:center;font-weight:900;display:grid}.worlds-dots li.on{background:var(--leaf);border-color:var(--leaf);color:#fff;transform:scale(1.1)}.worlds-list{flex-direction:column;gap:clamp(64px,9vw,120px);display:flex}.world{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.world:nth-child(2n){margin-left:clamp(0px,8vw,120px)}.world:nth-child(odd){margin-right:clamp(0px,8vw,120px)}.world figure{aspect-ratio:16/11;margin:0;overflow:hidden}.world figure img{object-fit:cover;width:100%;height:100%}.world>div{grid-template-columns:auto 1fr;align-items:baseline;column-gap:20px;display:grid}.world em{font-style:normal;font-family:var(--song);color:var(--bean);-webkit-text-stroke:1px var(--ink);grid-row:1/3;font-size:56px;font-weight:900;line-height:1}.world h3{font-size:30px}.world p{color:var(--text-2);grid-column:2;margin:6px 0 0}.journal-stagger{grid-template-columns:repeat(3,1fr);align-items:start;gap:32px;display:grid}.journal-stagger .post:nth-child(2){margin-top:72px}.journal-stagger .post:nth-child(3){margin-top:24px}.post-img{aspect-ratio:4/3;margin:0 0 18px;overflow:hidden}.post-img img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease)}.post:hover .post-img img{transform:scale(1.05)}.doors a{transition:background .4s var(--ease)}.buybar{display:none}@media (width<=860px){.buybar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;transition:transform .5s var(--ease);gap:8px;display:flex;position:fixed;transform:translateY(140%)}.buybar.show{transform:none}.buybar a{text-align:center;border-radius:999px;flex:1;padding:15px 12px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 10px 30px -10px #1e140866}.buybar .b1{background:var(--leaf);color:#fff}.buybar .b2{background:var(--paper);color:var(--ink);flex:0 0 38%}footer{padding-bottom:96px}}.motto{cursor:pointer;user-select:none}.bean-drop{z-index:60;background:var(--bean);pointer-events:none;width:16px;height:12px;animation:beanFall var(--d,1.6s) cubic-bezier(.3,.1,.6,1) forwards;border-radius:50%;position:fixed;box-shadow:inset -2px -2px #a06e0a59}@keyframes beanFall{to{transform:translate(var(--x,0),110vh) rotate(var(--r,360deg))}}@media (width<=1080px){.intro-big{grid-column:1/-1}.intro-img{grid-area:auto/7/auto/13;margin-top:0}.intro-facts{grid-column:1/7;grid-template-columns:1fr;align-self:end;gap:24px}}@media (width<=860px){.fv{height:calc(100svh - 72px);min-height:560px}.fv-media:after{background:linear-gradient(#1e180e26 0%,#1e180e59 55%,#1e180ec7 100%)}.fv-media img{object-position:62% 45%}.fv-inner{grid-template-columns:1fr;gap:20px;padding-bottom:44px}.fv-title{margin-top:28px;font-size:clamp(40px,11vw,56px)}.fv-side{justify-self:start}.fv-en{margin-bottom:12px;font-size:24px}.fv-lead{font-size:15px}.fv-cta .btn{padding:13px 22px}.fv-scroll{display:none}.ticker ul{gap:36px;font-size:14px}.intro-grid{row-gap:40px}.intro-img{aspect-ratio:4/3;grid-column:1/-1}.intro-facts{grid-column:1/-1}.g-head{align-items:center}.g-count{display:none}.g-btn{width:48px;height:48px}.g-stage{grid-template-columns:1fr}.gallery{--gpad:18vw}.g-track{grid-row:1;gap:14px;padding:0 18vw}.g-slide{width:64vw;height:auto}.g-text{pointer-events:auto;grid-row:2;padding:28px 28px 0}.g-copy{max-width:none}.g-copy h3{font-size:40px}.g-index{display:none}.hscroll{height:auto!important}.hs-sticky{height:auto;padding:80px 0;position:relative;top:0}.hs-track{scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 28px;overflow-x:auto;transform:none!important}.hs-track::-webkit-scrollbar{display:none}.hs-card{scroll-snap-align:start;width:72vw}.hs-card figure{max-height:none}.worlds-grid{grid-template-columns:1fr}.worlds-sticky{position:relative;top:0}.worlds-dots{display:none}.world:nth-child(2n),.world:nth-child(odd){margin:0}.world em{font-size:44px}.journal-stagger{grid-template-columns:1fr}.journal-stagger .post:nth-child(n){margin-top:0}}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transform:none}html.js .img-reveal img{clip-path:none;transform:none}.g-slide{transform:none}.hs-sticky{height:auto;position:relative;top:0}.hs-track{padding-bottom:12px;overflow-x:auto}}.stats b{white-space:nowrap;font-size:clamp(30px,3.6vw,54px)}@media (width<=860px){.stats b{font-size:clamp(26px,7.6vw,34px)}.leafbg .doors{margin-bottom:24px}}:root{--dur-fast:.2s;--dur:.3s;--dur-reveal:.75s}h1,h2,h3,.intro-big,.fv-lead{text-wrap:balance}p,li,dd{text-wrap:pretty}body{line-break:strict}h1,h2,h3,.motto,.intro-big{font-feature-settings:"palt" 1;letter-spacing:.04em}.lead{line-height:1.9}.btn{transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.btn:before,.nav a:after{transition:transform var(--dur) var(--ease)}html.js .reveal{transition-duration:var(--dur-reveal)}a,button,[role=button],summary{cursor:pointer}a,button{touch-action:manipulation}.progress{z-index:40;background:var(--bean);transform-origin:0;pointer-events:none;width:100%;height:3px;position:fixed;top:0;left:0;transform:scaleX(0)}.crumb{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:2px 6px;margin:0;font-size:14px;display:flex}.crumb a{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px;border-bottom:none;padding:6px 2px;display:inline-block}.crumb a:hover{text-decoration-color:currentColor}.head-en{font-family:var(--en);color:#8a6a12;margin:28px 0 10px;font-size:clamp(22px,2vw,30px);font-style:italic;font-weight:500;line-height:1.1}.page-head .wrap{padding-top:clamp(39.2px,5.6vw,72.8px);padding-bottom:clamp(39.2px,4.9vw,67.2px)}.page-head h1{max-width:11em;margin-top:0;font-size:clamp(38px,5vw,72px);line-height:1.22}.page-head.has-img{align-items:flex-end;min-height:min(68vh,640px);display:flex}.page-head.has-img .wrap{width:100%;padding-top:clamp(50.4px,7vw,98px);padding-bottom:clamp(44.8px,5.6vw,77px)}.page-head.has-img h1{max-width:min(11em,48%)}.page-head .head-img{width:54%;overflow:hidden}.page-head .head-img img{object-fit:cover;height:100%}@media (prefers-reduced-motion:no-preference){.page-head .head-img img{animation:headIn 1.6s var(--ease) both}.page-head h1,.page-head .head-en{animation:fvUp .9s var(--ease) both}.page-head .head-en{animation-delay:.1s}.page-head h1{animation-delay:.2s}}@keyframes headIn{0%{clip-path:inset(0 0 0 100%);transform:scale(1.12)}to{clip-path:inset(0);transform:none}}.prose{padding:clamp(56px,7vw,89.6px) 0}.prose>.wrap>h2,.prose .series-head h2,.cmp-title{border-top:1px solid var(--line);margin:clamp(56px,7vw,89.6px) 0 22px;padding-top:28px;font-size:clamp(28px,3vw,42px)}.prose>.wrap>h2:first-child{border-top:none;margin-top:0;padding-top:0}.prose .lead{max-width:34em}.cols{gap:clamp(32px,5vw,72px)}.photo img{transition:transform 1s var(--ease)}.photo.empty:after{display:none}.photo.empty{background:var(--sand)}.ph-mark{place-items:center;display:grid;position:absolute;inset:0}.ph-mark .ring{color:#2b21182e;border-width:3px;width:72px;height:72px}.ph-mark .ring:before{background:#fedd6b8c}.series{margin-top:clamp(56px,7vw,89.6px)}.series-head{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:32px;padding-top:28px;display:grid}.series-head .head-en{grid-column:1;margin:0 0 6px}.series-head h2{grid-column:1;border:none!important;margin:0!important;padding:0!important}.series-head .lead{grid-column:1;margin:12px 0 0}.series-count{font-family:var(--en);color:var(--text-2);grid-area:1/2/4;align-self:end;font-size:20px}.series-grid{gap:clamp(20px,2.4vw,36px);margin-top:36px}.pcard{text-decoration:none;display:block}.pcard .photo{aspect-ratio:4/5;min-height:0;margin-bottom:18px}.pcard .cat{color:var(--text-2);letter-spacing:.06em;font-size:13px}.pcard h3{transition:color var(--dur);margin:6px 0;font-size:23px}.pcard p{color:var(--text-2);margin:0;font-size:15px}.pcard:hover .photo img{transform:scale(1.05)}.pcard:hover h3{color:var(--leaf)}.cmp-title{margin-top:clamp(67.2px,8.4vw,112px)!important}.pdp{background:var(--tint);color:var(--tint-ink);transition:background .6s}.pdp-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px);display:grid}.pdp-media .photo{aspect-ratio:4/5;min-height:0;max-height:78vh;box-shadow:0 40px 80px -36px #28180673}.pdp .crumb,.pdp .meta,.pdp .lead{color:inherit;opacity:.8}.pdp .head-en{color:inherit;opacity:.75;margin-top:20px}.pdp h1{margin:0 0 14px;font-size:clamp(40px,4.6vw,68px);font-weight:900;line-height:1.15}.pdp-tag{font-family:var(--song);margin:0 0 18px;font-size:clamp(20px,1.8vw,26px)}.pdp .btn{border-color:currentColor}.pdp .btn.solid{background:var(--leaf);border-color:var(--leaf);color:#fff}.pdp .btn:hover{color:var(--ink)}.pdp-detail{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.pdp-detail h2{margin:0 0 8px;font-size:clamp(24px,2.4vw,32px)}.pdp-detail .facts{grid-template-columns:110px 1fr}.pdp-detail>.article:only-child{grid-column:1/-1}.pdp-body{padding:clamp(44.8px,5.6vw,72.8px) 0}.world em{-webkit-text-stroke:0;color:var(--leaf);opacity:.9;font-size:44px}footer .motto+p{font-family:var(--en);letter-spacing:.02em;font-style:italic;font-size:17px!important}@media (width<=860px){.page-head.has-img{flex-direction:column-reverse;min-height:0;display:flex}.page-head .head-img{width:100%;height:46vw;min-height:220px}.page-head.has-img h1{max-width:none}.series-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.pcard h3{font-size:19px}.pcard p{font-size:14px}.series-head{grid-template-columns:1fr}.series-count{display:none}.pdp-grid,.pdp-detail{grid-template-columns:1fr}.pdp-media .photo{max-height:none}}@media (width<=480px){.series-grid{grid-template-columns:1fr}}.page-head.has-img h1{max-width:min(10em,42%);font-size:clamp(34px,4vw,58px)}.ph-mark .ring{border-width:4px;width:120px;height:120px}.ph-mark .ring:before{inset:20px 16px}@media (width<=860px){.page-head.has-img h1{max-width:none;font-size:clamp(32px,8.6vw,44px)}}.kj-en{font-family:var(--en);color:#8a6a12;margin:0 0 12px;font-size:clamp(20px,1.8vw,28px);font-style:italic;font-weight:500;line-height:1.15}.kj-lead{max-width:30em;font-size:17px;line-height:1.95}.kj-hero{background:#ede6d6;height:220vh;position:relative}.kj-hero-sticky{color:#fff;align-items:flex-end;height:calc(100vh - 72px);display:flex;position:sticky;top:72px;overflow:hidden}.kj-hero-media{position:absolute;inset:0}.kj-hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kj-hero-media .kj-b{opacity:0;will-change:opacity,transform}.kj-hero-media:after{content:"";background:linear-gradient(90deg,#20180ca8 0%,#20180c52 42%,#20180c00 70%),linear-gradient(#20180c00 55%,#20180c80);position:absolute;inset:0}.kj-hero-inner{z-index:1;width:100%;padding-bottom:clamp(40px,8vh,88px);position:relative}.kj-hero .crumb{color:#ffffffd9;margin-bottom:18px}.kj-hero .crumb a{text-decoration-color:#fff6}.kj-hero .kj-en{color:var(--bean)}.kj-hero h1{text-shadow:0 2px 24px #140e0640;max-width:9.5em;margin:0 0 20px;font-size:clamp(38px,5.2vw,76px);font-weight:900;line-height:1.2}.kj-hero .kj-lead{color:#ffffffeb;max-width:32em}.kj-badges{flex-wrap:wrap;gap:12px 36px;margin:28px 0 0;padding:0;list-style:none;display:flex}.kj-badges li{border-top:1px solid #ffffff73;flex-direction:column;min-width:150px;padding-top:10px;display:flex}.kj-badges b{font-family:var(--en);letter-spacing:.06em;text-transform:uppercase;color:var(--bean);font-size:20px;font-weight:600}.kj-badges span{opacity:.85;font-size:14px}.kj-clock{z-index:1;text-align:right;color:#fff;position:absolute;top:clamp(24px,5vh,56px);right:clamp(24px,4vw,64px)}.kj-clock b{font-family:var(--en);font-variant-numeric:tabular-nums;font-size:clamp(56px,7vw,104px);font-weight:600;line-height:1}.kj-clock span{letter-spacing:.2em;margin-top:2px;font-size:14px;display:block}.kj-clock i{background:#ffffff4d;width:140px;height:2px;margin:12px 0 0 auto;display:block}.kj-clock em{background:var(--bean);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.kj-making{background:var(--rice);padding:clamp(67.2px,8.4vw,117.6px) 0}.kj-making-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,7vw,112px);display:grid}.kj-making-head{position:sticky;top:calc(72px + 6vh)}.kj-making-head h2{margin-bottom:18px;font-size:clamp(32px,3.6vw,52px);line-height:1.3}.kj-making-photos{grid-template-columns:1.3fr 1fr;align-items:end;gap:14px;margin-top:36px;display:grid}.kj-making-photos figure{aspect-ratio:4/5;margin:0;overflow:hidden}.kj-making-photos figure:first-child{aspect-ratio:1}.kj-making-photos img{object-fit:cover;width:100%;height:100%}.kj-steps{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none}.kj-steps li{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:16px;padding:32px 0;display:grid}.kj-sn{font-family:var(--en);color:#b08a2e;font-size:40px;line-height:1}.kj-steps h3{margin:0 0 6px;font-size:clamp(24px,2.2vw,30px)}.kj-steps p{color:var(--text-2);margin:0}.kj-steps li:nth-child(5){background:linear-gradient(90deg,#fedd6b47,#0000 70%);margin-left:-12px;padding-left:12px}.kj-science{background:#fbf8ef;padding:clamp(67.2px,8.4vw,112px) 0}.kj-science h2{max-width:14em;margin-bottom:clamp(40px,6vw,72px);font-size:clamp(32px,3.6vw,52px)}.kj-enzymes{grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);display:grid}.kj-enzyme{border-top:1.5px solid var(--ink);padding-top:28px}.kj-diagram{width:220px;height:120px;margin-bottom:12px}.kj-diagram .chain>*{fill:none;stroke:var(--ink);stroke-width:1.5px}.kj-diagram .bits>*{fill:var(--bean);transform-box:fill-box;transform-origin:50%}.kj-enzyme.in .kj-diagram .bits>*{animation:kjSplit 2.8s var(--ease) both}.kj-enzyme.in .kj-diagram .bits>:nth-child(2){animation-delay:.12s}.kj-enzyme.in .kj-diagram .bits>:nth-child(3){animation-delay:.24s}.kj-enzyme.in .kj-diagram .bits>:nth-child(4){animation-delay:.36s}.kj-enzyme.in .kj-diagram .bits>:nth-child(5){animation-delay:.48s}.kj-enzyme.in .kj-diagram .bits>:nth-child(6){animation-delay:.6s}.kj-enzyme.in .kj-diagram .chain{animation:kjFade 2.8s var(--ease) both}@keyframes kjSplit{0%{transform:translate(0)}35%{transform:translate(0)}to{transform:translate(var(--dx,0),var(--dy,-28px))}}@keyframes kjFade{0%,30%{opacity:1}to{opacity:.25}}.kj-diagram .bits>:nth-child(odd){--dy:-30px}.kj-diagram .bits>:nth-child(2n){--dy:30px}.kj-enzyme h3{flex-wrap:wrap;align-items:baseline;gap:14px;margin:0 0 10px;font-size:clamp(28px,2.6vw,36px);display:flex}.kj-enzyme h3 small{font-family:var(--sans);color:var(--text-2);letter-spacing:.02em;font-size:16px;font-weight:500}.kj-enzyme p{color:var(--text-2)}.kj-comp{background:var(--paper);border:1px solid var(--line);margin-top:clamp(44.8px,5.6vw,72.8px);padding:clamp(28px,4vw,48px)}.kj-comp h3{margin-bottom:20px;font-size:26px}.kj-comp-tabs{flex-wrap:wrap;gap:10px;display:flex}.kj-comp-tabs button{font:inherit;border:1.5px solid var(--line);min-height:44px;color:var(--text);transition:background var(--dur),border-color var(--dur),color var(--dur);background:0 0;border-radius:999px;padding:10px 18px;font-size:15px}.kj-comp-tabs button:hover{border-color:var(--ink)}.kj-comp-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--rice)}.kj-comp-panel{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:baseline;gap:24px;min-height:96px;margin-top:28px;display:grid}.kj-comp-panel b{font-family:var(--song);font-size:clamp(28px,3vw,40px);line-height:1.1}.kj-comp-panel p{margin:0}.kj-comp-panel .kj-report{color:var(--text-2);grid-column:2;margin-top:8px;font-size:14px}.kj-comp-panel.in{animation:fvUp .5s var(--ease) both}.kj-note{color:var(--text-2);max-width:none;margin:28px 0 0;font-size:13px}.kj-brew{background:#f6f1e6;height:320vh;position:relative}.kj-brew-sticky{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;height:calc(100vh - 72px);display:grid;position:sticky;top:72px;overflow:hidden}.kj-brew-copy{max-width:600px;margin:0;padding-left:max(50vw - 572px,28px);padding-right:32px}.kj-brew-copy h2{margin-bottom:16px;font-size:clamp(30px,3.4vw,50px);line-height:1.3}.kj-brew-steps{margin:32px 0 0;padding:0;list-style:none}.kj-brew-steps li{border-left:2px solid var(--line);opacity:.4;transition:opacity .5s var(--ease),border-color .5s;grid-template-columns:auto 1fr;column-gap:16px;padding:14px 0 14px 20px;display:grid}.kj-brew-steps li b{font-family:var(--song);font-size:20px}.kj-brew-steps li span{color:var(--text-2);max-height:0;transition:max-height .5s var(--ease);grid-column:1/-1;font-size:15px;overflow:hidden}.kj-brew-steps li.on{opacity:1;border-color:var(--leaf)}.kj-brew-steps li.on span{max-height:5em;margin-top:4px}.kj-brew-steps li.done{opacity:.65}.kj-brew-stage{height:100%;position:relative;overflow:hidden}.kj-brew-stage img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1s var(--ease),transform 1.6s var(--ease);position:absolute;inset:0;transform:scale(1.12)}.kj-brew-stage img.on{opacity:1;transform:scale(1)}.kj-ripple{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .8s;position:absolute;top:50%;left:50%}.kj-ripple.on{opacity:1}.kj-ripple i{opacity:0;border:1.5px solid #fff9;border-radius:50%;width:320px;height:320px;position:absolute;top:-160px;left:-160px;transform:scale(.2)}.kj-ripple.on i{animation:3.6s ease-out infinite kjRipple}.kj-ripple.on i:nth-child(2){animation-delay:1.2s}.kj-ripple.on i:nth-child(3){animation-delay:2.4s}@keyframes kjRipple{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(1.6)}}.kj-explorer{--fx-bg:#f4eedf;--fx-ink:#2b2118;background:var(--fx-bg);color:var(--fx-ink);transition:background-color .9s var(--ease),color .5s;padding:clamp(56px,7vw,98px) 0 clamp(44.8px,5.6vw,78.4px);position:relative;overflow:hidden}.kj-explorer .kj-en{color:inherit;opacity:.7}.kj-map{pointer-events:none;opacity:.9;width:auto;height:min(92%,880px);position:absolute;top:50%;right:max(50vw - 640px,-60px);transform:translateY(-46%)}.kj-island{fill:color-mix(in srgb,var(--fx-ink) 7%,transparent);stroke:color-mix(in srgb,var(--fx-ink) 28%,transparent);stroke-width:1px;transition:fill .9s}.kj-explorer.fx-all .kj-island{fill:color-mix(in srgb,var(--fx-ink) 13%,transparent)}.kj-pin .dot{fill:color-mix(in srgb,var(--fx-ink) 35%,transparent);transition:fill .5s}.kj-pin .halo{fill:var(--fx-ink);opacity:0;transform-box:fill-box;transform-origin:50%}.kj-pin.on .dot{fill:var(--fx-ink)}.kj-pin.on .halo{animation:2.4s ease-out infinite kjHalo}@keyframes kjHalo{0%{opacity:.35;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.kj-ex-head{margin-bottom:clamp(32px,5vw,56px);position:relative}.kj-ex-head h2{max-width:13em;margin-bottom:14px;font-size:clamp(30px,3.4vw,50px);line-height:1.3}.kj-ex-head .kj-lead{opacity:.85}.kj-ex-grid{grid-template-columns:minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);align-items:center;gap:clamp(24px,3vw,48px);display:grid;position:relative}.kj-ex-copy h3{margin:4px 0 10px;font-size:clamp(44px,4.8vw,76px);font-weight:900;line-height:1.05}.kj-ex-no{font-family:var(--en);letter-spacing:.06em;opacity:.7;margin:0;font-size:18px}.kj-ex-theme{font-family:var(--song);margin:0 0 12px;font-size:22px}.kj-ex-copy p{opacity:.9}.kj-ex-origin{border-top:1px solid color-mix(in srgb,var(--fx-ink) 25%,transparent);align-items:center;gap:10px;margin-top:18px;padding-top:12px;font-size:15px;display:flex}.kj-ex-origin:before{content:"";width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 18%,transparent);background:currentColor;border-radius:50%}.kj-ex-copy .g-link{margin-top:8px}.kj-ex-copy.in>*{animation:gIn .7s var(--ease) both}.kj-ex-copy.in>:nth-child(2){animation-delay:50ms}.kj-ex-copy.in>:nth-child(3){animation-delay:.1s}.kj-ex-copy.in>:nth-child(4){animation-delay:.15s}.kj-ex-copy.in>:nth-child(5){animation-delay:.2s}.kj-ex-copy.in>:nth-child(6){animation-delay:.25s}.kj-ex-stage{aspect-ratio:4/5;justify-self:center;width:100%;max-height:72vh;position:relative}.kj-ex-item{border-radius:2px;margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 50px 90px -40px #28180680}.kj-ex-item img{object-fit:cover;width:100%;height:100%}.kj-ex-item.on{animation:kjIn .8s var(--ease) both}@keyframes kjIn{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:none}}.kj-ex-ph{background:color-mix(in srgb,var(--fx-bg) 70%,#fff);color:var(--fx-ink);place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}.kj-ex-ph .ring{width:96px;height:96px;color:color-mix(in srgb,var(--fx-ink) 30%,transparent);margin-bottom:14px}.kj-ex-ph b{font-family:var(--song);font-size:40px;font-weight:900}.kj-ex-ph small{font-family:var(--en);opacity:.7;font-size:20px;font-style:italic}.kj-ex-nav{background:color-mix(in srgb,var(--fx-bg) 80%,transparent);width:48px;height:48px;color:inherit;transition:transform var(--dur-fast) var(--ease),background var(--dur);border:1.5px solid;border-radius:50%;place-items:center;margin-top:-24px;display:grid;position:absolute;top:50%}.kj-ex-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.kj-ex-nav.prev{left:-24px}.kj-ex-nav.next{right:-24px}.kj-ex-nav:hover{background:var(--fx-ink);color:var(--fx-bg)}.kj-ex-nav:active{transform:scale(.92)}.kj-ex-list{flex-direction:column;gap:2px;display:flex}.kj-ex-list button{text-align:left;font:inherit;color:inherit;opacity:.62;min-height:44px;transition:opacity var(--dur),background var(--dur);background:0 0;border:none;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;column-gap:12px;padding:9px 12px;display:grid}.kj-ex-list button:hover{opacity:1;background:color-mix(in srgb,var(--fx-ink) 7%,transparent)}.kj-ex-list button[aria-pressed=true]{opacity:1;background:color-mix(in srgb,var(--fx-ink) 10%,transparent)}.kj-ex-list .sw{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--fx-ink) 35%,transparent);border-radius:50%}.kj-ex-list .nm{font-family:var(--song);font-size:18px;font-weight:700}.kj-ex-list small{opacity:.75;grid-column:2;font-size:12.5px;line-height:1.4}.kj-beyond h2{margin-bottom:clamp(32px,5vw,56px);font-size:clamp(30px,3.4vw,48px)}.kj-by-grid{grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:clamp(20px,3vw,40px);display:grid}.kj-by-grid>:nth-child(2){margin-top:80px}.kj-by-grid>:nth-child(3){margin-top:32px}.kj-by-grid .pcard h3{font-size:28px}.kj-close{color:#fff;align-items:center;min-height:92vh;display:flex;position:relative;overflow:hidden}.kj-close>img{object-fit:cover;width:100%;height:116%;position:absolute;inset:-8% 0}.kj-close:after{content:"";background:linear-gradient(90deg,#20180cc7 0%,#20180c73 50%,#20180c1f 100%);position:absolute;inset:0}.kj-close .wrap{z-index:1;padding-top:84px;padding-bottom:84px;position:relative}.kj-close .kj-en{color:var(--bean)}.kj-close h2{margin-bottom:28px;font-size:clamp(40px,5vw,72px);font-weight:900}.kj-close p{color:#ffffffe6;max-width:30em}.kj-last{font-family:var(--song);margin-top:28px;font-size:clamp(22px,2.2vw,30px);color:#fff!important}@media (width<=1080px){.kj-ex-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kj-ex-list{flex-flow:wrap;grid-column:1/-1}.kj-ex-list button{grid-template-columns:18px auto}.kj-ex-list small{display:none}}@media (width<=860px){.kj-hero{height:190vh}.kj-hero-media:after{background:linear-gradient(#20180c26 0%,#20180c66 45%,#20180cd1 100%)}.kj-hero h1{font-size:clamp(32px,9vw,44px)}.kj-hero .kj-lead{font-size:15px}.kj-badges{gap:10px 20px}.kj-badges li{flex:40%;min-width:0}.kj-badges b{font-size:16px}.kj-clock b{font-size:56px}.kj-clock i{width:96px}.kj-making-grid,.kj-enzymes{grid-template-columns:1fr}.kj-making-head{position:relative;top:0}.kj-steps li{grid-template-columns:52px 1fr;padding:24px 0}.kj-sn{font-size:32px}.kj-comp-panel{grid-template-columns:1fr;gap:8px}.kj-comp-panel .kj-report{grid-column:1}.kj-brew{height:300vh}.kj-brew-sticky{grid-template-rows:auto 1fr;grid-template-columns:1fr}.kj-brew-copy{padding:28px 28px 16px}.kj-brew-copy .kj-lead{display:none}.kj-brew-copy h2{margin-bottom:0;font-size:26px}.kj-brew-steps{margin-top:14px}.kj-brew-steps li{padding:8px 0 8px 14px}.kj-explorer{padding-top:72px}.kj-map{opacity:.6;height:520px;top:120px;right:-80px;transform:none}.kj-ex-grid{grid-template-columns:1fr;gap:20px}.kj-ex-stage{order:1;width:78%;max-height:none}.kj-ex-list{scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap;order:2;margin:0 -28px;padding:4px 28px 8px;overflow-x:auto}.kj-ex-list::-webkit-scrollbar{display:none}.kj-ex-list button{scroll-snap-align:center;border:1.5px solid color-mix(in srgb,var(--fx-ink) 20%,transparent);border-radius:999px;flex:none;padding:8px 16px}.kj-ex-info{order:3}.kj-ex-copy h3{font-size:40px}.kj-ex-nav.prev{left:-56px}.kj-ex-nav.next{right:-56px}.kj-by-grid{grid-template-columns:1fr 1fr}.kj-by-grid>:nth-child(n){margin-top:0}.kj-by-grid>:first-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.kj-hero,.kj-brew{height:auto}.kj-hero-sticky{height:calc(100vh - 72px);position:relative;top:0}.kj-brew-sticky{position:relative;top:0}.kj-brew-stage{min-height:60vh}}.kj-comp-panel[hidden]{display:none}.kj-hero h1 span{display:block}.kj-hero h1{max-width:none}.kj-diagram{width:260px;height:140px}.kj-ex-grid{grid-template-columns:minmax(0,4fr) minmax(0,4.4fr) minmax(0,3.2fr)}.kj-map{opacity:1;justify-self:center;width:100%;height:auto;max-height:68vh;position:relative;top:auto;right:auto;transform:none}.kj-ex-list{border-top:1px solid color-mix(in srgb,var(--fx-ink) 18%,transparent);flex-flow:wrap;grid-column:1/-1;gap:8px;margin-top:clamp(24px,3vw,40px);padding-top:20px}.kj-ex-list button{border:1.5px solid color-mix(in srgb,var(--fx-ink) 18%,transparent);border-radius:999px;grid-template-columns:18px auto;padding:8px 18px 8px 12px}.kj-ex-list small{display:none}.kj-ex-list button[aria-pressed=true]{border-color:var(--fx-ink)}@media (width<=1080px){.kj-ex-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.kj-map{display:none}}@media (width<=860px){.kj-map{opacity:.85;z-index:0;width:120px;height:auto;max-height:none;display:block;position:absolute;top:-8px;right:-24px}.kj-ex-info{position:relative}.kj-ex-list{border-top:none;margin-top:0;padding-top:4px}.kj-ex-grid{grid-template-columns:1fr;gap:18px}.kj-ex-stage{width:74%;max-width:340px}.kj-ex-list{border-top:none;flex-wrap:nowrap;margin:0 -28px;padding:4px 28px 10px;overflow-x:auto}.kj-ex-list button{flex:none}.kj-ex-info{padding-right:96px}.kj-map{width:104px;top:6px;right:-12px}}.kj-close{background:#2f2817}.kj-close>img{object-position:62% 50%;width:62%;left:auto;right:0}.kj-close .wrap{width:100%}.kj-close .wrap>*{max-width:min(30em,44%)}.kj-close h2{font-size:clamp(40px,4.4vw,68px);line-height:1.2}.kj-close h2 span{display:block}@media (width<=860px){.kj-close{flex-direction:column;align-items:stretch;min-height:0}.kj-close>img{width:100%;height:62vw;position:relative;inset:auto;transform:none!important}.kj-close:after{display:none}.kj-close .wrap{padding-top:48px;padding-bottom:72px}.kj-close .wrap>*{max-width:none}}.kj-last{text-wrap:balance}.kj-close>img{object-position:58% 50%;width:80%}.kj-close:after{background:linear-gradient(90deg,#2f2817f5 0%,#2f2817e0 20%,#2f281799 34%,#2f281740 46%,#2f281700 58%)}@media (width<=860px){.kj-close>img{width:100%}.kj-close:after{display:none}}.kj-close>img{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 30%);mask-image:linear-gradient(90deg,#0000 0,#000 30%)}.kj-close p,.kj-close .kj-en{text-shadow:0 1px 12px #1e180c73}@media (width<=860px){.kj-close>img{-webkit-mask-image:none;mask-image:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--pod:#c9a23a}.sy-hero{background:#dce3c8;height:200vh;position:relative}.sy-hero-sticky{color:#fff;align-items:flex-end;height:calc(100vh - 72px);display:flex;position:sticky;top:72px;overflow:hidden}.sy-hero-media{position:absolute;inset:0}.sy-hero-media img{object-fit:cover;will-change:transform,opacity;width:100%;height:100%;position:absolute;inset:0}.sy-hero-media .a{transform-origin:62% 70%}.sy-hero-media .b{opacity:0}.sy-hero-media:after{content:"";background:linear-gradient(90deg,#1c22109e 0%,#1c221047 45%,#1c221000 70%),linear-gradient(#1c221000 55%,#1c221080);position:absolute;inset:0}.sy-hero-inner{z-index:1;width:100%;padding-bottom:clamp(40px,8vh,88px);position:relative}.sy-hero .crumb{color:#ffffffd9;margin-bottom:18px}.sy-hero .crumb a{text-decoration-color:#fff6}.sy-hero .kj-en{color:var(--bean)}.sy-hero h1{text-shadow:0 2px 24px #1418084d;margin:0 0 20px;font-size:clamp(38px,5.2vw,76px);font-weight:900;line-height:1.2}.sy-hero h1 .ln{display:block}.sy-hero .kj-lead{color:#ffffffeb;max-width:34em}.sy-seed{background:radial-gradient(circle at 35% 35%,#f6e3a0,var(--pod));opacity:0;z-index:2;border-radius:50%;width:36px;height:28px;margin-left:-18px;transition:opacity .3s;position:absolute;bottom:-18px;left:50%;box-shadow:0 6px 18px #00000040}.sy-share{background:var(--rice);padding:clamp(67.2px,8.4vw,117.6px) 0}.sy-share-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,112px);display:grid}.sy-share h2{margin-bottom:20px;font-size:clamp(32px,3.8vw,56px);line-height:1.3}.sy-mode{background:var(--sand);border-radius:999px;gap:4px;margin:28px 0 8px;padding:4px;display:inline-flex}.sy-mode button{font:inherit;min-height:44px;color:var(--text-2);transition:background var(--dur),color var(--dur);background:0 0;border:none;border-radius:999px;padding:10px 20px;font-size:15px}.sy-mode button[aria-pressed=true]{background:var(--ink);color:var(--rice)}.sy-stat.in{animation:fvUp .5s var(--ease) both}.sy-big{flex-wrap:wrap;align-items:baseline;gap:18px;margin:16px 0 6px;display:flex}.sy-big b{font-family:var(--en);color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(72px,8vw,120px);font-weight:600;line-height:1}.sy-big span{color:var(--text-2);max-width:12em;font-size:16px}.sy-detail{color:var(--text-2);font-size:15px}.sy-source{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:20px 0 0;padding-top:16px;font-size:13px;display:grid}.sy-source dt{color:var(--text-2)}.sy-source dd{color:var(--text);margin:2px 0 0}.sy-source a{text-underline-offset:3px}.sy-beans{margin:0}.sy-grid{grid-template-columns:repeat(10,1fr);gap:clamp(6px,1vw,12px);max-width:460px;margin-left:auto;display:grid}.sy-grid i{aspect-ratio:5/4;opacity:0;transition:opacity .5s var(--ease),transform .6s var(--ease),background-color .8s,box-shadow .8s;transition-delay:var(--d);background:#cfc8b8;border-radius:50%;transform:scale(.4)}.sy-grid.on i{opacity:1;transform:none}.sy-grid.lit i:not(.gold){opacity:.75;background:#d8d2c4}.sy-grid i.gold{background:radial-gradient(circle at 35% 30%,#fceba8,var(--pod) 70%);transition-delay:0s;transform:scale(1.25);box-shadow:0 0 0 4px #c9a23a40,0 8px 20px #c9a23a73}html:not(.js) .sy-grid i{opacity:1;transform:none}.sy-beans figcaption{color:var(--text-2);text-align:right;margin-top:18px;font-size:13px}.sy-compare{background:#eef0e2;padding:clamp(67.2px,8.4vw,112px) 0}.sy-compare h2{max-width:16em;margin-bottom:14px;font-size:clamp(30px,3.4vw,50px)}.sy-cmp-ui{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);margin-top:clamp(36px,5vw,56px);display:grid}.sy-aspects{flex-direction:column;gap:2px;display:flex;position:sticky;top:96px}.sy-aspects button{text-align:left;font:inherit;color:var(--text-2);min-height:44px;transition:color var(--dur),border-color var(--dur),background var(--dur);background:0 0;border:none;border-left:2px solid #0000;align-items:baseline;gap:14px;padding:11px 14px;font-size:17px;display:flex}.sy-aspects button span{font-family:var(--en);opacity:.7;font-size:15px}.sy-aspects button:hover{color:var(--ink)}.sy-aspects button[aria-selected=true]{color:var(--ink);border-color:var(--leaf);background:#4c6b2e14;font-weight:700}.sy-cmp-panel.in{animation:fvUp .5s var(--ease) both}.sy-cols{background:var(--line);grid-template-columns:1fr 1fr;gap:2px;display:grid}.sy-cols>div{background:var(--paper);min-height:180px;padding:clamp(22px,3vw,36px)}.sy-cols h3{align-items:center;gap:10px;margin-bottom:12px;font-size:22px;display:flex}.sy-cols .dot{border-radius:50%;width:12px;height:12px}.sy-cols .tw .dot{background:var(--leaf)}.sy-cols .im .dot{background:0 0;border:2px solid #7d8a9a}.sy-cols p{margin:0;font-size:17px;line-height:1.9}.sy-principle{color:var(--text-2);flex-wrap:wrap;gap:14px;max-width:none;margin:16px 0 0;font-size:15px;display:flex}.sy-principle b{color:var(--ink);font-weight:700}.sy-routes{gap:18px;margin-top:clamp(28px,4vw,44px);display:grid}.sy-route{grid-template-columns:96px 1fr;align-items:center;gap:16px;display:grid}.sy-route h4{font-family:var(--song);margin:0;font-size:17px}.sy-route ol{flex-wrap:wrap;align-items:center;gap:6px 0;margin:0;padding:0;list-style:none;display:flex}.sy-route li{border:1.5px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:14px}.sy-route li+li:before{content:"";opacity:.35;vertical-align:middle;background:currentColor;width:18px;height:1.5px;margin:0 8px 0 -12px;display:inline-block;position:relative;left:-6px}.sy-route.tw li{border-color:#4c6b2e66}.sy-route.im li{border-style:dashed;border-color:#7d8a9a80}.sy-routes[data-hl=all] .sy-route li,.sy-routes[data-hl=farm] .sy-route li:first-child,.sy-routes[data-hl=store] .sy-route li:nth-child(n+2):nth-child(-n+4),.sy-routes[data-hl=ship] .sy-route.im li:nth-child(n+3):nth-child(-n+5),.sy-routes[data-hl=ship] .sy-route.tw li:nth-child(4){background:var(--bean);border-color:var(--pod)}.sy-route-note{color:var(--text-2);margin:0;font-size:13px}.sy-values{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:clamp(24px,4vw,56px);margin-top:clamp(50.4px,6.3vw,84px);display:grid}.sy-values h3{grid-column:1;font-size:clamp(24px,2.4vw,32px)}.sy-val-tabs{flex-wrap:wrap;grid-column:1;gap:8px;display:flex}.sy-val-tabs button{font:inherit;border:1.5px solid var(--line);min-height:44px;transition:background var(--dur),color var(--dur),border-color var(--dur);background:0 0;border-radius:999px;padding:10px 20px;font-size:16px}.sy-val-tabs button[aria-pressed=true]{background:var(--leaf);color:#fff;border-color:var(--leaf)}.sy-val-stage{aspect-ratio:16/10;grid-area:1/2/3;position:relative}.sy-val{margin:0;position:absolute;inset:0;overflow:hidden}.sy-val img{object-fit:cover;width:100%;height:100%}.sy-val figcaption{color:#fff;background:linear-gradient(#14180a00,#14180abf);padding:28px 28px 24px;font-size:17px;position:absolute;bottom:0;left:0;right:0}.sy-val figcaption b{font-family:var(--song);margin-bottom:4px;font-size:26px;display:block}.sy-val.in{animation:kjIn .7s var(--ease) both}.sy-trace{background:var(--rice);padding:clamp(67.2px,8.4vw,112px) 0}.sy-trace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(40px,7vw,112px);display:grid}.sy-trace h2{margin-bottom:16px;font-size:clamp(30px,3.4vw,50px)}.sy-chain{counter-reset:c;flex-wrap:wrap;gap:8px 0;margin:32px 0 12px;padding:0;list-style:none;display:flex}.sy-chain li{counter-increment:c;font-family:var(--song);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:17px}.sy-chain li+li{margin-left:22px;position:relative}.sy-chain li+li:before{content:"";background:var(--ink);opacity:.4;width:14px;height:1.5px;position:absolute;top:50%;left:-18px}.sy-pending{color:var(--text-2);align-items:baseline;gap:8px;max-width:none;font-size:14px;display:flex}.sy-pending:before{content:"";background:var(--pod);border-radius:50%;flex:0 0 8px;height:8px;transform:translateY(-1px)}.sy-map-wrap{grid-template-columns:minmax(0,200px) minmax(0,1fr);align-items:start;gap:24px 28px;display:grid}.sy-map{--fx-ink:#2b2118;grid-row:1/3;width:100%}.sy-farm-list{flex-direction:column;gap:6px;display:flex}.sy-farm-list button{font:inherit;font-family:var(--song);text-align:left;border:1.5px solid var(--line);min-height:44px;transition:background var(--dur),border-color var(--dur);background:0 0;border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 16px;font-size:18px;font-weight:700;display:flex}.sy-farm-list small{font-family:var(--sans);color:var(--text-2);font-size:13px;font-weight:400}.sy-farm-list button[aria-pressed=true]{border-color:var(--leaf);background:#4c6b2e14}.sy-farm img{aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:14px}.sy-farm h3{margin-bottom:6px;font-size:24px}.sy-farm.in{animation:fvUp .5s var(--ease) both}.sy-people{background:var(--sand)}.sy-people-hero{color:#fff;align-items:flex-end;min-height:84vh;display:flex;position:relative;overflow:hidden}.sy-people-hero>img{object-fit:cover;object-position:50% 40%;width:100%;height:116%;position:absolute;inset:-8% 0}.sy-people-hero:after{content:"";background:linear-gradient(#18160c1a 45%,#18160cb8);position:absolute;inset:0}.sy-people-hero .wrap{z-index:1;width:100%;padding-bottom:clamp(48px,8vh,96px);position:relative}.sy-people-hero h2{max-width:13em;margin-bottom:16px;font-size:clamp(32px,4vw,58px);line-height:1.3}.sy-people-hero p{color:#ffffffeb;max-width:34em}.sy-gallery{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:20px;margin:0;padding:clamp(40px,5vw,64px) max(50vw - 572px,28px);list-style:none;display:flex;overflow-x:auto}.sy-gallery li{scroll-snap-align:start;flex:none;width:clamp(260px,30vw,420px)}.sy-gallery li:nth-child(2n){margin-top:48px}.sy-gallery figure{margin:0}.sy-gallery img{aspect-ratio:4/5;object-fit:cover;width:100%}.sy-gallery li:nth-child(odd) img{aspect-ratio:4/3}.sy-gallery figcaption{color:var(--text-2);margin-top:10px;font-size:14px}.sy-event{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:24px 48px;padding-top:40px;padding-bottom:clamp(56px,7vw,89.6px);display:grid}.sy-event h3{font-size:clamp(24px,2.4vw,32px)}.sy-event p{color:var(--text-2);margin:0}.sy-land{background:#f3f0e4;padding:clamp(67.2px,8.4vw,112px) 0}.sy-land-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(40px,7vw,112px);display:grid}.sy-land h2{margin-bottom:28px;font-size:clamp(30px,3.4vw,50px)}.sy-land-copy{min-height:150px}.sy-land-copy h3{color:var(--leaf);margin-bottom:10px;font-size:28px}.sy-land-copy.in{animation:fvUp .5s var(--ease) both}.sy-src{color:var(--text-2);font-size:13px}.sy-land-btns{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.sy-land-btns button{font:inherit;border:1.5px solid var(--line);min-height:44px;transition:background var(--dur),color var(--dur),border-color var(--dur);background:0 0;border-radius:999px;padding:10px 18px;font-size:15px}.sy-land-btns button[aria-pressed=true]{background:var(--ink);color:var(--rice);border-color:var(--ink)}.sy-plant{justify-self:center;width:100%;max-width:440px;overflow:visible}.sy-plant .sky{fill:#f7f3e3}.sy-plant .soil{fill:#d9c7a4}.sy-plant .soil-line{fill:none;stroke:#8c6d45;stroke-width:2px}.sy-plant .hs path,.sy-plant .hs circle{transition:fill .5s,stroke .5s,opacity .5s,stroke-width .5s}.sy-plant .stem{fill:none;stroke:#4c6b2e;stroke-width:4px;stroke-linecap:round}.sy-plant .leaf{fill:#86a35a;stroke:#4c6b2e;stroke-width:1.5px}.sy-plant .pod path{fill:#c9b36a;stroke:#7a6430;stroke-width:1.5px}.sy-plant .pod circle{fill:#f2e3a8}.sy-plant .root .r{fill:none;stroke:#8c6d45;stroke-width:2.2px;stroke-linecap:round}.sy-plant .root .nod{fill:#ebddb8;stroke:#8c6d45;stroke-width:1.5px}.sy-plant .soil-g path{fill:none;stroke:#bfa77c;stroke-width:1.5px;stroke-dasharray:4 7}.sy-plant .field path{fill:none;stroke:#86a35a;stroke-width:6px;stroke-linecap:round;opacity:.6}.sy-plant:has(.hs.on) .hs:not(.on){opacity:.4}.sy-plant .hs{transition:opacity .5s}.sy-plant .root.on .nod{fill:var(--bean);stroke:var(--pod);stroke-width:2.5px}.sy-plant .pod.on path{fill:var(--bean)}.sy-plant .soil-g.on path{stroke:#6e5530;stroke-width:2.5px}.sy-plant .field.on path{opacity:1;stroke:#4c6b2e}.sy-plant .plant.on .leaf{fill:#6f9446}@media (prefers-reduced-motion:no-preference){.sy-plant .root.on .nod{animation:2s ease-in-out infinite kjHalo2}}@keyframes kjHalo2{50%{stroke-width:5px}}.sy-impact h2{max-width:16em;margin-bottom:28px;font-size:clamp(28px,3vw,44px)}.sy-impact-pending{border-top:2px solid var(--ink);max-width:40em;padding-top:20px;font-size:17px}.sy-circular{border-top:1px solid #120e0b40;grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px 32px;margin-top:40px;padding-top:20px;display:grid}.sy-circular h3{font-size:24px}.sy-circular p{margin:0}.sy-prod{--sp-bg:#efe7d3;background:var(--sp-bg);transition:background-color .8s var(--ease);padding:clamp(67.2px,8.4vw,112px) 0 clamp(50.4px,6.3vw,84px)}.sy-prod h2{margin-bottom:clamp(28px,4vw,48px);font-size:clamp(30px,3.4vw,50px)}.sy-prod-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.sy-prod-stage{aspect-ratio:4/5;justify-self:center;width:100%;max-height:72vh;position:relative}.sy-pimg{margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 50px 90px -40px #28180673}.sy-pimg img{object-fit:cover;width:100%;height:100%}.sy-pimg.in{animation:kjIn .7s var(--ease) both}.sy-prod .kj-ex-nav{background:color-mix(in srgb,var(--sp-bg) 80%,transparent)}.sy-prod .kj-ex-nav:hover{background:var(--ink);color:var(--sp-bg)}.sy-pcopy h3{margin-bottom:12px;font-size:clamp(40px,4.4vw,68px);font-weight:900}.sy-pcopy.in>*{animation:gIn .6s var(--ease) both}.sy-flow{flex-wrap:wrap;gap:10px 0;margin:24px 0 20px;padding:0;list-style:none;display:flex}.sy-flow li{background:#ffffff8c;border:1px solid #2b211826;border-radius:999px;padding:6px 14px;font-size:15px}.sy-flow li+li{margin-left:20px;position:relative}.sy-flow li+li:before{content:"";background:var(--ink);opacity:.45;width:12px;height:1.5px;position:absolute;top:50%;left:-16px}.sy-flow li:first-child,.sy-flow li.end{background:var(--ink);color:var(--rice);border-color:var(--ink)}.sy-prod-list{border-top:1px solid #2b21182e;flex-wrap:wrap;gap:8px;margin-top:clamp(28px,4vw,44px);padding-top:20px;display:flex}.sy-prod-list button{font:inherit;font-family:var(--song);min-height:44px;transition:background var(--dur),border-color var(--dur);background:0 0;border:1.5px solid #2b211833;border-radius:999px;padding:9px 20px;font-size:17px;font-weight:700}.sy-prod-list button[aria-pressed=true]{border-color:var(--ink);background:#ffffff80}.sy-close{background:#24301a}.sy-close:after{background:linear-gradient(90deg,#24301af2 0%,#24301adb 22%,#24301a8c 38%,#24301a33 52%,#24301a00 64%)}.sy-close .btns{flex-wrap:wrap}.sy-faq-list{border-top:1.5px solid var(--ink);max-width:880px}.sy-faq-list details{border-bottom:1px solid var(--line)}.sy-faq-list summary{font-family:var(--song);min-height:44px;padding:20px 40px 20px 0;font-size:20px;font-weight:700;list-style:none;position:relative}.sy-faq-list summary::-webkit-details-marker{display:none}.sy-faq-list summary:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);width:12px;height:12px;transition:transform var(--dur) var(--ease);position:absolute;top:50%;right:8px;transform:translateY(-70%)rotate(45deg)}.sy-faq-list details[open] summary:after{transform:translateY(-30%)rotate(-135deg)}.sy-faq-list details p{color:var(--text-2);margin:0 0 18px}.sy-src-h{margin:56px 0 10px;font-size:20px}.sy-src-list{color:var(--text-2);padding-left:1.2em;font-size:14px}.sy-src-list a{text-underline-offset:3px}@media (width<=1080px){.sy-cmp-ui{grid-template-columns:1fr}.sy-aspects{scrollbar-width:none;flex-direction:row;margin:0 -28px;padding:0 28px;position:relative;top:0;overflow-x:auto}.sy-aspects::-webkit-scrollbar{display:none}.sy-aspects button{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;flex:none}.sy-aspects button[aria-selected=true]{border-color:var(--leaf)}}@media (width<=860px){.sy-hero{height:170vh}.sy-hero-media:after{background:linear-gradient(#1c221026 0%,#1c221066 45%,#1c2210d1 100%)}.sy-hero h1{font-size:clamp(32px,9vw,44px)}.sy-hero .kj-lead{font-size:15px}.sy-share-grid,.sy-trace-grid,.sy-land-grid,.sy-prod-grid,.sy-values{grid-template-columns:1fr}.sy-grid{max-width:340px;margin:0 auto}.sy-beans figcaption{text-align:left}.sy-mode{display:flex}.sy-mode button{flex:1}.sy-cols{grid-template-columns:1fr}.sy-cols>div{min-height:0}.sy-route{grid-template-columns:1fr;gap:8px}.sy-values h3,.sy-val-tabs,.sy-val-stage{grid-area:auto/1}.sy-val-stage{aspect-ratio:4/5}.sy-map-wrap{grid-template-columns:120px 1fr}.sy-farm{grid-column:1/-1}.sy-people-hero{min-height:70vh}.sy-gallery li{width:72vw}.sy-gallery li:nth-child(2n){margin-top:24px}.sy-event{grid-template-columns:1fr}.sy-plant{order:-1;max-width:300px}.sy-circular{grid-template-columns:1fr}.sy-prod-stage{width:78%;max-width:340px}.sy-prod-list{scrollbar-width:none;flex-wrap:nowrap;margin:20px -28px 0;padding:16px 28px 4px;overflow-x:auto}.sy-prod-list button{flex:none}.sy-prod .kj-ex-nav.prev{left:-56px}.sy-prod .kj-ex-nav.next{right:-56px}.sy-close .btns .btn{text-align:center;flex:100%}}@media (prefers-reduced-motion:reduce){.sy-hero{height:auto}.sy-hero-sticky{position:relative;top:0}.sy-grid i{opacity:1;transform:none}}.sy-close h2{font-size:clamp(32px,3.2vw,50px);line-height:1.3}.sy-close .wrap>*{max-width:min(32em,50%)}@media (width<=860px){.sy-close .wrap>*{max-width:none}.sy-close h2{font-size:30px}}.sy-src-list a,.sy-source a,.sy-src a{padding:4px 0;display:inline-block}.sy-compare h2{max-width:none}.sy-journey{gap:clamp(28px,4vw,44px);margin:clamp(33.6px,4.2vw,56px) 0 0;display:grid}.sy-j{grid-template-rows:auto auto;grid-template-columns:120px 1fr;align-items:center;column-gap:24px;display:grid}.sy-j-name{font-family:var(--song);grid-row:1/3;font-size:20px;font-weight:700}.sy-j-track{position:relative}.sy-j svg.line{width:100%;height:24px;overflow:visible}.sy-j .line path{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200px;transition:stroke-dashoffset 2.2s var(--ease-io)}.sy-j.tw .line path{stroke:var(--leaf)}.sy-j.im .line path{stroke:#9aa3ae;stroke-dasharray:8 10}.sy-journey.in .sy-j.tw .line path{stroke-dashoffset:0}.sy-j.im .line path{opacity:0;transition:opacity 1.6s .5s}.sy-journey.in .sy-j.im .line path{opacity:1}html:not(.js) .sy-j .line path{stroke-dashoffset:0;opacity:1}.sy-j ol{color:var(--text-2);justify-content:space-between;margin:10px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.sy-j.tw{--tw:24%}.sy-j.tw ol,.sy-j.tw svg.line{width:var(--tw)}.sy-j li{white-space:nowrap;position:relative}.sy-j li:before{content:"";background:var(--rice);border:2.5px solid #9aa3ae;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-24px;left:50%}.sy-j.tw li:before{border-color:var(--leaf)}.sy-j li:first-child{transform:translate(-30%)}.sy-j li:last-child{transform:translate(30%)}.sy-j.tw li:last-child:before{background:var(--bean);border-color:var(--pod);width:18px;height:18px;margin-left:-9px;top:-27px}.sy-journey figcaption{color:var(--text-2);margin-left:144px;font-size:13px}.sy-rows{border-top:1.5px solid var(--ink);margin-top:clamp(39.2px,4.9vw,67.2px)}.sy-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr);align-items:baseline;gap:24px;padding:24px 0;display:grid}.sy-row b{font-family:var(--song);font-size:clamp(20px,1.8vw,24px)}.sy-row .tw{font-family:var(--song);color:var(--leaf);font-size:clamp(22px,2.2vw,32px);font-weight:700}.sy-row .im{color:var(--text-2);font-size:clamp(16px,1.4vw,19px)}.sy-row-h{font-family:var(--song);letter-spacing:.06em;color:var(--text-2);padding:16px 0;font-size:clamp(19px,1.7vw,24px);font-weight:700}.sy-row-h span:nth-child(2){color:var(--leaf)}.sy-row-h span:nth-child(3){color:#5e6b7a}.sy-foot{color:var(--text-2);max-width:none;margin-top:20px;font-size:14px}@media (width<=860px){.sy-j{grid-template-columns:1fr;row-gap:10px}.sy-j-name{grid-row:auto;font-size:17px}.sy-j.tw ol{width:46%}.sy-j ol{font-size:12px}.sy-j.im li:nth-child(2n){color:#0000}.sy-journey figcaption{margin-left:0}.sy-row{grid-template-columns:1fr 1fr;row-gap:4px;padding:18px 0}.sy-row b{color:var(--text-2);font-size:15px;font-family:var(--sans);grid-column:1/-1;font-weight:500}.sy-row-h{display:none}.sy-row .tw{font-size:20px}}.sy-cycle{background:#f1eee6;padding:clamp(67.2px,8.4vw,112px) 0;overflow:hidden}.sy-cycle h2{margin-bottom:12px;font-size:clamp(32px,3.8vw,56px)}.sy-cycle .kj-en{color:#1f5c8f}.sy-cyc-stage{aspect-ratio:1000/620;margin-top:clamp(24px,4vw,48px);position:relative}.sy-cyc-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sy-cyc-lines path{fill:none;stroke:#1f5c8f;stroke-width:2px;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420px;opacity:.55;transition:stroke-dashoffset 1.1s var(--ease-io),opacity .4s,stroke-width .4s}.sy-cyc-lines marker path{fill:#1f5c8f;stroke:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:1}.sy-cycle.play .sy-cyc-lines path{stroke-dashoffset:0}.sy-cycle.play .sy-cyc-lines path[data-e="0"]{transition-delay:.5s}.sy-cycle.play .sy-cyc-lines path[data-e="1"]{transition-delay:.9s}.sy-cycle.play .sy-cyc-lines path[data-e="2"]{transition-delay:1.1s}.sy-cycle.play .sy-cyc-lines path[data-e="3"]{transition-delay:1.5s}.sy-cycle.play .sy-cyc-lines path[data-e="4"]{transition-delay:1.9s}.sy-cyc-lines path.on{opacity:1;stroke-width:3.5px}.sy-elabel{color:#1f5c8f;white-space:nowrap;opacity:0;font-size:clamp(12px,1.1vw,15px);font-weight:500;transition:opacity .6s 1.8s,transform .3s;position:absolute}.sy-cycle.play .sy-elabel{opacity:.75}.sy-elabel.on{font-weight:700;opacity:1!important}.sy-elabel[data-e="0"]{top:6%;left:62%}.sy-elabel[data-e="1"]{top:14%;left:24%}.sy-elabel[data-e="2"]{top:44%;left:31%}.sy-elabel[data-e="3"]{top:92%;left:49%}.sy-elabel[data-e="4"]{top:66%;left:83%}.sy-mascot{opacity:0;width:15%;transition:opacity .6s 2.2s,transform 1s cubic-bezier(.34,1.56,.64,1) 2.2s;position:absolute;top:36%;left:52%;transform:scale(.6)rotate(-10deg)}.sy-cycle.play .sy-mascot{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.sy-cycle.play .sy-mascot{animation:4s ease-in-out 3.4s infinite syBob}}@keyframes syBob{50%{transform:translateY(-8px)rotate(3deg)}}.sy-node{font:inherit;color:var(--ink);opacity:0;transition:opacity .6s var(--ease),transform .7s cubic-bezier(.34,1.56,.64,1),background .3s;transition-delay:calc(var(--i) * .35s + .2s);background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;transform:translate(-50%,-50%)scale(.7)}.sy-cycle.play .sy-node{opacity:1;transform:translate(-50%,-50%)}.sy-node img{filter:saturate(.85);height:auto;transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .4s}.sy-node .nm{font-family:var(--song);color:#1f5c8f;font-size:clamp(17px,1.7vw,24px);font-weight:900;line-height:1.2}.sy-node .sb{color:var(--text-2);font-size:clamp(11px,1vw,13px)}.sy-node:hover img,.sy-node[aria-pressed=true] img{filter:none;transform:translateY(-6px)scale(1.06)}.sy-node[aria-pressed=true] .nm{color:var(--ink)}.sy-node[aria-pressed=true]:after{content:"";background:var(--bean);border-radius:2px;width:28px;height:4px;margin-left:-14px;position:absolute;bottom:-4px;left:50%}.sy-node[data-k=products]{top:40%;left:85%}.sy-node[data-k=products] img{width:clamp(110px,15vw,210px)}.sy-node[data-k=okara]{top:15%;left:50%}.sy-node[data-k=okara] img{width:clamp(110px,16vw,220px)}.sy-node[data-k=meal]{top:48%;left:15%}.sy-node[data-k=meal] img{width:clamp(150px,22vw,300px)}.sy-node[data-k=bsf]{top:80%;left:38%}.sy-node[data-k=bsf] img{width:clamp(56px,7.5vw,104px)}.sy-node[data-k=farmer]{top:80%;left:68%}.sy-node[data-k=farmer] img{width:clamp(90px,12.5vw,170px)}.sy-cyc-detail{text-align:center;max-width:560px;min-height:120px;margin:clamp(32px,4vw,48px) auto 0}.sy-cyc-detail .no{font-family:var(--en);color:var(--text-2);letter-spacing:.08em;font-size:16px}.sy-cyc-detail h3{margin:4px 0 8px;font-size:clamp(24px,2.4vw,32px)}.sy-cyc-detail p{margin:0 auto 10px}.sy-cyc-detail>div.in{animation:fvUp .5s var(--ease) both}html:not(.js) .sy-node,html:not(.js) .sy-mascot,html:not(.js) .sy-elabel{opacity:1;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.sy-node,.sy-mascot,.sy-elabel,.sy-cyc-lines path{transition:none!important}}@media (width<=860px){.sy-cyc-stage{aspect-ratio:auto}.sy-cyc-lines,.sy-elabel,.sy-mascot{display:none}.sy-nodes{border-left:2px dashed #1f5c8f59;flex-direction:column;gap:0;margin-left:10px;padding-left:28px;display:flex;position:relative}.sy-node{text-align:left;flex-direction:row;grid-template-rows:auto auto;grid-template-columns:110px 1fr;align-items:center;gap:16px;padding:14px 8px;display:grid;position:relative;top:auto!important;left:auto!important;transform:translateY(16px)!important}.sy-cycle.play .sy-node{transform:none!important}.sy-node img{object-fit:contain;grid-row:1/3;justify-self:center;max-height:90px;width:100px!important}.sy-node .nm{align-self:end}.sy-node .sb{align-self:start}.sy-node:before{content:"";background:#f1eee6;border:2px solid #1f5c8f;border-radius:50%;width:14px;height:14px;margin-top:-7px;position:absolute;top:50%;left:-37px}.sy-node[aria-pressed=true]:before{background:var(--bean);border-color:var(--pod)}.sy-node[aria-pressed=true]:after{display:none}.sy-node[aria-pressed=true]{background:#fff9}.sy-nodes:after{content:"回到下一季的大豆田";color:#1f5c8f;font-size:13px;position:absolute;bottom:-30px;left:-12px}.sy-cyc-detail{text-align:left;margin-top:48px}}.sy-cycle:not(.play) .sy-cyc-lines path{opacity:0}html:not(.js) .sy-cyc-lines path{opacity:.55;stroke-dashoffset:0}.certs{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:28px 0 0;padding:0;list-style:none;display:grid}.cert{background:var(--paper);flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(24px,3vw,36px) clamp(18px,2vw,28px);display:flex}.cert-logo{justify-content:flex-start;align-items:center;width:100%;height:112px;margin-bottom:12px;display:flex}.cert-logo img{object-fit:contain;width:auto;max-width:150px;max-height:112px;transition:transform var(--dur) var(--ease)}.cert:hover .cert-logo img{transform:scale(1.05)}.cert b{font-family:var(--song);font-size:19px;line-height:1.4}.cert p{color:var(--text-2);margin:0;font-size:15px}.cert-more{color:var(--text-2);margin-top:16px;font-size:14px}@media (width<=1080px){.certs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.cert-logo{height:88px}.cert-logo img{max-height:88px}.cert b{font-size:17px}.cert p{font-size:14px}}.certs{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1180px){.certs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.certs{grid-template-columns:repeat(2,minmax(0,1fr))}}.qa-hero{background:#e9e3d3;height:180vh;position:relative}.qa-hero-sticky{color:#fff;align-items:flex-end;height:calc(100vh - 72px);display:flex;position:sticky;top:72px;overflow:hidden}.qa-hero-media{position:absolute;inset:0}.qa-hero-media img{object-fit:cover;will-change:transform,opacity;width:100%;height:100%;position:absolute;inset:0}.qa-hero-media .b{opacity:0}.qa-hero-media:after{content:"";background:linear-gradient(#1a160e0d 0%,#1a160e2e 50%,#1a160ead 100%);position:absolute;inset:0}.qa-hero-inner{z-index:1;width:100%;padding-bottom:clamp(44px,9vh,96px);position:relative}.qa-hero .crumb{color:#ffffffd9;margin-bottom:18px}.qa-hero .crumb a{text-decoration-color:#fff6}.qa-hero .kj-en{color:var(--bean)}.qa-hero h1{text-shadow:0 2px 24px #140e064d;max-width:12em;font-size:clamp(36px,4.8vw,72px);font-weight:900;line-height:1.25}.qa-shop{background:var(--rice);padding:clamp(67.2px,8.4vw,112px) 0 clamp(44.8px,5.6vw,72.8px)}.qa-shop-head{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:clamp(24px,5vw,80px);margin-bottom:clamp(32px,4vw,48px);display:grid}.qa-shop-head h2{font-size:clamp(34px,4vw,58px)}.qa-shop-head .lead{margin:0}.qa-window{aspect-ratio:3/2;background:#ddd;border-radius:4px;position:relative;overflow:hidden}.qa-window-img{position:absolute;inset:0;overflow:hidden}.qa-window-img img{object-fit:cover;will-change:transform;width:100%;height:100%;transform:scale(1.12)}html.js .qa-window{clip-path:inset(6% round 8px);transition:clip-path 1.2s var(--ease-io)}html.js .qa-window.in{clip-path:inset(0 round 4px)}.qa-spot{color:#fff;min-width:44px;min-height:44px;font:inherit;z-index:2;background:0 0;border:none;align-items:center;gap:10px;padding:6px;display:flex;position:absolute;transform:translate(-50%,-50%)}.qa-spot .pulse{background:var(--bean);width:22px;height:22px;transition:transform var(--dur) var(--ease);border-radius:50%;flex:none;position:relative;box-shadow:0 0 0 3px #ffffffd9,0 6px 16px #00000059}.qa-spot .pulse:after{content:"";border:2px solid #fedd6be6;border-radius:50%;position:absolute;inset:-8px}@media (prefers-reduced-motion:no-preference){.qa-spot .pulse:after{animation:2.2s ease-out infinite qaPulse}}@keyframes qaPulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.qa-spot .lbl{backdrop-filter:blur(6px);white-space:nowrap;transition:background var(--dur);background:#1e180e9e;border-radius:999px;padding:6px 12px;font-size:15px;font-weight:700}.qa-spot:hover .pulse,.qa-spot.on .pulse{transform:scale(1.15)}.qa-spot:hover .lbl,.qa-spot.on .lbl{background:var(--ink)}.qa-card{background:var(--paper);width:min(340px,40%);color:var(--ink);z-index:3;border-radius:6px;position:absolute;top:20px;bottom:20px;right:20px;overflow:auto;box-shadow:0 30px 60px -20px #140e0680}.qa-card.in{animation:qaIn .35s var(--ease) both}@keyframes qaIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.qa-card-body img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.qa-card-body h3{margin:18px 22px 6px;font-size:24px}.qa-card-body p{color:var(--text-2);margin:0 22px 22px}.qa-card-close{z-index:1;width:44px;height:44px;transition:background var(--dur-fast);background:#ffffffe6;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.qa-card-close svg{width:18px;height:18px;stroke:var(--ink);stroke-width:2px;fill:none}.qa-card-close:hover{background:var(--bean)}.qa-spot-cards{display:none}.qa-steps{background:var(--sand);padding:clamp(67.2px,8.4vw,112px) 0}.qa-steps-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,3vw,40px);display:flex}.qa-steps-head h2{font-size:clamp(34px,4vw,58px)}.qa-steps-ctrl{align-items:center;gap:12px;display:flex}.qa-count{font-family:var(--en);letter-spacing:.06em;margin-right:8px;font-size:22px}.qa-count b{font-size:30px;font-weight:600}.qa-steps .g-btn{color:var(--ink)}.qa-steps .g-btn:hover{background:var(--ink);color:var(--sand);border-color:var(--ink)}.qa-track{scroll-snap-type:x mandatory;scrollbar-width:none;outline-offset:6px;gap:24px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.qa-track::-webkit-scrollbar{display:none}.qa-slide{scroll-snap-align:start;flex:0 0 100%;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.qa-slide figure{aspect-ratio:16/10;border-radius:2px;margin:0;overflow:hidden}.qa-slide figure img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease);transform:scale(1.08)}.qa-slide.on figure img{transform:none}.qa-slide .no{font-family:var(--en);color:var(--pod);font-size:clamp(56px,6vw,96px);line-height:1}.qa-slide h3{margin:8px 0 12px;font-size:clamp(32px,3.4vw,52px)}.qa-slide p{color:var(--text-2);margin:0;font-size:18px}.qa-slide-txt>*{transition:opacity .5s var(--ease),transform .5s var(--ease)}.qa-slide:not(.on) .qa-slide-txt>*{opacity:0;transform:translateY(14px)}.qa-progress{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:clamp(28px,4vw,44px);display:grid}.qa-progress button{min-height:44px;font:inherit;color:var(--text-2);text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:10px;padding:8px 0;font-size:15px;display:flex}.qa-progress i{background:#2b211826;border-radius:2px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.qa-progress i:after{content:"";background:var(--leaf);transform-origin:0;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.qa-progress button.done i:after,.qa-progress button[aria-current] i:after{transform:scaleX(1)}.qa-progress button[aria-current]{color:var(--ink);font-weight:700}.qa-steps .sy-pending{margin-top:16px}.qa-certs{background:var(--rice);padding:clamp(67.2px,8.4vw,112px) 0}.qa-certs h2{margin-bottom:clamp(28px,4vw,44px);font-size:clamp(34px,4vw,58px)}.qa-cert-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:16px;margin:0;padding:0;list-style:none;display:grid}.qa-cert-grid li{background:var(--paper);border:1px solid var(--line);transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease);border-radius:6px;overflow:hidden}.qa-cert-grid li:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px #28180659}.qa-cert{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:8px;min-height:250px;padding:22px 22px 18px;display:flex;position:relative}.qa-cert .tag{letter-spacing:.06em;background:var(--sand);color:var(--text-2);border-radius:999px;padding:3px 10px;font-size:12px}.qa-cert .cert-logo{height:96px;margin:6px 0 4px}.qa-cert .cert-logo img{max-width:130px;max-height:96px}.qa-cert b{font-family:var(--song);font-size:18px;line-height:1.4}.qa-cert .more{color:var(--leaf);align-items:center;gap:6px;margin-top:auto;font-size:14px;display:inline-flex}.qa-cert .more:after{content:"";width:8px;height:8px;transition:transform var(--dur) var(--ease);border-bottom:1.5px solid;border-right:1.5px solid;transform:rotate(45deg)translateY(-2px)}.qa-cert[aria-expanded=true] .more:after{transform:rotate(-135deg)translate(-2px,-1px)}.qa-cert-detail{transition:grid-template-rows .4s var(--ease);grid-template-rows:0fr;display:grid}.qa-cert-detail>*{margin:0 22px;overflow:hidden}.qa-cert-detail p{color:var(--text-2);font-size:15px}.qa-cert-detail .meta{font-size:13px}li.open .qa-cert-detail{grid-template-rows:1fr}li.open .qa-cert-detail>:last-child{margin-bottom:20px}.qa-cert-detail{grid-template-rows:0fr}.qa-cert-detail>div,.qa-cert-detail{min-height:0}@media (hover:hover){.qa-cert-grid li:hover .qa-cert-detail{grid-template-rows:1fr}.qa-cert-grid li:hover .qa-cert-detail>:last-child{margin-bottom:20px}}.qa-faq .sy-faq-list{max-width:none}.qa-faq details[open] .article{animation:fvUp .35s var(--ease) both}@media (width<=1180px){.qa-cert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.qa-hero{height:150vh}.qa-hero h1{font-size:clamp(30px,8.4vw,42px)}.qa-shop-head{grid-template-columns:1fr}.qa-window{aspect-ratio:4/3}.qa-spot .lbl{display:none}.qa-card{border:1px solid var(--line);width:auto;box-shadow:none;margin-top:12px;position:relative;inset:auto}.qa-window .qa-card{width:auto;max-height:80%;position:absolute;inset:auto 12px 12px}.qa-card-body{grid-template-columns:110px 1fr;align-items:center;gap:0 14px;padding:12px 52px 12px 12px;display:grid}.qa-card-body img{aspect-ratio:1;border-radius:4px;grid-row:1/3}.qa-card-body h3{margin:0;font-size:19px}.qa-card-body p{margin:4px 0 0;font-size:14px}.qa-spot-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.qa-spot-cards button{font:inherit;font-family:var(--song);text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:12px;font-size:16px;font-weight:700;display:flex}.qa-spot-cards .no{font-family:var(--en);color:var(--pod);font-size:14px;font-weight:500}.qa-spot-cards button.on{border-color:var(--leaf);background:#4c6b2e14}.qa-slide{flex-basis:86%;grid-template-columns:1fr;align-items:start;gap:16px}.qa-slide figure{aspect-ratio:4/3}.qa-slide .no{font-size:44px}.qa-slide h3{font-size:28px}.qa-slide p{font-size:16px}.qa-slide:not(.on) .qa-slide-txt>*{opacity:.5;transform:none}.qa-count{display:none}.qa-progress{grid-template-columns:repeat(6,1fr);gap:4px}.qa-progress span{font-size:12px}.qa-cert-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qa-cert{min-height:220px;padding:16px}.qa-cert .cert-logo{height:72px}.qa-cert .cert-logo img{max-width:100px;max-height:72px}.qa-cert b{font-size:16px}.qa-cert-detail>*{margin:0 16px}}@media (prefers-reduced-motion:reduce){.qa-hero{height:auto}.qa-hero-sticky{position:relative;top:0}.qa-hero-media .a{opacity:0}.qa-hero-media .b{opacity:1}.qa-window-img img{transform:none}html.js .qa-window{clip-path:none}.qa-slide figure img{transform:none}}.qa-cert-detail>.qa-cert-in{min-height:0;margin:0;padding:0 22px;overflow:hidden}.qa-cert-in>:first-child{margin-top:0}li.open .qa-cert-in,.qa-cert-grid li:hover .qa-cert-in{padding-bottom:20px}li.open .qa-cert-detail>:last-child,.qa-cert-grid li:hover .qa-cert-detail>:last-child{margin-bottom:0}@media (width<=860px){.qa-cert-detail>.qa-cert-in{padding:0 16px}}.qa-hero h1 .ln{display:block}.qa-hero h1{max-width:none}.qa-card-body[hidden]{display:none!important}.qa-card{max-height:calc(100% - 40px);bottom:auto}.qa-card.left{left:20px;right:auto}@keyframes qaInL{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.qa-card.left.in{animation-name:qaInL}@media (width<=860px){.qa-card.left{left:12px;right:12px}.qa-card.left.in{animation-name:qaIn}}.su-head .head-img{overflow:hidden}.su-head .head-img img{will-change:transform;transform-origin:top}@media (prefers-reduced-motion:no-preference){.su-head h1{animation:suFade .9s var(--ease,ease) .1s both}}@keyframes suFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.su-sec{padding:84px 0}.su-sec h2{margin-bottom:36px}.su-sec .kj-en{margin-bottom:6px}.su-cards{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.su-card{aspect-ratio:3/4;background:var(--sand);color:var(--on-ink);isolation:isolate;border-radius:6px;position:relative;overflow:hidden}.su-card>img,.su-card>.su-ph{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease,ease);position:absolute;inset:0}.su-card-shade{background:linear-gradient(#1e160e00 30%,#1e160eb8 78%,#1e160edb);transition:background .4s;position:absolute;inset:0}.su-card.open .su-card-shade{background:#1e160ed1}.su-card-text{max-height:100%;padding:26px 26px 22px;position:absolute;bottom:0;left:0;right:0;overflow:auto}.su-card-k{letter-spacing:.12em;color:var(--bean);margin:0 0 8px;font-size:14px}.su-card h3{color:#fff;font-size:clamp(20px,1.9vw,25px);line-height:1.45}.su-card-d{color:var(--on-ink-2);margin:10px 0 14px;font-size:15px}.su-card-btn{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:99px;align-items:center;gap:8px;padding:0 16px;font-size:14px;transition:background .25s,color .25s;display:inline-flex}.su-card-btn:hover{color:var(--ink);background:#fff}.su-card-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px;transition:transform .3s}.su-card-btn .c,.su-card-btn[aria-expanded=true] .o{display:none}.su-card-btn[aria-expanded=true] .c{display:inline}.su-card-btn[aria-expanded=true] svg{transform:rotate(45deg)}.su-more{color:var(--on-ink);margin-top:16px;font-size:15px}.su-more p{margin:0 0 .8em}.su-more a{color:var(--bean);font-weight:500}@media (hover:hover){.su-card:hover>img{transform:scale(1.05)}}.su-ph{color:#8a7a62;background:repeating-linear-gradient(135deg,#e6dcc4 0 14px,#eae1cb 14px 28px);align-content:center;place-items:center;gap:10px;display:grid}.su-ph svg{stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;width:56px;height:56px}.su-ph span{letter-spacing:.08em;font-size:13px}.su-card>.su-ph{align-content:start;padding-top:22%}.su-impact{background:var(--sand)}.su-only-preview{display:none}.su-tip{margin:-24px 0 28px}.su-preview-note{background:var(--sun);border-radius:4px;padding:10px 14px;font-size:14px}.su-stats{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;margin:0;padding:0;list-style:none;display:grid}.su-stat{background:var(--paper);border-radius:6px;overflow:hidden}.su-stat.pending{opacity:.55;outline:1px dashed var(--text-2)}.su-stat>button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:6px;padding:26px 24px 20px;display:flex}.su-ico{width:40px;height:40px;stroke:var(--leaf);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}.su-num{font-family:var(--song);font-variant-numeric:tabular-nums;font-size:clamp(34px,3.4vw,48px);line-height:1.1}.su-lab{color:var(--text-2);font-size:15px}.su-how{color:var(--leaf);border-bottom:1px solid;align-items:center;gap:4px;margin-top:10px;font-size:13px;display:inline-flex}.su-how svg{stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px;transition:transform .3s}.su-stat>button[aria-expanded=true] .su-how svg{transform:rotate(180deg)}.su-st-d{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;padding:0 24px 22px;font-size:14px;display:grid}.su-st-d[hidden]{display:none}.su-st-d dt{color:var(--text-2)}.su-st-d dd{margin:0}.su-loop{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;display:grid}.su-ring{aspect-ratio:1;width:100%;max-width:520px;margin:0 auto;position:relative}.su-arcs{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.su-arcs circle{fill:none;stroke:var(--line);stroke-width:2px}.su-arcs .flow{stroke:var(--leaf);stroke-width:2.5px;stroke-dasharray:6 18;stroke-linecap:round}@media (prefers-reduced-motion:no-preference){.su-arcs .flow{animation:14s linear infinite suFlow}}@keyframes suFlow{to{stroke-dashoffset:-480px}}.su-photo{background:var(--sand);border-radius:50%;position:absolute;inset:19%;overflow:hidden}.su-photo>*{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.su-photo>.on{opacity:1}.su-photo .su-ph span{font-size:12px}.su-node{border:1px solid var(--line);background:var(--paper);width:156px;min-height:44px;font:inherit;color:var(--ink);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:10px;transition:background .25s,color .25s,transform .25s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px -14px #2b211866}.su-node .no{font-family:var(--song);font-size:18px;line-height:1}.su-node .t{text-wrap:balance;font-size:14px;line-height:1.4}.su-node:hover{transform:translate(-50%,-50%)scale(1.04)}.su-node.on{background:var(--leaf);color:#fff;border-color:var(--leaf)}.su-node.n0{top:7.5%;left:50%}.su-node.n1{top:71%;left:88%}.su-node.n2{top:71%;left:12%}.su-pane-no{letter-spacing:.12em;color:var(--leaf);margin:0 0 6px;font-size:13px}.su-pane h3{font-size:clamp(24px,2.4vw,32px)}.su-pane-d{color:var(--text-2);margin:10px 0 14px;font-size:19px}.su-back{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}.su-steps-m{display:none}.su-bcorp{background:var(--paper)}.su-bc-grid{grid-template-columns:200px 1fr;align-items:center;gap:64px;display:grid}.su-bc-logo{width:100%;max-width:200px;height:auto}.su-bcorp .kj-en{font-style:italic}.su-bcorp h2{max-width:15em;margin-bottom:20px;font-size:clamp(28px,3vw,42px)}.su-bc-d{margin-top:18px}.su-bc-d summary{cursor:pointer;color:var(--leaf);align-items:center;min-height:44px;display:inline-flex}.su-bc-d dl{grid-template-columns:auto 1fr;gap:4px 16px;font-size:15px;display:grid}.su-bc-d dd{margin:0}@media (width<=980px){.su-stats{grid-template-columns:repeat(2,1fr)}.su-loop{grid-template-columns:1fr;gap:28px}}@media (width<=760px){.su-sec{padding:60px 0}.su-cards{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;margin:0 -28px;padding:0 28px 8px;scroll-padding:0 28px;overflow-x:auto}.su-card{scroll-snap-align:start;aspect-ratio:3/4.2}.su-stats{grid-template-columns:1fr 1fr;gap:10px}.su-stat>button{padding:20px 16px 16px}.su-num{font-size:28px}.su-loop{display:none}.su-steps-m{counter-reset:s;gap:14px;margin:0;padding:0;list-style:none;display:grid}.su-steps-m>li{background:var(--paper);border-radius:6px;grid-template-columns:112px 1fr;align-items:center;gap:16px;display:grid;position:relative;overflow:hidden}.su-steps-m>li>img,.su-steps-m>li>.su-ph{object-fit:cover;width:100%;height:100%;min-height:128px}.su-steps-m>li>div{padding:14px 14px 14px 0}.su-steps-m h3{font-size:19px}.su-steps-m p{margin:4px 0 0;font-size:14px}.su-steps-m>li:not(:last-child):after{content:"↓";color:var(--leaf);z-index:1;font-size:14px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.su-back-m{text-align:center;color:var(--leaf);font-size:14px;background:0 0!important;display:block!important}.su-back-m p{margin:0 auto}.su-bc-grid{grid-template-columns:1fr;gap:24px}.su-bc-logo{max-width:120px}}.su-ext{vertical-align:-1px;stroke:currentColor;stroke-width:2px;fill:none;width:14px;height:14px;margin-left:4px;display:inline-block}.sy-j .mv{pointer-events:none;position:absolute;bottom:14px;left:0;transform:translate(-50%)}.sy-j .veh{height:auto;display:block;overflow:visible}.sy-j .truck{width:54px}.sy-j .ship{width:76px}.sy-j .truck .body{fill:var(--paper);stroke:currentColor;stroke-width:2.2px;stroke-linejoin:round}.sy-j .truck .win{fill:var(--sun);stroke:currentColor;stroke-width:1.6px;stroke-linejoin:round}.sy-j .truck .wh{fill:var(--ink);stroke:var(--rice);stroke-width:2px}.sy-j .ship .hull{fill:#5e6b7a}.sy-j .ship .box{fill:var(--paper);stroke:#5e6b7a;stroke-width:2px}.sy-j .ship .wave{fill:none;stroke:#9aa3ae;stroke-width:2px;stroke-linecap:round}.sy-j.tw .mv{color:var(--leaf)}.sy-j.im .mv{color:#6e7884}.sy-j .mv-tw{left:calc(var(--tw) * .74)}.sy-j .mv-im1{left:12.5%}.sy-j .mv-ship{bottom:6px;left:62%}.sy-j .mv-im2{left:88%}.sy-km{font-family:var(--song);white-space:nowrap;font-size:clamp(17px,1.6vw,22px);font-weight:700;line-height:1;position:absolute}.sy-km.tw{left:calc(var(--tw) + 4%);color:var(--leaf);top:50%;transform:translateY(-62%)}.sy-km.im{color:#5e6b7a;bottom:46px;right:0}@media (prefers-reduced-motion:no-preference){html.js .sy-j .mv-tw{opacity:0;left:2%}html.js .sy-journey.in .sy-j .mv-tw{animation:syDriveTw 2.4s var(--ease-io) .2s both}html.js .sy-j .mv-im1,html.js .sy-j .mv-im2{opacity:0;transition:opacity .6s}html.js .sy-journey.in .sy-j .mv-im1{opacity:1;transition-delay:.4s}html.js .sy-j .mv-ship{opacity:0;left:25%}html.js .sy-journey.in .sy-j .mv-ship{animation:sySail 4.2s var(--ease-io) .9s both}html.js .sy-journey.in .sy-j .mv-im2{opacity:1;transition-delay:5s}html.js .sy-journey.in .sy-j .ship{animation:2.6s ease-in-out 5.1s infinite syBobS}html.js .sy-km{opacity:0;transition:opacity .8s}html.js .sy-journey.in .sy-km.tw{opacity:1;transition-delay:2.4s}html.js .sy-journey.in .sy-km.im{opacity:1;transition-delay:5.4s}}@keyframes syDriveTw{0%{opacity:0;left:2%}10%{opacity:1}to{left:calc(var(--tw) * .74);opacity:1}}@keyframes sySail{0%{opacity:0;left:25%}10%{opacity:1}to{opacity:1;left:62%}}@keyframes syBobS{50%{transform:translateY(-2px)rotate(-1deg)}}@media (width<=760px){.sy-j .truck{width:32px}.sy-j .ship{width:46px}.sy-j.tw{--tw:46%}.sy-km.tw{font-size:15px;inset:auto 0 22px auto;transform:none}.sy-km.im{font-size:15px;bottom:40px}}.form-line{flex-direction:column;justify-content:flex-end;gap:8px;display:flex}.form-line-k{color:var(--text-2);font-size:15px}.line-btn{color:#fff;background:#06c755;border-color:#06c755;justify-content:center;align-items:center;gap:8px;min-height:46px;text-decoration:none;display:inline-flex}.line-btn:hover{color:#fff;background:#05b04b;border-color:#05b04b}.line-btn svg{fill:currentColor;width:22px;height:22px}.sy-plant .ov{transition:opacity .45s}.sy-plant .ov:not(.on){opacity:0!important}.sy-plant .ov.on{opacity:1}.sy-plant .ov .lbl{font-family:var(--song);fill:var(--ink);text-anchor:middle;font-size:20px;font-weight:700}.sy-plant .ov .lbl.sm{font-size:15px}.sy-plant .ov .arw{fill:none;stroke:#4c6b2e;stroke-width:2px;stroke-dasharray:5 6;stroke-linecap:round}.sy-plant .ov .arw2{fill:none;stroke:#8c6d45;stroke-width:2px;stroke-linecap:round}.sy-plant .ov .pill{fill:var(--paper);stroke:#8c6d45;stroke-width:1.5px}.sy-plant .ov .pill.on{fill:var(--bean);stroke:var(--pod)}.sy-plant .ov .pt{fill:var(--ink);text-anchor:middle;font-size:14px;font-family:var(--sans)}.sy-plant .ov .tag{fill:var(--ink)}.sy-plant .ov .tagt{fill:var(--rice);text-anchor:middle;font-size:15px;font-family:var(--sans)}.sy-plant .ov .drop{fill:#7fb3d5;stroke:#4e86ad;stroke-width:1.2px}.sy-plant .ov .bldg{fill:var(--paper);stroke:#8c6d45;stroke-width:2px;stroke-linejoin:round}.sy-plant .ov .door{fill:#8c6d45}.sy-plant .ov .route{fill:none;stroke:#4c6b2e;stroke-width:2.5px;stroke-dasharray:4 6}.sy-plant .ov .trk{fill:var(--paper);stroke:#4c6b2e;stroke-width:2px;stroke-linejoin:round}.sy-plant .ov .wh{fill:var(--ink)}.sy-plant .ov .stem{fill:none;stroke:#4c6b2e;stroke-width:4px;stroke-linecap:round}.sy-plant .ov .leaf{fill:#86a35a;stroke:#4c6b2e;stroke-width:1.5px}