:root{--paper:#fffef9;--ink:#543736;--muted:#685451;--blue:#57c3ec;--yellow:#f9d956;--line:#e6e2dc;--serif:Georgia,'Times New Roman','Songti SC',serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}p+p{margin-top:18px}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(46px,6.8vw,100px)}h2{font-size:clamp(34px,4.3vw,60px)}h3{font-size:20px;line-height:1.35;font-weight:500}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #246c99;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.skip{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:bold;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--paper);padding:15px 25px;border-radius:3px;line-height:1.5;font-size:14px;transition:transform .2s,background .2s}.button:hover{background:#00499d;transform:translateY(-2px)}.text-link{border-bottom:1px solid currentColor;padding-bottom:4px;font-size:14px}.nav-wrap{width:min(1360px,calc(100% - 80px));margin:auto;min-height:112px;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line)}.logo{width:110px;flex-shrink:0}.logo img{height:72px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;gap:34px;margin-left:auto;font-size:13px}nav a{position:relative;padding:15px 0}nav a[aria-current]::after{content:'';height:3px;background:var(--ink);position:absolute;bottom:5px;left:0;right:0;transform:rotate(-2deg)}.language{font-size:12px;border-left:1px solid var(--line);padding:8px 0 8px 30px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding-top:76px;padding-bottom:90px;min-height:720px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(65px,7.9vw,114px);letter-spacing:-.065em;line-height:.99}.underline{position:relative;white-space:nowrap}.underline::after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--yellow);transform:rotate(-3deg);z-index:-1}.hero-intro{max-width:390px;margin:30px 0 27px;color:var(--muted);font-size:15px;line-height:1.85}.hand-note{font-family:var(--serif);font-style:italic;font-size:17px;transform:rotate(-4deg);margin-top:28px;margin-left:16px}.hand-note span{display:inline-block;font-size:35px;margin-left:10px}.hero-art{position:relative;padding:0 35px 0 25px;isolation:isolate}.blue-paper{position:absolute;inset:30px -6px -16px 0;background:var(--blue);transform:rotate(5deg);clip-path:polygon(1% 0,96% 1%,100% 4%,99% 96%,96% 100%,2% 98%,0 93%)}.hero-photo{position:relative;background:#fffef9;padding:14px 14px 0;box-shadow:0 9px 20px #243e3120;transform:rotate(-5deg)}.hero-photo img{height:470px;object-fit:cover;object-position:center 47%}.hero-photo figcaption{text-align:center;font-family:var(--serif);font-style:italic;font-size:14px;padding:16px 5px 19px}.tape{position:absolute;top:-17px;left:39%;width:110px;height:34px;background:#f9d956d9;transform:rotate(-9deg);clip-path:polygon(0 3%,97% 0,100% 15%,97% 90%,100% 100%,1% 97%,3% 50%);z-index:2}.hero-star{position:absolute;width:102px;right:-15px;top:15px;color:var(--yellow);transform:rotate(11deg)}.flower{display:block;width:100%;height:auto}.small-note{position:absolute;right:-5px;bottom:43px;font-style:italic;font-family:var(--serif);font-size:22px;transform:rotate(8deg);background:var(--yellow);padding:3px 12px}.ribbon{background:var(--yellow);border-block:1px solid #f9d956;display:flex;gap:50px;align-items:center;justify-content:center;padding:13px 20px;transform:rotate(-1deg);font-family:var(--serif);font-size:20px}.ribbon span:nth-child(2n){font-size:25px}.story{padding-block:126px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-image{position:relative;padding:13px;background:white;transform:rotate(-2deg)}.story-image img{aspect-ratio:4/4.5;object-fit:cover}.paper-label{position:absolute;top:28px;left:-20px;background:var(--yellow);padding:8px 18px;font-size:10px;letter-spacing:.13em;transform:rotate(-4deg)}.story-copy h2{margin-bottom:30px}.story-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:var(--muted)}.story-copy .name-note{font-family:var(--serif);font-style:italic;border-top:1px solid var(--line);padding-top:20px}.beliefs{background:#f9d956;padding:80px 0 86px;clip-path:polygon(0 1%,10% 0,25% 1%,40% 0,60% 1%,80% 0,100% 1%,100% 99%,80% 100%,60% 99%,40% 100%,20% 99%,0 100%)}.section-heading{text-align:center}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:48px}.belief-grid article{text-align:center}.drawn-icon{font-family:var(--serif);font-size:58px;line-height:1.4;display:block}.belief-grid h3{font-family:var(--serif);font-size:28px;margin:12px 0 14px}.belief-grid p{font-size:14px;color:#543736;line-height:1.8}.featured{padding-block:110px}.section-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 26px}.product-image{position:relative;background:#ffffff;overflow:hidden}.product-image>img{aspect-ratio:4/5;object-fit:cover;transition:transform .45s}.product-card:hover .product-image>img{transform:scale(1.035)}.card-arrow{position:absolute;bottom:16px;right:16px;border-radius:100%;background:var(--paper);width:37px;height:37px;display:grid;place-items:center;font-size:21px}.product-label{padding:20px 0 0}.product-label h3{font-family:var(--serif);font-size:25px;margin-bottom:5px;letter-spacing:-.02em}.product-label>span{color:var(--muted);font-size:12px}.end-note{text-align:center;padding:15px 0 100px}.end-note>.flower{width:60px;color:#16a05f;margin:0 auto 28px}.end-note h2{font-size:44px;margin-bottom:30px}footer{background:#57c3ec;color:#543736;padding:48px 0 22px;border-top:1px solid #57c3ec}.footer-top{display:flex;align-items:center;gap:50px;justify-content:space-between;padding-bottom:32px}.footer-wordmark{font-family:var(--serif);font-weight:bold;font-style:italic;font-size:60px;letter-spacing:-5px;line-height:1}.footer-wordmark span{font-family:var(--sans);font-size:12px;vertical-align:top;letter-spacing:0;margin-left:8px}.footer-top>p{font-family:var(--serif);font-size:25px}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;border-top:1px solid #54373640;padding-top:20px}.page-head{padding-top:70px;padding-bottom:48px}.page-head h1{font-size:clamp(50px,6.2vw,86px)}.page-head>p:last-child{max-width:600px;margin-top:25px;color:var(--muted)}.catalog{padding-bottom:100px}.filters{display:flex;gap:10px;margin-bottom:38px}.filters button{background:transparent;border:1px solid #bac3b5;padding:8px 22px;border-radius:30px;font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.catalog-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin-top:50px}.detail{padding-top:35px;padding-bottom:80px}.back-link{font-size:12px;color:var(--muted)}.detail-top{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;margin-top:30px;align-items:center}.detail-main{background:#eee}.detail-main img{max-height:730px;object-fit:cover}.detail-copy h1{font-size:clamp(38px,4.4vw,63px)}.detail-kicker{font-family:var(--serif);font-style:italic;font-size:24px;margin-top:25px;margin-bottom:20px}.detail-copy>p:not(.eyebrow):not(.detail-kicker){font-size:15px;color:var(--muted)}.product-notes{padding:20px 0 24px;list-style:none;margin:0;font-size:13px}.product-notes li{border-top:1px solid var(--line);padding:12px 0}.product-notes li::before{content:'↗';padding-right:10px}.detail-contact{display:block;font-size:12px;margin-top:20px;text-decoration:underline}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:65px;align-items:start}.detail-gallery img{aspect-ratio:4/5;object-fit:cover}.related{margin-top:95px}.related h2{font-size:38px}.places{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:70px}.place{padding:45px;background:#f9d956;position:relative;transform:rotate(-1deg)}.place.canada{background:#57c3ec;transform:rotate(1deg)}.place-number{font-size:11px;letter-spacing:.15em}.place h2{margin:30px 0 15px;font-size:48px}.place>p{font-size:14px}.store{border-top:1px solid #54373640;padding-top:20px;margin-top:25px}.store h3{font-family:var(--serif);font-size:25px}.store p{font-size:14px;margin-top:10px}.store .text-link{display:inline-block;margin-top:25px;overflow-wrap:anywhere}.fine-print{font-size:12px!important;margin-top:30px}.buy-question{padding:10px 0 100px}.buy-question h2{font-size:36px;margin-bottom:25px}.contact-page{display:grid;grid-template-columns:1.25fr .8fr;gap:80px;align-items:center;padding-top:95px;padding-bottom:120px;min-height:660px}.contact-page h1{font-size:clamp(55px,6.4vw,90px)}.contact-page h1 em{color:#00499d}.contact-intro{margin:30px 0;max-width:470px;color:var(--muted)}.email{display:inline-block;border-bottom:1px solid currentColor;font-size:25px;overflow-wrap:anywhere}.email+p{font-size:12px;margin-top:15px;color:var(--muted)}.contact-art{background:var(--blue);padding:55px 35px 35px;transform:rotate(5deg);box-shadow:12px 12px 0 #f9d956;aspect-ratio:4/4.5;display:flex;flex-direction:column;justify-content:space-between}.contact-art .flower{width:90px;color:var(--paper)}.contact-art p{font-family:var(--serif);font-size:clamp(35px,4vw,60px);line-height:1.1;letter-spacing:-.04em}.contact-art>span{font-family:var(--serif);font-style:italic;font-size:20px;text-align:right}
html[lang=zh-CN] h1{font-size:clamp(48px,6.2vw,84px);letter-spacing:-.02em;line-height:1.2}html[lang=zh-CN] .hero h1{font-size:clamp(65px,7.9vw,114px);line-height:.99;letter-spacing:-.065em}html[lang=zh-CN] h2{line-height:1.3;letter-spacing:-.02em}html[lang=zh-CN] .product-label h3{font-size:22px}html[lang=zh-CN] .detail-copy h1{font-size:45px}
@media(min-width:1500px){.hero{min-height:800px}.hero-photo img{height:520px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav-wrap{width:calc(100% - 48px);gap:25px}nav{gap:22px}.hero{padding-top:65px;padding-bottom:70px;min-height:620px}.hero h1,html[lang=zh-CN] .hero h1{font-size:80px}.hero-art{padding:0 12px}.hero-photo img{height:390px}.hero-star{width:75px;right:-10px}.small-note{font-size:18px;right:-5px}.story{gap:50px;padding-block:90px}.belief-grid{gap:35px}.product-label h3{font-size:22px}.detail-top{gap:35px}.detail-copy h1{font-size:42px}.contact-page{gap:40px}.contact-page h1{font-size:65px}.ribbon{gap:25px;font-size:17px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav-wrap{width:calc(100% - 40px);min-height:88px;position:relative;gap:20px}.logo{width:88px}.logo img{height:60px}.menu-toggle{display:flex;gap:12px;align-items:center;margin-left:auto;background:none;border:0;font-size:12px;padding:12px 0}.menu-toggle span{font-size:19px}.language{padding-left:18px}nav{display:none;position:absolute;top:87px;left:-20px;right:-20px;background:var(--paper);padding:20px 30px;border-bottom:1px solid var(--line);z-index:20;margin:0;box-shadow:0 12px 12px #263f3110}nav.is-open{display:flex;flex-direction:column;gap:5px}nav a{align-self:flex-start}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:60px;gap:45px}.eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:18px}.hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(66px,17vw,100px)}.hero-intro{font-size:14px;max-width:440px;margin-top:25px}.hand-note{font-size:16px;margin-top:20px}.hero-art{margin:0 10px;padding:0 16px}.hero-photo img{height:auto;aspect-ratio:4/4.4;object-position:center 45%}.hero-photo figcaption{font-size:12px;padding:14px 2px}.hero-star{right:-17px;top:0;width:74px}.tape{top:-10px;width:95px;height:27px}.small-note{right:-12px;bottom:25px;font-size:17px}.ribbon{gap:20px;font-size:14px;padding:10px 20px;justify-content:space-around}.ribbon span:nth-child(n+4){display:none}.ribbon span:nth-child(2){font-size:20px}.story{grid-template-columns:1fr;gap:45px;padding-block:75px}.story-image{margin:0 14px}.story-image img{aspect-ratio:1/1.05}.paper-label{left:-18px;font-size:9px}.story-copy h2{font-size:41px;margin-bottom:25px}.story-copy>p:not(.eyebrow){font-size:14px}.beliefs{padding:60px 0}.belief-grid{grid-template-columns:1fr;gap:32px;margin-top:30px}.belief-grid article{max-width:370px;margin:auto}.drawn-icon{font-size:45px}.belief-grid h3{font-size:27px;margin:6px 0 10px}.belief-grid p{font-size:14px}.featured{padding-block:70px}.section-row{display:block;margin-bottom:28px}.section-row .text-link{display:inline-block;margin-top:20px}.section-row h2{font-size:39px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.featured .product-grid{grid-template-columns:1fr}.featured .product-image img{aspect-ratio:4/4.2}.product-label{padding-top:14px}.product-label h3{font-size:20px}.product-label>span{font-size:11px}.card-arrow{width:29px;height:29px;right:10px;bottom:10px;font-size:18px}.end-note{padding-bottom:70px}.end-note h2{font-size:32px}.end-note>.flower{width:45px}.footer-top{flex-wrap:wrap;gap:24px}.footer-wordmark{font-size:52px}.footer-top>p{font-size:20px}.footer-top>a:last-child{width:100%;font-size:13px}.footer-bottom{flex-direction:column;gap:6px;font-size:10px}footer{padding-top:35px}.page-head{padding-top:45px;padding-bottom:32px}.page-head h1{font-size:53px}.page-head>p:last-child{font-size:14px}.filters{gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{font-size:12px;padding:7px 16px}.catalog{padding-bottom:65px}.catalog-note{font-size:12px}.detail{padding-top:25px}.detail-top{grid-template-columns:1fr;gap:32px;margin-top:24px}.detail-main img{max-height:none;aspect-ratio:4/4.6;object-fit:cover}.detail-copy h1,html[lang=zh-CN] .detail-copy h1{font-size:41px}.detail-kicker{font-size:23px}.detail-gallery{gap:15px;margin-top:40px}.related{margin-top:65px}.related h2{font-size:33px}.related .product-grid{grid-template-columns:1fr 1fr}.related .product-card:last-child{display:none}.places{grid-template-columns:1fr;gap:30px;padding-bottom:55px}.place{padding:30px}.place h2{font-size:42px}.buy-question{padding-bottom:70px}.buy-question h2{font-size:32px}.contact-page{grid-template-columns:1fr;padding-top:50px;padding-bottom:85px;gap:55px}.contact-page h1{font-size:65px}.contact-art{width:80%;margin:auto;padding:35px;max-width:370px}.contact-art p{font-size:47px}.contact-art .flower{width:65px}.email{font-size:23px}.contact-intro{font-size:14px}html[lang=zh-CN] .product-label h3{font-size:18px}html[lang=zh-CN] h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.footer-logo{width:110px;display:block;flex-shrink:0}.footer-logo img{mix-blend-mode:multiply}

main{overflow-x:clip}

/* VI palette: Fizzit VI 手册 0215.pdf, pp. 3–6. Keep color blocks at full strength. */

:root{--red:#e84c2b;--pink:#e7a8c9;--green:#16a05f;--deep-blue:#00499d}
.button{background:var(--deep-blue);color:#fff}
.button:hover{background:var(--ink)}
.filters button[aria-pressed=true]{background:var(--deep-blue);border-color:var(--deep-blue);color:#fff}
.belief-grid article:nth-child(1) .drawn-icon{color:var(--red)}
.belief-grid article:nth-child(2) .drawn-icon{color:var(--deep-blue)}
.belief-grid article:nth-child(3) .drawn-icon{color:var(--green)}
.footer-logo{background:#fff;padding:8px;transform:rotate(-4deg)}
.footer-logo img{mix-blend-mode:normal}

/* Final layout polish: keep drawings consistent and product photography intact. */
.drawn-icon{height:72px;display:flex;align-items:center;justify-content:center}
.drawn-icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.hero-copy,.story-copy,.detail-copy{min-width:0}
.product-label h3{line-height:1.3;text-wrap:balance}
.story-copy h2,.end-note h2,.buy-question h2{text-wrap:balance}
.product-card:focus-visible .card-arrow,.product-card:hover .card-arrow{background:var(--yellow)}
.text-link{transition:color .18s}
.text-link:hover{color:var(--deep-blue)}
.detail-gallery img{object-fit:contain;background:#fff}
.detail-main img{object-fit:contain;background:#fff}
.detail-copy .button{margin-top:4px}
.footer-bottom{font-size:11px;line-height:1.7}
@media(min-width:701px) and (max-width:1050px){
  .hero h1,html[lang=zh-CN] .hero h1{font-size:clamp(62px,8.25vw,80px)}
}
@media(max-width:700px){
  .drawn-icon{height:62px}
  .drawn-icon svg{width:48px;height:48px}
  .detail-main img{object-fit:contain}
  .product-label h3{text-wrap:pretty}
  .filters button,.menu-toggle,.language{min-height:44px}
}
