/* Completes the retained shared template; directions follow docs/design/reference-01..15. */
@font-face{font-family:DM Sans;src:url('/static/fonts/dm-sans.woff2') format('woff2');font-display:swap}
@font-face{font-family:Cormorant;src:url('/static/fonts/cormorant.woff2') format('woff2');font-display:swap}
@font-face{font-family:Barlow Condensed;src:url('/static/fonts/barlow-condensed.woff2') format('woff2');font-display:swap}
body{font-family:'DM Sans','Noto Sans TC','PingFang TC',sans-serif}figure{margin:0}.icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.button .icon{filter:brightness(0) invert(1)}[hidden]{display:none!important}.brand-name{font-size:clamp(12px,1.15vw,18px);letter-spacing:.015em;line-height:1.35;max-width:335px}.brand-name small{font-size:9px;margin-top:6px;letter-spacing:.1em}.header{padding-block:22px}.wordmark{gap:10px}.font-serif h1,.font-serif h2,.font-serif .brand-name{font-family:'Cormorant','Songti TC','Noto Serif TC',serif}.font-condensed h1,.font-condensed .eyebrow{font-family:'Barlow Condensed','Noto Sans TC',sans-serif;font-weight:700}.header nav{gap:22px}.account-nav{gap:18px;margin-left:12px}
.home-intro{padding-block:30px 0}.home-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:440px;background:var(--soft)}.home-hero .hero-copy{padding:54px 42px;align-self:center;order:0}.home-hero h1{font-size:clamp(38px,3.7vw,61px);letter-spacing:-.035em;line-height:1.32;margin:18px 0 22px}.home-hero h1 span{display:block}.home-hero p{font-size:14px;line-height:1.95;color:var(--muted);max-width:390px;margin-bottom:30px}.hero-art{position:relative;min-width:0;overflow:hidden;min-height:420px}.hero-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-art figcaption{position:absolute;right:15px;bottom:12px;font-size:9px;padding:4px 8px;background:#ffffffeb;color:#454a45}.hero-cta{font-size:12px;gap:12px}.category-rail{border-block:1px solid var(--line);margin-top:28px}.category-rail .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.category-rail a,.category-shortcuts a{display:flex;align-items:center;gap:12px;padding:22px 0;font-size:12px}.category-rail .icon-arrow,.category-shortcuts .icon-arrow{margin-left:auto;width:16px}.category-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-block:18px}.category-shortcuts h2{display:none}.category-shortcuts a{background:var(--soft);padding:16px;font-size:12px}.home-products{padding-block:48px 20px}.home-caption{font-size:12px;color:var(--muted)}.home-products .section-heading h2{font-size:30px}.home-products .product-image{aspect-ratio:4/3.5}.home-products .product-copy h3{font-size:16px}.sku{display:block;font-family:'DM Sans',sans-serif;letter-spacing:.05em;font-size:10px!important;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.story{grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:70px}.story-photo{position:relative;max-height:380px;overflow:hidden}.story-photo img{width:100%;height:360px;object-fit:cover}.story-photo>span{position:absolute;bottom:12px;left:12px;background:#ffffffe0;color:#333;padding:3px 8px;font-size:9px}.story h2{font-size:34px;line-height:1.5}.story p{font-size:13px;line-height:2}.story-copy{max-width:520px}.cart-toast{position:fixed;bottom:24px;right:24px;z-index:20;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 40px #0002;padding:18px 22px;display:flex;align-items:center;gap:18px;max-width:calc(100% - 36px);font-size:13px}.cart-toast a{text-decoration:underline}.cart-toast button{border:0;background:none;color:var(--muted);font-size:11px}.shipping-choices{border:0;padding:0;margin:0;min-width:0}.shipping-choices legend{font-size:14px;font-weight:600;margin-bottom:12px}.shipping-choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);padding:15px;margin-bottom:10px;background:var(--paper);cursor:pointer}.shipping-choice input{width:18px;min-width:18px;height:18px;margin:3px 0;accent-color:var(--accent)}.shipping-choice b{font-size:12px;font-weight:500}.shipping-choice small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.shipping-choice:has(input:checked){border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.shipping-choices+.fineprint{margin-top:-12px}.stack select{margin-top:8px}footer,.site-02 footer{background:var(--soft);color:var(--ink)}.footer-bottom{border-color:var(--line)}.footer-grid h2{font-size:19px;line-height:1.6}.footer-company>p:nth-of-type(1){font-size:11px}.legal [lang=en]{color:var(--muted)}.form-panel,.summary{background:var(--surface)}.notice{background:var(--soft)}input,textarea,select{background:var(--surface);border-color:var(--line)}.success-mark .icon{filter:brightness(0) invert(1)}
/* Layout differences preserve a shared shopping flow. */
.layout-editorial .home-hero{grid-template-columns:1fr 1fr;background:transparent}.layout-editorial .hero-art{order:-1}.layout-editorial .hero-copy{padding:45px}.layout-editorial .header{border-bottom:2px solid var(--line)}.layout-editorial .home-products .product-image{aspect-ratio:4/4.5}.layout-sidebar .home-intro{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px}.layout-sidebar .home-hero{grid-template-columns:1fr}.layout-sidebar .hero-art{min-height:320px;grid-row:1}.layout-sidebar .hero-copy{padding:24px 28px}.layout-sidebar .hero-copy h1{font-size:36px;margin:12px 0}.layout-sidebar .hero-copy h1 span{display:inline}.layout-sidebar .hero-copy p{margin-bottom:16px;max-width:none}.layout-sidebar .category-shortcuts{display:flex;flex-direction:column;padding:0;gap:12px}.layout-sidebar .category-shortcuts h2{display:block;font-size:18px;margin:12px 0}.layout-sidebar .category-shortcuts a{flex:1;min-height:70px;border-bottom:1px solid var(--line)}.layout-sidebar .home-products{padding-top:38px}.layout-overlay .home-hero{position:relative;display:block;min-height:470px}.layout-overlay .hero-art{position:absolute;inset:0}.layout-overlay .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102d24e8,transparent 90%)}.layout-overlay .hero-copy{position:relative;z-index:1;max-width:600px;padding:65px 48px}.layout-overlay .hero-copy h1{color:#fff}.layout-overlay .hero-copy p,.layout-overlay .hero-copy .eyebrow{color:#e5eee5}.layout-overlay .hero-art figcaption{z-index:2}.layout-overlay .hero-cta{background:#b45833;border-color:#b45833}.layout-workshop .test-strip,.layout-workshop .button{color:#202724}.layout-workshop .hero-copy .button .icon{filter:none}.layout-workshop .home-hero{background:var(--soft)}.layout-workshop .category-rail{background:var(--accent);color:#202724}.layout-workshop .category-rail .icon{filter:none}.layout-workshop .header .icon,.layout-workshop .inline-link .icon{filter:brightness(0) invert(1)}.layout-workshop .notice{color:var(--ink)}.layout-workshop .button.outline{color:var(--accent)}.layout-workshop .success-mark .icon{filter:none}.layout-workshop .product-image{background:var(--soft)}.layout-workshop .summary,.layout-workshop .form-panel{color:var(--ink)}.layout-workshop .flash{color:#234730}.site-05 .hero-art{border-radius:45% 0 0 0}.site-09 .hero-art{border-radius:0 0 55px 0}.site-15 .home-hero{background:#eff5ec}.site-15 .home-hero h1 span:last-child{color:#b45332}.site-03 .home-hero{background:#f2e4e6}.site-10 .home-hero{background:#f4eadb}.site-11 .hero-art{border-radius:45% 45% 0 0}.site-14 .home-hero{border-top:4px solid var(--accent)}.site-12 .category-shortcuts a{border-left:3px solid var(--accent)}
@media(max-width:1150px){.brand-name{font-size:13px;max-width:250px}.home-hero .hero-copy{padding:35px 28px}.home-hero h1{font-size:43px}.hero-art{min-height:400px}.layout-sidebar .home-intro{grid-template-columns:minmax(0,1fr) 175px}.category-rail .wrap{gap:16px}.category-rail a{font-size:11px;gap:8px}.category-rail .icon-arrow{display:none}.home-products .product-copy h3{font-size:14px}.story{gap:36px}.story h2{font-size:30px}.home-products .section-heading h2{font-size:27px}}
@media(max-width:760px){.brand-name{font-size:11px;max-width:185px;overflow-wrap:normal}.brand-name small{font-size:7px;letter-spacing:.04em}.header{gap:16px 8px;padding:16px 18px}.wordmark{gap:8px;flex:1 1 160px}.brand-symbol{display:none}.account-nav{gap:12px;margin-left:0;font-size:11px}.header nav{gap:6px;font-size:11px}.header nav small{font-size:8px}.home-intro{padding-top:18px}.home-hero,.layout-editorial .home-hero{grid-template-columns:1fr;min-height:0}.home-hero .hero-copy,.layout-editorial .hero-copy{padding:32px 25px}.home-hero h1{font-size:38px;line-height:1.35;margin:14px 0 18px}.home-hero p{font-size:13px;margin-bottom:22px}.hero-art{min-height:240px}.layout-editorial .hero-art{order:0}.hero-cta{font-size:11px;padding:12px 17px;gap:10px}.hero-cta span{font-size:9px}.hero-cta .icon{width:18px}.category-rail{margin-top:18px}.category-rail .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.category-rail a{font-size:11px;padding:15px 0}.category-rail a .icon{width:19px;height:19px}.category-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-shortcuts a{padding:12px 8px;gap:8px}.layout-sidebar .home-intro{grid-template-columns:1fr;gap:0}.layout-sidebar .hero-art{min-height:250px}.layout-sidebar .hero-copy{padding:25px}.layout-sidebar .hero-copy h1{font-size:31px}.layout-sidebar .category-shortcuts{display:grid;padding-top:14px}.layout-sidebar .category-shortcuts h2{display:none}.layout-sidebar .category-shortcuts a{min-height:60px;font-size:11px}.layout-overlay .home-hero{min-height:450px}.layout-overlay .hero-copy{padding:48px 26px;max-width:100%}.layout-overlay .hero-art{min-height:0}.layout-overlay .hero-art:after{background:linear-gradient(90deg,#102d24df,#102d2470)}.home-products{padding-top:32px}.home-products .section-heading{gap:12px;align-items:center}.home-products .section-heading h2{font-size:24px}.home-caption{font-size:10px}.home-products .section-heading .inline-link{font-size:10px;max-width:115px;gap:5px}.home-products .section-heading .inline-link span{display:none}.home-products .section-heading .inline-link .icon{width:15px}.home-products .product-image{aspect-ratio:4/4.5}.home-products .product-copy h3{font-size:13px}.sku{font-size:9px!important;letter-spacing:.015em;margin-top:5px}.card-actions .button{min-height:44px}.card-actions .text-button{min-height:36px}.story{grid-template-columns:1fr;padding-block:45px;gap:25px}.story-photo img{height:280px}.story h2{font-size:28px}.story p{font-size:13px}.cart-toast{bottom:16px;right:18px;padding:15px;flex-wrap:wrap;gap:10px;font-size:12px}.shipping-choice{padding:12px;gap:9px}.shipping-choice b{font-size:11px}.shipping-choice small{font-size:10px}.shipping-choice input{min-width:17px}.stack .shipping-choices legend{font-size:13px}.form-panel .sum-line>span{min-width:0}.layout-workshop .category-rail a{color:#202724}.section .page-heading .eyebrow{line-height:1.9}.footer-grid h2{font-size:17px;overflow-wrap:anywhere}.button.full{gap:8px;font-size:12px}.site-05 .hero-art,.site-09 .hero-art{border-radius:0}.site-11 .hero-art{border-radius:35% 35% 0 0}}
@media(max-width:350px){.brand-name{font-size:10px;max-width:155px}.account-nav{gap:8px}.home-hero h1{font-size:32px}.home-hero .hero-copy{padding:28px 21px}.button.small{font-size:9px}.button.small span{font-size:8px}.product-grid{gap:26px 10px}.home-products .product-copy h3{font-size:12px}.product-copy h3{font-size:12px}.form-panel{padding:18px}.assurance div{gap:12px}.assurance b{font-size:10px}}
