:root{color-scheme:light;--paper: #fbf8f3;--shell: #f4eee6;--ink: #292520;--muted: #746d64;--cocoa: #7b5847;--sage: #789b89;--sage-deep: #406859;--rose: #d9a2a9;--berry: #9f5064;--honey: #d8a642;--sky: #d8e8ec;--line: rgba(41, 37, 32, .13);--shadow: 0 24px 70px rgba(73, 58, 43, .13);font-family:Inter,"Noto Serif TC",system-ui,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 88% 26%,rgba(216,232,236,.48),transparent 26rem),linear-gradient(180deg,var(--paper),#f7f1ea 42%,#f9f7f1)}body::selection{background:#d9a2a973}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#ambient-canvas{inset:0;pointer-events:none;position:fixed;z-index:0}.site-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf8f3bd;border-bottom:1px solid transparent;display:flex;gap:24px;height:74px;justify-content:space-between;left:0;padding:0 clamp(18px,4vw,56px);position:fixed;right:0;top:0;transition:border-color .22s ease,box-shadow .22s ease,height .22s ease;z-index:10}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 10px 30px #42362a14;height:64px}.brand{align-items:center;display:inline-flex;gap:12px;min-width:max-content}.brand-mark{align-items:center;background:var(--ink);border-radius:50%;color:var(--paper);display:inline-flex;font-family:"Noto Serif TC",serif;font-size:18px;height:40px;justify-content:center;width:40px}.brand strong,.brand small{display:block;line-height:1.1}.brand strong{font-family:"Noto Serif TC",serif;font-size:17px}.brand small{color:var(--muted);font-size:11px;margin-top:3px;text-transform:uppercase}.main-nav{align-items:center;display:flex;gap:clamp(14px,3vw,34px)}.main-nav a{color:#292520b8;font-size:14px;transition:color .18s ease;white-space:nowrap}.main-nav a:hover{color:var(--sage-deep)}.nav-action,.primary-button,.ghost-button{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;min-height:44px;padding:0 20px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav-action,.primary-button{background:var(--ink);color:#fffaf4}.nav-action{font-size:14px;min-width:104px}.ghost-button{background:#ffffffb3;border:1px solid var(--line);color:var(--ink)}.nav-action:hover,.primary-button:hover,.ghost-button:hover{box-shadow:0 16px 38px #4068592e;transform:translateY(-2px)}main,.site-footer{position:relative;z-index:1}.hero{align-items:center;background:linear-gradient(90deg,#fbf8f3f5,#fbf8f3b8 39%,#fbf8f31f 72%),url(/assets/hero-bakery.png) center / cover no-repeat;display:grid;min-height:88vh;padding:120px clamp(20px,6vw,92px) 44px;position:relative}#hero-motion-canvas{height:100%;inset:0;mix-blend-mode:screen;opacity:.82;pointer-events:none;position:absolute;width:100%;z-index:1}.hero:after{background:linear-gradient(180deg,transparent,rgba(251,248,243,.88)),repeating-linear-gradient(90deg,transparent 0 68px,rgba(41,37,32,.025) 69px 70px);bottom:0;content:"";height:38%;left:0;pointer-events:none;position:absolute;right:0;z-index:0}.hero-copy{max-width:640px;position:relative;z-index:2}.eyebrow{color:var(--sage-deep);font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 16px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Noto Serif TC",serif}h1{font-size:clamp(58px,12vw,138px);line-height:.98;margin-bottom:24px}.hero-text{color:#292520bd;font-size:clamp(18px,2vw,24px);line-height:1.85;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-metrics{align-self:end;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:58px;max-width:620px;position:relative;z-index:2}.hero-metrics div{border-left:1px solid rgba(41,37,32,.22);padding-left:18px}.hero-metrics strong{color:var(--cocoa);display:block;font-family:"Noto Serif TC",serif;font-size:clamp(30px,5vw,54px);line-height:1}.hero-metrics span{color:var(--muted);display:block;font-size:13px;line-height:1.5;margin-top:8px}.announcement{background:var(--ink);color:#fffaf4;overflow:hidden;padding:13px 0}.ticker{animation:drift 28s linear infinite;display:flex;gap:42px;min-width:max-content;white-space:nowrap}.ticker span{font-size:14px}.section,.atelier-section,.craft-section,.reserve-section{padding:clamp(72px,11vw,132px) clamp(20px,6vw,92px)}.intro-section{align-items:end;display:grid;gap:clamp(24px,5vw,76px);grid-template-columns:minmax(0,.95fr) minmax(300px,.85fr)}.section-heading h2,.craft-copy h2,.reserve-copy h2{font-size:clamp(34px,5.5vw,72px);line-height:1.14;margin-bottom:0;max-width:840px}.lead,.craft-copy p,.reserve-copy p{color:#292520b8;font-size:clamp(17px,1.6vw,20px);line-height:2}.collection-section{background:linear-gradient(180deg,#d8e8ec80,#f4eee694)}.segmented-control{background:#ffffff8f;border:1px solid var(--line);border-radius:999px;display:flex;gap:4px;margin:32px 0 28px;padding:5px;width:max-content}.segmented-control button{background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;min-height:38px;padding:0 16px;transition:background .18s ease,color .18s ease}.segmented-control button.active{background:var(--sage-deep);color:#fff}.product-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{background:#ffffffad;border:1px solid rgba(41,37,32,.11);border-radius:8px;min-height:360px;overflow:hidden;padding:18px;transform-origin:center bottom;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-8px)}.product-card.is-hidden{opacity:.15;transform:scale(.96)}.product-card span{color:var(--sage-deep);display:block;font-size:12px;font-weight:800;margin-bottom:12px}.product-card h3{font-size:25px;line-height:1.3;margin-bottom:10px}.product-card p{color:var(--muted);line-height:1.75;margin-bottom:0}.product-visual{border-radius:6px;height:178px;margin-bottom:22px;overflow:hidden;position:relative}.product-visual:before,.product-visual:after{content:"";position:absolute}.croissant{background:linear-gradient(135deg,#f3dfbb,#d99c45)}.croissant:before{background:repeating-radial-gradient(ellipse at center,#fff4e0a6 0 8px,#7e52282e 9px 11px);border-radius:50% 50% 42% 42%;height:82px;left:32px;top:48px;transform:rotate(-9deg);width:190px}.berry{background:linear-gradient(135deg,#f7d8d7,#9f5064)}.berry:before{background:radial-gradient(circle,#f8f3ea 0 37%,transparent 38%),radial-gradient(circle at 38% 42%,#c92e4c 0 13%,transparent 14%),radial-gradient(circle at 60% 37%,#6f263a 0 10%,transparent 11%);border-radius:50%;height:142px;left:50%;top:50%;transform:translate(-50%,-50%);width:142px}.cream{background:linear-gradient(135deg,#dae9e2,#e6c67d)}.cream:before{background:repeating-conic-gradient(from 0deg,#fff9ed 0 9deg,#e7d6ba 10deg 17deg);border-radius:50%;height:126px;left:50%;top:26px;transform:translate(-50%);width:126px}.lemon{background:linear-gradient(135deg,#fff1b9,#80a992 58%,#f5e7dc)}.lemon:before{background:radial-gradient(circle at 50% 45%,#f7eac9 0 48%,#b77c4e 49% 58%,transparent 59%);border-radius:50%;height:136px;left:50%;top:25px;transform:translate(-50%);width:136px}.atelier-section{background:#fbf8f3}.timeline{display:grid;gap:1px;margin-top:36px}.timeline-item{align-items:start;background:#ffffff8c;border-top:1px solid var(--line);display:grid;gap:20px;grid-template-columns:120px .6fr 1fr;padding:28px 0}.timeline-item time{color:var(--berry);font-family:"Noto Serif TC",serif;font-size:28px;line-height:1}.timeline-item h3{font-size:27px;margin-bottom:0}.timeline-item p{color:var(--muted);line-height:1.85;margin-bottom:0}.craft-section{align-items:center;background:linear-gradient(90deg,rgba(64,104,89,.09),transparent),#f5f0e8;display:grid;gap:clamp(28px,7vw,92px);grid-template-columns:minmax(0,.9fr) minmax(280px,.7fr)}.process-board{background:#ffffff9e;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:clamp(22px,4vw,38px)}.process-line{display:grid;gap:12px;margin:0 0 28px}.process-line:last-child{margin-bottom:0}.process-line span{color:var(--cocoa);font-weight:800}.process-line b{background:#2925201c;border-radius:999px;display:block;height:10px;overflow:hidden;position:relative}.process-line b:after{background:linear-gradient(90deg,var(--sage),var(--honey),var(--rose));border-radius:inherit;content:"";inset:0 auto 0 0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.22,1,.36,1);width:var(--level)}.process-board.is-visible .process-line b:after{transform:scaleX(1)}.reserve-section{align-items:start;display:grid;gap:clamp(28px,7vw,84px);grid-template-columns:minmax(0,.8fr) minmax(300px,.7fr)}.reserve-form{background:var(--ink);border-radius:8px;box-shadow:var(--shadow);color:#fffaf4;display:grid;gap:18px;padding:clamp(22px,4vw,38px)}.reserve-form label{display:grid;gap:8px}.reserve-form span{color:#fffaf4c7;font-size:13px;font-weight:800}.reserve-form input,.reserve-form select{background:#fffaf414;border:1px solid rgba(255,250,244,.2);border-radius:6px;color:#fffaf4;min-height:48px;padding:0 14px}.reserve-form input::placeholder{color:#fffaf46b}.reserve-form select option{color:var(--ink)}.reserve-form .primary-button{background:#fffaf4;border:0;color:var(--ink);cursor:pointer;margin-top:4px}.form-note{color:#fffaf4a8;font-size:13px;line-height:1.7;margin:0}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;padding:26px clamp(20px,6vw,92px)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .68s ease,transform .68s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}#ambient-canvas,#hero-motion-canvas{display:none}}@media(max-width:980px){.main-nav{display:none}.hero{background:linear-gradient(180deg,#fbf8f3f5,#fbf8f3b8 48%,#fbf8f32e),url(/assets/hero-bakery.png) 60% center / cover no-repeat;min-height:86vh}.intro-section,.craft-section,.reserve-section{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-item{grid-template-columns:92px 1fr}.timeline-item p{grid-column:2}}@media(max-width:640px){.site-header{gap:12px;height:66px;padding:0 16px}.brand small,.nav-action{display:none}.brand-mark{height:36px;width:36px}.brand strong{font-size:15px}.hero{min-height:84vh;padding:104px 18px 34px}h1{font-size:clamp(52px,19vw,78px)}.hero-metrics{gap:10px;grid-template-columns:1fr}.hero-metrics div{align-items:baseline;display:flex;gap:12px}.hero-metrics span{margin-top:0}.segmented-control{overflow-x:auto;width:100%}.segmented-control button{min-width:max-content}.product-grid,.timeline-item{grid-template-columns:1fr}.timeline-item p{grid-column:auto}.site-footer{align-items:flex-start;flex-direction:column;gap:10px}}
