/* V4: light confectionery storefront, informed by the supplied visual reference. */
:root{--paper:#fff;--cream:#fff6f2;--rose:#fff0f3;--pink:#bc365b;--ink:#29252a;--muted:#74636b;--line:#ecdfe3;--banner:#fff7f3;--accent:#ed819c}
body{background:#fff;font-size:15px}h1,h2,h3{font-family:var(--sans);font-weight:650;letter-spacing:-.035em}h2{font-size:32px;line-height:1.4}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--pink)}
.top-note{background:#fff0f3;color:#9f344f;height:25px;font-size:10px;letter-spacing:1px}
header{height:81px;padding:0 6%;background:#fffdfb;border-bottom:1px solid #f3e9e7}nav{font-size:13px;gap:30px}.brand{gap:10px}.brand img{width:44px;height:44px}.brand>span{font:750 28px/1 var(--sans);letter-spacing:-1.2px}.brand small{font-size:8px;letter-spacing:3px;margin-top:6px}.nav-cta{border-radius:30px;padding:11px 19px;gap:21px}.nav-cta:hover,.primary:hover{background:#a62c4d}
.button{border-radius:30px;font-weight:600}.primary{background:var(--pink);color:#fff}.text-link{font-weight:500}
.hero-scene,.hero-motion-desktop .hero-scene{height:auto!important;background:var(--banner)}
.hero.hero-banner,.hero-motion-desktop .hero-scene .hero-banner{position:relative;top:0;min-height:570px;height:clamp(570px,43vw,650px);max-height:650px;padding:48px 6% 75px;background:var(--banner)}
.hero-banner .hero-copy{width:51%;max-width:660px;padding:0}.hero-banner .eyebrow{font-size:10px;color:#a93254;letter-spacing:1.7px;margin-bottom:19px}.hero-banner .eyebrow:before{content:'♥';margin-right:10px;font-size:13px;color:var(--accent)}
.hero-banner h1{font:700 clamp(40px,3.8vw,60px)/1.32 var(--sans);letter-spacing:-.045em;color:var(--ink)}.hero-banner h1 span{white-space:nowrap}.hero-banner h1 em{font-style:normal;color:#bf375d}.hero-banner .hero-english{font:500 13px/1.9 var(--sans);letter-spacing:.01em;color:var(--pink);margin-top:18px}
.hero-banner .hero-description{font-size:14px;line-height:1.95;margin:13px 0 24px;color:#6b5b63;max-width:400px}.hero-banner .hero-actions{gap:13px;flex-direction:row;align-items:center}.hero-banner .button{font-size:13px;padding:15px 22px;gap:24px}.hero-banner .hero-actions .text-link{font-size:12px;border:1px solid #e6d6da;border-radius:30px;background:#fff9;padding:13px 21px;color:#44353d}
.hero-proof{display:flex;align-items:center;gap:11px;margin-top:26px}.hero-proof img{border-radius:50%;width:38px;height:38px;flex:none}.hero-proof p{font-size:11px;line-height:1.8}.hero-proof strong{display:block;font-weight:600;color:#4a3b42}.hero-proof span{display:block;font-size:10px;color:var(--muted)}
.hero-banner .hero-visual{left:48%;right:0;top:0;bottom:12px;height:auto;transform:none;z-index:-1}.hero-banner .hero-visual img{object-fit:cover;object-position:center 51%;mask-image:linear-gradient(to right,transparent,#000 22%,#000 83%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 77%,transparent);mask-composite:intersect}
.hero-banner .hero-visual img[data-framing="full"]{object-fit:contain;mask-image:linear-gradient(to right,transparent 10%,#000 27%,#000 73%,transparent 90%),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.handmade-stamp{position:absolute;right:5%;top:45%;width:104px;height:104px;border:1px solid #ef9db2;border-radius:50%;background:#fffaf7;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ab3353;transform:rotate(12deg);box-shadow:0 3px 0 4px #fff9f5;z-index:3;outline:1px dashed #f0a7b8;outline-offset:-7px}.handmade-stamp>span{font:600 7px/1.5 var(--sans);letter-spacing:1px}.handmade-stamp b{font:600 21px/1.3 var(--sans);margin:6px 0;letter-spacing:2px}
.hero-banner .banner-footer{height:48px;bottom:23px;gap:22px;border:0}.banner-footer .location-line{display:none}.hero-banner .banner-caption{margin-left:auto;padding:0;background:none;font-size:10px;color:#6a515e;line-height:1.6}.banner-series{display:none}.hero-banner .hero-controls{gap:12px}.hero-banner .hero-controls button{width:33px;height:33px;min-width:33px;min-height:33px;background:#fff9;border-color:#e0bdc8;color:#a13a55}.hero-banner .hero-controls span{background:none;color:#745562;font-size:9px;padding:0}
.service-strip{width:88%;max-width:1320px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);margin:-20px auto 0;background:#fff;border:1px solid #f1e5e7;border-radius:14px;box-shadow:0 8px 24px #7d3d4e08;padding:24px 15px}
.service-strip>a{display:flex;align-items:center;justify-content:center;gap:13px;padding:3px 12px;border-right:1px solid #f4e8eb}.service-strip>a:last-child{border:0}.service-symbol{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:50%;background:#fff2f5;color:#ad3557;font:500 22px var(--serif)}.service-strip strong{display:block;font-size:13px;font-weight:650}.service-strip small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.service-strip a:hover strong{color:var(--pink)}
.section{padding:65px 6%;max-width:1440px}.section-heading{margin-bottom:27px;gap:24px}.section-heading .eyebrow{font-size:9px;margin-bottom:10px}.section-heading h2{font-size:29px}.section-heading>p{font-size:12px;line-height:1.9;color:#7b6872}
.tabs{display:flex;gap:10px;border-bottom:0;margin-bottom:26px;flex-wrap:wrap}.tabs button{font-size:12px;padding:9px 19px;border:1px solid #f0e2e7;border-radius:25px;background:#fff;color:#6d5661;font-weight:500;line-height:1.6}.tabs button small{display:none}.tabs button[aria-selected=true]{background:#fff0f4;border-color:#ed9fb3;color:#a73254}.tabs button:hover{background:#fff7f9}
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.cake-card{background:#fff;border:1px solid #f0e6e8;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #7c435607;transition:transform .2s ease-out,box-shadow .2s ease-out}.cake-image{aspect-ratio:1/1.06;background:#f6f2f1}.cake-image img{object-fit:cover}.zoom-mark{display:none}.cake-caption{padding:15px 15px 0;display:block}.cake-caption strong{font-size:15px;font-weight:600;letter-spacing:0;line-height:1.65}.cake-caption>span{display:none}.cake-note{padding:0 15px;font-size:11px;color:#806e77;line-height:1.75;margin-top:5px}.cake-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:14px 15px 16px}.cake-foot>span{font-size:11px;color:#a33657}.cake-foot b{display:grid;place-items:center;flex:none;border-radius:50%;background:var(--pink);color:#fff;width:30px;height:30px;font-size:16px;font-weight:500}@media(hover:hover){.cake-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px #7c435613}}.gallery-foot{font-size:11px;margin-top:24px}
.occasions{margin:0 6% 58px;padding:27px 30px 25px;background:#fff3f5;border-radius:13px}.occasion-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.occasion-heading h2{font-size:20px;letter-spacing:-.02em}.occasion-heading p{font-size:12px;color:var(--muted)}.occasion-links{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.occasion-links a{display:flex;align-items:center;flex-direction:column;gap:10px;padding:5px 0}.occasion-links a>span{display:grid;place-items:center;width:51px;height:51px;border-radius:50%;background:#fff;color:#bc365b;font:500 23px var(--serif);transition:transform .2s}.occasion-links strong{font-size:12px;font-weight:550}.occasion-links a:hover>span{transform:translateY(-3px);background:#ffe3eb}.occasion-links a:hover strong{color:var(--pink)}
.sizes-section{background:#fffaf8;max-width:none;margin-top:0;padding-top:60px;padding-bottom:55px}.sizes-section:before,.sizes-section:after{display:none}.sizes-intro h2{font-size:31px}.sizes-intro .eyebrow{font-size:9px;margin-bottom:12px}.sizes-intro>p:last-child{font-size:13px;margin-top:14px;line-height:1.9}.servings{margin:20px auto 22px;max-width:1100px;gap:20px}.serving{border-radius:12px;padding-bottom:18px}.serving:hover,.serving[aria-pressed=true]{background:#fff;border-color:#efc5d1}.plate{background:#fff;border-color:#e7cbd4;outline-color:#f1dde4;color:#b13357;box-shadow:0 6px 14px #c77d930a}.plate b{font-family:var(--sans);font-style:normal;font-size:29px;font-weight:600}.plate-four b{font:600 22px var(--sans)}.serving strong{font:600 23px/1.5 var(--sans)}.serving>span:not(.plate){font-size:12px}.serving small{font-size:11px}.size-note{font-size:11px}.flavour-note{padding-top:24px;margin-top:25px;border-color:#f0dfe4}.flavour-title{font:600 20px var(--sans)}.flavour-note p{font-size:12px}.flavour-note a{font-size:12px}
.ribbon-divider{padding-top:36px;gap:18px}.ribbon-divider svg{width:50px;height:36px;stroke:#d97794}.ribbon-rule{background:linear-gradient(90deg,transparent,#f0cfda)}.ribbon-rule:last-child{background:linear-gradient(90deg,#f0cfda,transparent)}.policy-section{padding-top:38px;padding-bottom:60px;gap:9%}.policy-intro h2{font-size:31px}.policy-intro .eyebrow{font-size:9px;margin-bottom:14px}.policy-intro>p:not(.eyebrow){font-size:13px;margin-top:16px}.lead-time{border-color:#f0dfe4;margin-top:25px;padding-top:20px}.lead-time>strong{font:650 42px/1.3 var(--sans)}.lead-time p{font-size:12px}summary{font-size:15px;font-weight:550;padding:22px 0}.faq details{border-color:#f0e2e7}.faq details:first-child{border-color:#f0e2e7}details p{font-size:13px;line-height:2}
.inquiry-section{margin:15px 0 0;background:#fff0f3;padding:65px 7%;gap:8%}.inquiry-section:before,.inquiry-section:after{display:none}.inquiry-copy .eyebrow{font-size:9px}.inquiry-copy h2{font:650 36px/1.4 var(--sans);letter-spacing:-.03em}.inquiry-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}.contact-detail{margin-top:30px}.contact-detail>a{font:600 26px var(--sans)}.contact-detail small{font-size:11px}.inquiry-paper{padding:30px;background:#fff;border:1px solid #f5dae3;border-radius:16px;box-shadow:0 12px 28px #d3859b0a}.inquiry-paper:after{display:none}legend{font:650 23px var(--sans);border-color:#f2e4e9;padding-bottom:19px}legend span{font-size:9px}label{font-size:12px}input,select{height:46px;border-radius:8px;background:#fffdfd;border-color:#e7d8dd;font-size:13px}.field-hint,.field-error{font-size:11px}.send-button{font-size:12px;padding:15px 17px;justify-content:center}.privacy-note{font-size:10px}.copy-button{font-size:12px}.selected-design{border-radius:8px;background:#fff0f4}
footer{padding:36px 6%;background:#fffdfd}footer .footer-brand{font:750 27px var(--sans);letter-spacing:-1px}footer .footer-brand span{font-size:13px;font-weight:500;letter-spacing:0}footer>p{font:500 13px var(--sans)}footer>div{font-size:12px}footer small{font-size:10px}
#lightbox{border-radius:16px}.lightbox-copy h2{font:650 28px/1.45 var(--sans)}.lightbox-copy .button{font-size:13px}.close-dialog{border-radius:50%;background:#fff}
@media(max-width:1100px){nav{gap:20px}.hero-banner h1{font-size:43px}.hero-banner .hero-copy{width:54%}.hero-banner .hero-visual{left:45%}.hero-banner .hero-actions{gap:10px}.hero-banner .button{padding:14px 17px;gap:18px}.hero-banner .hero-actions .text-link{padding:12px 15px}.handmade-stamp{right:3%;width:90px;height:90px}.handmade-stamp b{font-size:18px}.handmade-stamp>span{font-size:6px}.service-strip{width:90%;padding:19px 10px}.service-strip>a{gap:9px;padding:3px 8px}.service-strip strong{font-size:12px}.service-strip small{font-size:10px}.service-symbol{width:37px;height:37px;font-size:19px}.gallery-grid{gap:18px 15px}.cake-caption strong{font-size:13px}.cake-caption,.cake-note{padding-left:12px;padding-right:12px}.cake-foot{padding-left:12px;padding-right:12px}.cake-foot>span{font-size:10px}.inquiry-copy h2{font-size:32px}}
@media(max-width:900px) and (min-width:701px){header{padding:0 4%}nav{gap:16px;font-size:12px}.brand>span{font-size:25px}.brand img{width:36px;height:36px}.hero.hero-banner,.hero-motion-desktop .hero-scene .hero-banner{height:580px;padding-left:5%;padding-right:5%;min-height:580px}.hero-banner h1{font-size:37px}.hero-banner .hero-english{font-size:11px}.hero-banner .hero-description{font-size:12px}.hero-banner .hero-copy{width:55%}.hero-banner .hero-actions .text-link{font-size:11px;padding:12px}.hero-banner .button{font-size:12px;padding:13px}.hero-proof strong{font-size:10px}.hero-proof span{font-size:9px}.handmade-stamp{width:78px;height:78px;right:2%;top:39%}.handmade-stamp b{font-size:16px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-strip>a{flex-direction:column;text-align:center;gap:7px}.service-strip{padding:18px 8px}.section-heading h2{font-size:26px}.occasions{padding:24px}.occasion-heading h2{font-size:19px}.occasion-links{gap:7px}.inquiry-paper{padding:24px}.inquiry-copy h2{font-size:29px}}
@media(max-width:700px){
 .top-note{height:25px;font-size:9px;letter-spacing:.6px}header{height:69px;padding:0 6%}.brand img{width:36px;height:36px}.brand>span{font-size:25px}.brand small{font-size:7px;letter-spacing:2.5px}.menu-toggle{font-size:12px}nav{top:69px;border-color:#f0dfe5;background:#fffdfc;font-size:14px}
 .hero.hero-banner,.hero-motion-desktop .hero-scene .hero-banner{min-height:780px;height:780px;max-height:none;padding:0;display:block;background:var(--banner)}
 .hero-banner .hero-copy{width:auto;position:absolute;left:6%;right:6%;top:31px;bottom:auto;padding:0;max-width:none}.hero-banner .eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:14px}.hero-banner .eyebrow:before{font-size:10px;margin-right:7px}.hero-banner h1{font-size:34px;line-height:1.32;letter-spacing:-.045em}.hero-banner .hero-english{font-size:11px;margin-top:14px}.hero-banner .hero-description{font-size:12px;line-height:1.85;margin:9px 0 18px}.hero-banner .hero-actions{gap:10px;align-items:center;flex-direction:row}.hero-banner .button{font-size:12px;padding:13px 18px;gap:19px}.hero-banner .hero-actions .text-link{font-size:11px;padding:12px 17px}.hero-proof{margin-top:18px;gap:9px}.hero-proof img{width:30px;height:30px}.hero-proof strong{font-size:10px}.hero-proof span{font-size:9px}
 .hero-banner .hero-visual{left:0;right:0;top:360px;bottom:55px;height:auto;z-index:-1}.hero-banner .hero-visual img{object-fit:cover;object-position:50% 53%;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 19%,#000 82%,transparent);mask-composite:intersect}.hero-banner .hero-visual img[data-framing="full"]{object-fit:contain;mask-image:linear-gradient(to right,transparent 7%,#000 22%,#000 78%,transparent 93%),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);mask-composite:intersect}
 .handmade-stamp{top:480px;right:6%;width:78px;height:78px}.handmade-stamp>span{font-size:5px;letter-spacing:.6px}.handmade-stamp b{font-size:16px;line-height:1.2;margin:5px 0}.hero-banner .banner-footer{height:40px;bottom:23px;left:6%;right:6%;justify-content:center;gap:0}.hero-banner .hero-controls{margin:0;gap:15px}.hero-banner .hero-controls button{width:34px;height:34px;min-width:34px;min-height:34px}.hero-banner .hero-controls span{font-size:9px}.hero-banner .banner-caption{display:none}
 .service-strip{width:88%;margin:-12px auto 0;grid-template-columns:repeat(2,1fr);padding:9px 13px;border-radius:12px;gap:0}.service-strip>a{padding:17px 6px;justify-content:flex-start;gap:10px}.service-strip>a:nth-child(2){border-right:0}.service-strip>a:nth-child(-n+2){border-bottom:1px solid #f4e8eb}.service-strip>a:nth-child(3){border-right:1px solid #f4e8eb}.service-symbol{width:31px;height:31px;font-size:17px}.service-strip strong{font-size:11px}.service-strip small{font-size:9px;line-height:1.7;margin-top:3px}
 .section{padding:43px 6%}.section-heading{margin-bottom:22px;display:block}.section-heading h2{font-size:25px;letter-spacing:-.035em}.section-heading .eyebrow{font-size:8px;margin-bottom:9px}.section-heading>p{font-size:12px;line-height:1.9;margin-top:12px}.tabs{gap:7px;margin-bottom:20px}.tabs button{font-size:11px;padding:8px 12px;white-space:nowrap;border-radius:22px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 11px}.cake-image{aspect-ratio:1/1.18}.cake-card{border-radius:10px}.cake-caption{padding:11px 10px 0}.cake-caption strong{font-size:12px;line-height:1.65}.cake-note{padding:0 10px;font-size:10px;line-height:1.7;margin-top:5px}.cake-foot{padding:10px;gap:5px}.cake-foot>span{font-size:9px}.cake-foot b{width:25px;height:25px;font-size:14px}.gallery-foot{font-size:10px;margin-top:22px;line-height:1.9}.gallery-foot a{margin-top:10px}
 .occasions{margin:0 6% 39px;padding:24px 18px;border-radius:12px}.occasion-heading{display:block;margin-bottom:20px}.occasion-heading h2{font-size:19px;line-height:1.5}.occasion-heading p{font-size:11px;margin-top:7px}.occasion-links{grid-template-columns:repeat(3,1fr);gap:20px 8px}.occasion-links a{gap:8px;padding:0}.occasion-links a>span{width:45px;height:45px;font-size:21px}.occasion-links strong{font-size:11px}
 .sizes-section{padding-top:42px;padding-bottom:40px}.sizes-intro h2{font-size:25px}.sizes-intro .eyebrow{font-size:8px}.sizes-intro>p:last-child{font-size:12px}.servings{grid-template-columns:repeat(2,1fr);gap:5px;margin:17px auto}.serving strong{font-size:20px}.serving>span:not(.plate){font-size:11px}.serving small{font-size:10px}.plate b{font-size:26px}.plate-four b{font-size:20px}.size-note{font-size:10px;line-height:1.9}.flavour-note{display:block;margin-top:24px;padding-top:22px}.flavour-title{font-size:20px}.flavour-note p{font-size:12px}.flavour-note a{font-size:12px}
 .ribbon-divider{padding-top:27px;gap:13px}.ribbon-divider svg{width:43px;height:32px}.policy-section{padding-top:28px;padding-bottom:43px}.policy-intro h2{font-size:26px}.policy-intro .eyebrow{font-size:8px;margin-bottom:12px}.policy-intro>p:not(.eyebrow){font-size:12px}.lead-time{margin:23px 0 25px;gap:20px}.lead-time>strong{font-size:35px}.lead-time p{font-size:11px}summary{font-size:14px;padding:21px 0}details p{font-size:12px;line-height:2}
 .inquiry-section{padding:44px 6%;margin-top:0;display:block}.inquiry-copy .eyebrow{font-size:8px}.inquiry-copy h2{font-size:29px;line-height:1.45;letter-spacing:-.035em}.inquiry-copy>p:not(.eyebrow){font-size:12px;margin-top:14px}.contact-detail{margin:23px 0 27px}.contact-detail>a{font-size:23px}.contact-detail small{font-size:10px}.inquiry-paper{padding:25px 20px;border-radius:13px}legend{font-size:22px}legend span{font-size:8px}label{font-size:12px}input,select{font-size:16px;height:48px}.field-hint,.field-error{font-size:11px}.privacy-note{font-size:10px}.send-button{font-size:12px;padding:15px 13px;gap:7px}.copy-button{font-size:12px}footer{padding:30px 6% max(30px,env(safe-area-inset-bottom))}footer .footer-brand{font-size:25px}footer>p{font-size:12px}footer>div{font-size:11px}footer small{font-size:9px}
 .lightbox-copy h2{font-size:23px}.lightbox-copy .button{font-size:12px}
}
@media(max-width:375px){.hero-banner h1{font-size:31px}.hero-banner .hero-actions{gap:8px}.hero-banner .button{font-size:11px;padding:13px 15px}.hero-banner .hero-actions .text-link{font-size:10px;padding:12px 15px}.service-strip{width:90%;padding:8px}.service-strip>a{gap:7px}.service-strip small{font-size:8px}.service-strip strong{font-size:10px}.service-symbol{width:28px;height:28px;font-size:16px}.cake-foot>span{font-size:8px}.cake-foot b{width:23px;height:23px}.tabs button{font-size:10px;padding:8px 11px}.inquiry-paper{padding:23px 16px}}

/* V5: artisan patisserie typography, with punctuation-free display copy. */
:root{--display:'Songti TC','Noto Serif TC','PMingLiU',serif;--signature:Georgia,'Times New Roman',serif}
h1,h2,h3,.hero-banner h1,.inquiry-copy h2,.lightbox-copy h2,.empty-gallery h3{font-family:var(--display);font-weight:600;letter-spacing:.035em}
.hero-banner h1{font-weight:600;line-height:1.42;letter-spacing:.025em}
.section-heading h2,.sizes-intro h2,.policy-intro h2,.occasion-heading h2{line-height:1.55}
.inquiry-copy h2{line-height:1.55;letter-spacing:.035em}
.cake-caption strong,.flavour-title,legend{font-family:var(--display);font-weight:600;letter-spacing:.035em}
.cake-caption strong{font-size:16px;line-height:1.65}
.brand>span,footer .footer-brand{font-family:var(--signature);font-weight:400;font-style:italic;letter-spacing:-.035em}
.brand>span{font-size:31px}.brand small{font-family:var(--sans);font-style:normal;font-weight:500;letter-spacing:3px}
footer .footer-brand span{font-family:var(--signature);font-style:normal}
.eyebrow,.hero-banner .eyebrow{font-family:var(--sans);font-weight:500;letter-spacing:.16em}
.hero-banner .hero-english{letter-spacing:.04em}
@media(max-width:1100px){.cake-caption strong{font-size:14px}}
@media(max-width:700px){
 .brand>span{font-size:28px}.brand small{font-size:7px;letter-spacing:2.5px}
 .hero-banner h1{font-size:35px;line-height:1.4;letter-spacing:.025em}
 .hero-banner .hero-english{font-size:11px;letter-spacing:0}
 .cake-caption strong{font-size:13px;line-height:1.7;letter-spacing:.01em}
 .inquiry-copy h2{font-size:29px;line-height:1.55}
 legend{font-size:22px}
}
@media(max-width:375px){.hero-banner h1{font-size:32px}.cake-caption strong{font-size:12px}}

/* V6: soft rounded lettering and continuous cream-colour section edges. */
@font-face{font-family:'Huninn';src:url('assets/fonts/huninn-site.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--display:'Huninn','PingFang HK','PingFang TC',sans-serif;--signature:'Huninn','Arial Rounded MT Bold',sans-serif;--cream:#fffaf8}
h1,h2,h3,.hero-banner h1,.inquiry-copy h2,.lightbox-copy h2,.empty-gallery h3,.cake-caption strong,.flavour-title,legend{font-family:var(--display);font-weight:400;letter-spacing:.025em}
.hero-banner h1{font-size:clamp(42px,3.7vw,57px);line-height:1.4;letter-spacing:.015em}
.brand>span,footer .footer-brand{font-family:var(--signature);font-style:normal;font-weight:400;letter-spacing:-.045em}
.brand>span{font-size:32px}footer .footer-brand span{font-family:var(--signature)}
.service-strip strong,.occasion-links strong,.tabs button,summary,.button,.nav-cta,.hero-actions .text-link{font-family:var(--display);font-weight:400}
.service-symbol,.occasion-links a>span,.handmade-stamp b,.plate b,.plate-four b{font-family:var(--display);font-weight:400}
.cake-caption strong{font-size:16px;line-height:1.7}.section-heading h2,.sizes-intro h2,.policy-intro h2{font-size:31px;line-height:1.5}.inquiry-copy h2{font-size:36px;line-height:1.5}
.cream-seam{height:72px;line-height:0;overflow:hidden;pointer-events:none;margin-top:-1px;position:relative}
.cream-seam svg{display:block;width:100%;height:100%}.cream-fill{fill:var(--seam-to)}.cream-thread{fill:none;stroke:#e8b8c5;stroke-width:1;stroke-opacity:.65;vector-effect:non-scaling-stroke}
.seam-hero{--seam-to:#fff;background:var(--banner);height:60px}.seam-hero .cream-thread{stroke:#efd1d8}
.service-strip{margin-top:-36px}
.seam-servings{--seam-to:var(--cream);background:#fff;margin-top:24px}
.occasions{margin-bottom:0;border-radius:28px 28px 46px 46px;background:#fff3f5}
.sizes-section{padding-top:32px;background:var(--cream)}
.seam-policy{--seam-to:#fff;background:var(--cream)}
.ribbon-divider{padding-top:0;margin-top:-7px;position:relative}.ribbon-divider svg{width:57px;height:42px;stroke-width:1.5}.ribbon-rule{height:1px}
.policy-section{padding-top:32px;padding-bottom:37px}
.seam-inquiry{--seam-to:#fff0f3;background:#fff}
.inquiry-section{margin-top:0;padding-top:35px;padding-bottom:70px;background:#fff0f3}
footer{position:relative;border-top:0}
footer:before{content:'';position:absolute;left:0;right:0;top:-12px;height:13px;background:radial-gradient(ellipse at 18px 15px,#fffdfd 17px,transparent 18px) 0 0/36px 17px repeat-x;pointer-events:none}
@media(max-width:1100px){.hero-banner h1{font-size:43px}.cake-caption strong{font-size:14px}}
@media(max-width:900px) and (min-width:701px){.hero-banner h1{font-size:37px}.brand>span{font-size:28px}.section-heading h2,.sizes-intro h2,.policy-intro h2{font-size:28px}.inquiry-copy h2{font-size:31px}}
@media(max-width:700px){
 .brand>span{font-size:29px}.hero-banner h1{font-size:35px;line-height:1.4;letter-spacing:.015em}
 .cake-caption strong{font-size:13px;letter-spacing:0}.section-heading h2,.sizes-intro h2,.policy-intro h2{font-size:27px}.inquiry-copy h2{font-size:30px}
 .cream-seam{height:43px}.seam-hero{height:37px}.service-strip{margin-top:-21px}
 .occasions{border-radius:21px 21px 32px 32px;margin-bottom:0}.seam-servings{margin-top:19px}
 .sizes-section{padding-top:24px;padding-bottom:32px}.ribbon-divider{padding-top:0;margin-top:-2px}.ribbon-divider svg{width:46px;height:34px}
 .policy-section{padding-top:26px;padding-bottom:26px}.inquiry-section{padding-top:26px;padding-bottom:53px}
}
@media(max-width:375px){.hero-banner h1{font-size:32px}.cake-caption strong{font-size:12px}}
@media print{.cream-seam{display:none}}

/* V7: visible piping with a scroll-drawn ribbon, static when motion is reduced. */
.cream-seam{height:88px}.seam-hero{height:72px}
.cream-guide,.cream-thread{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cream-guide{stroke:#f0ccd6;stroke-width:7;stroke-opacity:.65}
.cream-thread,.seam-hero .cream-thread{stroke:#ce6f8b;stroke-width:2.5;stroke-opacity:1}
.cream-ink{clip-path:inset(-10% 0 -10% 0)}
.ribbon-divider{gap:24px;margin-top:-4px;padding-bottom:8px}
.ribbon-divider svg{width:88px;height:64px;stroke:#c6587a;stroke-width:2.1;overflow:visible}
.bow-knot{fill:#f6d6df}.ribbon-rule{height:2px;background:linear-gradient(90deg,transparent,#d58aa1 35%,#c96e8a)}.ribbon-rule:last-child{background:linear-gradient(90deg,#c96e8a,#d58aa1 65%,transparent)}
@media(max-width:700px){
 .cream-seam{height:53px}.seam-hero{height:45px}
 .cream-guide{stroke-width:5}.cream-thread,.seam-hero .cream-thread{stroke-width:2}
 .ribbon-divider{gap:16px;margin-top:0;padding-bottom:5px}.ribbon-divider svg{width:67px;height:49px;stroke-width:2}
}
@media(prefers-reduced-motion:reduce){.cream-ink{clip-path:none!important}.ribbon-divider svg,.ribbon-divider path,.ribbon-rule{transform:none!important;opacity:1!important}.ribbon-divider path{stroke-dasharray:none!important;stroke-dashoffset:0!important}}

/* V8: a gently layered hero, with piped lettering and a flower from the cake motif. */
.hero-banner h1 em{position:relative;display:inline-block;padding-bottom:5px}
.hero-icing{position:absolute;left:0;bottom:-3px;width:100%;height:16px;overflow:visible;pointer-events:none}
.hero-icing path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.icing-guide{stroke:#f2c9d4;stroke-width:5;opacity:.65}.icing-draw{stroke:#ce6f8b;stroke-width:2}
.hero-flower{position:absolute;left:49%;top:14%;width:49px;height:49px;z-index:1;fill:#fff6f2;stroke:#d988a2;stroke-width:1.5;pointer-events:none;transform:rotate(-12deg)}
.hero-flower circle{fill:#efd2ab;stroke:none}.handmade-stamp{transform-origin:50% 50%}
.hero-banner .hero-visual img{transform-origin:58% 52%}
@media(max-width:1100px){.hero-flower{left:53%;top:12%;width:40px;height:40px}}
@media(max-width:700px){
 .hero-flower{left:auto;right:9%;top:378px;width:34px;height:34px}
 .hero-icing{height:12px;bottom:-2px}.icing-guide{stroke-width:4}.icing-draw{stroke-width:1.8}
 .hero-banner h1 em{padding-bottom:4px}.hero-banner .hero-visual img{transform-origin:50% 52%}
}
@media(prefers-reduced-motion:reduce){.handmade-stamp,.hero-flower{transform:none!important}.icing-draw{stroke-dasharray:none!important;stroke-dashoffset:0!important}}

/* Studio identity and enquiry details */
.brand small.brand-year {
  font: 10px/1.1 var(--sans);
  letter-spacing: .08em;
  margin-top: 4px;
  color: #775832;
}
nav a.ig-button, .hero-banner .ig-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  gap: .65em;
  border: 0;
  border-radius: 24px;
  background: linear-gradient(105deg, #a84414, #be2864 50%, #7438a2);
  color: white;
  font-weight: 650;
  text-decoration: none;
}
nav a.ig-button { padding: 6px 15px; }
nav a.ig-button:hover, .hero-banner .ig-button:hover { color: white; filter: brightness(.92); }
.ig-button .ig-camera {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  flex: none;
  border: 1.6px solid currentColor;
  border-radius: 30%;
}
.ig-camera::before { content: ""; width: 5px; height: 5px; border: 1.4px solid currentColor; border-radius: 50%; }
.ig-camera::after { content: ""; position: absolute; top: 2px; right: 2px; width: 2px; height: 2px; border-radius: 50%; background: currentColor; }
.hero-banner h1 { font-size: clamp(46px, 5.1vw, 78px); line-height: 1.26; }
.hero-banner .hero-description { font-size: clamp(15px, 1.25vw, 19px); }
.hero-banner .hero-english { font-size: clamp(14px, 1.1vw, 17px); }
.licence-line { margin: 13px 0 0; font-size: 13px; color: #695653; }
.hero-proof { margin-top: 15px; }
.cream-seam .cream-guide { stroke: #e8d7ad; }
.cream-seam .cream-thread { stroke: #ae802f; }
.studio-contact {
  background: var(--cream);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 7vw, 110px);
  align-items: center;
  padding-block: clamp(36px, 6vw, 90px);
}
.studio-heading h2 { font-size: clamp(28px, 3vw, 46px); }
.studio-heading > p:last-child { margin-top: 16px; line-height: 1.85; }
.studio-info { font-style: normal; min-width: 0; }
.studio-info a {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #deceb9;
}
.studio-info a:last-child { border-bottom: 1px solid #deceb9; }
.studio-info span { font-size: 13px; color: #755a45; }
.studio-info strong { grid-column: 1; font: 400 clamp(17px, 1.6vw, 24px)/1.4 var(--display); }
.studio-info a:hover strong { text-decoration: underline; }
.work-code { display: block; font: 600 11px/1.6 var(--sans); letter-spacing: .09em; color: #785728; }
#sizes .servings { grid-template-columns: 1fr 1fr; }
#sizes .flavour-note { display: block; }
.gallery-section .occasions { margin: 38px 0 0; }
@media (max-width: 900px) and (min-width: 701px) {
  nav { gap: 10px; }
  nav a.ig-button { padding-inline: 10px; }
  .hero-banner h1 { font-size: 43px; }
}
@media (max-width: 700px) {
  .hero.hero-banner { display: flex; flex-direction: column; align-items: stretch; height: auto; min-height: 0; }
  .hero-banner .hero-copy { position: relative; inset: auto; padding: 29px 6% 20px; order: 0; }
  .hero-banner h1 { font-size: clamp(39px, 10.8vw, 53px); }
  .hero-banner .hero-description { font-size: 15px; }
  .hero-banner .hero-english { font-size: 13px; }
  .hero-banner .hero-visual { position: relative; inset: auto; order: 1; width: 100%; height: clamp(290px, 84vw, 400px); }
  .hero-banner .banner-footer { position: relative; inset: auto; order: 2; height: 55px; }
  .hero-flower { top: auto; bottom: 300px; }
  .handmade-stamp { top: auto; bottom: 165px; }
  .licence-line { font-size: 12px; }
  .studio-contact { grid-template-columns: 1fr; gap: 18px; }
  .studio-info a { padding-block: 13px; }
  .gallery-section .occasions { margin-top: 28px; }
}

.hero-icing .icing-guide { stroke: #e8d7ad; }
.hero-icing .icing-draw { stroke: #ae802f; }
.hero-banner .hero-visual {
  --scene-photo: url("assets/hero-tram.jpg");
  display: grid;
  place-items: center;
  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  padding: 18px 5% 42px;
  isolation: isolate;
}
.hero-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--scene-photo) center / cover;
  filter: blur(24px);
  opacity: .24;
  mask-image: linear-gradient(90deg, transparent, black 35%, black 94%, transparent);
}
.hero-banner .hero-visual #hero-photo {
  position: relative;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 14px;
  mask-image: none;
}
.hero-banner .handmade-stamp { top: 10%; right: 4%; }
.studio-map {
  width: 100%;
  height: clamp(280px, 32vw, 410px);
  grid-column: 1 / -1;
  border: 1px solid #dfcfb5;
  border-radius: 16px;
}
@media (max-width: 700px) {
  .hero-banner .hero-visual { padding: 0 6%; height: clamp(310px, 105vw, 460px); }
  .hero-banner .handmade-stamp { top: auto; bottom: 65px; right: 3%; width: 63px; height: 63px; }
  .hero-banner .handmade-stamp b { font-size: 13px; }
}

/* Let the colour around each original photograph dissolve into the banner. */
.hero-banner .hero-visual {
  padding-inline: 3%;
}
.hero-visual::before {
  inset: 0;
  filter: blur(34px);
  opacity: .37;
  mask-image: radial-gradient(ellipse at center, black 22%, transparent 71%);
}
.hero-banner .hero-visual #hero-photo {
  border-radius: 0;
  mask-image: linear-gradient(90deg, transparent, black 11%, black 89%, transparent),
              linear-gradient(180deg, transparent, black 10%, black 91%, transparent);
  mask-composite: intersect;
  user-select: none;
  -webkit-user-drag: none;
}
#design-update:empty, #quote-availability:empty { display: none; }
@media (max-width: 700px) {
  .hero-banner .banner-footer { gap: 14px; }
  .hero-banner .banner-caption { display: block; margin: 0; font-size: 12px; }
  .hero-banner .banner-series { display: none; }
}
.ordering-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 4vw, 4rem);
  padding: 12px 6% 18px;
  margin: 0;
  background: white;
}
.ordering-steps a { display: inline-flex; align-items: center; gap: .7rem; min-height: 44px; font-family: var(--display); }
.ordering-steps a:hover span, .ordering-steps a:focus-visible span { text-decoration: underline; text-underline-offset: 5px; }
.ordering-steps small { font: italic 18px Georgia, serif; color: #916e30; }
.ref-zone { position: relative; display: grid; gap: 5px; text-align: center; padding: 16px 10px; border: 1px dashed #bb9670; border-radius: 14px; background: #fffaf6; }
.ref-zone input { position: absolute; width: 1px; height: 1px; padding: 0; clip-path: inset(50%); }
.ref-zone .ref-pick { cursor: pointer; margin: 0; display: grid; place-items: center; min-height: 44px; color: #803e50; }
.ref-zone:focus-within, .ref-zone.dragging { outline: 2px solid #ae802f; background: #fff6e6; }
.reference-picker { margin-block: 18px; }
.reference-picker small { font-size: 12px; color: #695762; }
#ref-list { list-style: none; padding: 0; margin: 8px 0; }
#ref-list li { display: flex; align-items: center; gap: 9px; padding-block: 6px; border-bottom: 1px solid #efdfdf; }
#ref-list img { width: 46px; height: 46px; object-fit: cover; border-radius: 7px; }
#ref-list a { overflow-wrap: anywhere; flex: 1; font-size: 13px; color: #803e50; }
#ref-list button { padding: 9px; min-height: 44px; color: #754253; }
#ref-status { font-size: 13px; color: #733c4a; }
@media(max-width:700px) {
  .ordering-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; padding-inline: 4%; }
  .ordering-steps a { flex-direction: column; justify-content: center; text-align: center; gap: 3px; font-size: 12px; }
}

#references, #inquiry-summary { scroll-margin-top: 100px; }

.gallery-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eadcda;
}
.gallery-tools .tabs { flex: 1 1 320px; margin: 0; }
.gallery-tools .tabs button { min-height: 44px; white-space: normal; overflow-wrap: anywhere; }
.cake-search {
  flex: 0 1 290px;
  min-width: 0;
  display: flex;
  align-items: center;
  border: 1px solid #c9b9b2;
  border-radius: 24px;
  background: #fff;
  color: #755840;
}
.cake-search:focus-within { outline: 2px solid #96662c; outline-offset: 2px; }
.cake-search label { display: grid; place-items: center; padding-left: 15px; }
.cake-search .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.cake-search input {
  min-width: 0;
  flex: 1;
  padding: 0 12px;
  min-height: 44px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font: 16px/1.4 var(--sans);
}
.cake-search input::-webkit-search-cancel-button { display: none; }
.cake-search input::placeholder { color: #776863; }
#clear-search { width: 44px; height: 44px; border-radius: 50%; font-size: 20px; }
#gallery-count { margin: 12px 0 17px; color: #695651; font-size: 13px; }
#gallery-count:empty, #catalog-state:empty { display: none; }
#gallery-grid .empty-gallery { grid-column: 1 / -1; margin: 0; padding: 21px 0; }
#gallery-pages:not([hidden]) { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 4px; margin-top: 26px; }
#gallery-pages button { min-width: 44px; min-height: 44px; padding-inline: 10px; border-radius: 22px; }
#gallery-pages button[aria-current] { background: #fae8ed; color: #8f2947; font-weight: bold; }
#gallery-pages button:hover:enabled { background: #f8eeeb; }
#gallery-pages .page-gap { color: #74615e; }
@media (max-width: 700px) {
  .gallery-tools { flex-direction: column; align-items: stretch; gap: 12px; }
  .gallery-tools .tabs, .cake-search { flex: auto; }
  .cake-search { width: 100%; }
}

.inquiry-section {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: start;
  gap: clamp(26px, 5vw, 80px);
  padding-inline: max(6%, calc((100% - 74rem) / 2));
}
.inquiry-copy {
  display: grid;
  gap: clamp(20px, 2.5vw, 32px);
}
.inquiry-intro > p:last-child { margin-top: 12px; color: var(--muted); line-height: 1.8; }
.inquiry-copy .contact-detail { margin: 0; }
.inquiry-copy .contact-detail > a {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  width: fit-content;
  font-size: clamp(20px, 2.8vw, 26px);
  white-space: nowrap;
}
.inquiry-phone-logo { width: 5ch; height: auto; flex: none; border-radius: 50%; }
.footer-signature {
  display: grid;
  justify-items: end;
  gap: 3px;
  margin-inline-start: auto;
}
.footer-signature .site-credit {
  font-size: 12px;
  letter-spacing: .03em;
}
.inquiry-paper select { appearance: none; -webkit-appearance: none; cursor: pointer; }
.inquiry-paper :is(input, select) + label { margin-top: 12px; }
.clipboard-source { position: fixed; inset: 0 auto auto 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
@media (max-width: 700px) {
  .inquiry-section { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .inquiry-copy { gap: 18px; }
  .inquiry-intro > p:last-child { font-size: 14px; }
}

.intake-privacy {margin-bottom: 1rem; color: #62474c; font-size: .9rem; line-height: 1.65;}
.intake-privacy summary {cursor: pointer; width: fit-content; padding-block: .4rem;}
.intake-privacy p {margin: .5rem 0;}
.map-trigger {grid-column: 1 / -1; justify-self: start;}
.map-trigger[hidden], .studio-map[hidden] {display: none;}