:root{
  --cream:#f6efe5;
  --cream-2:#efe4d4;
  --paper:#fbf7f1;
  --choc:#3a2218;
  --choc-2:#2a1811;
  --choc-3:#5a3727;
  --cocoa:#8a5a44;
  --gold:#c8a063;
  --gold-2:#e2c48f;
  --rasp:#b3123a;
  --ink:#2a1811;
  --muted:#7b6457;
  --radius:22px;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Jost", system-ui, -apple-system, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;color:var(--cocoa)}
.eyebrow{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cocoa);font-weight:500;margin-bottom:1rem}
.center{text-align:center}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.8rem;border-radius:999px;font-weight:500;font-size:.95rem;letter-spacing:.02em;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .35s;cursor:pointer;border:0;font-family:inherit}
.btn:hover{transform:translateY(-3px)}
.btn-choc{background:var(--choc);color:var(--cream);box-shadow:0 12px 30px -12px rgba(58,34,24,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.btn-choc:hover{box-shadow:0 18px 40px -14px rgba(58,34,24,.8)}
.btn-ghost{color:var(--choc);border:1px solid rgba(58,34,24,.25)}
.btn-gold{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:var(--choc-2);box-shadow:0 12px 30px -12px rgba(200,160,99,.8)}
.btn.full{width:100%}

/* ---------- nav ---------- */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem clamp(16px,4vw,56px);transition:background .4s,box-shadow .4s,padding .4s}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:rgba(246,239,229,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(58,34,24,.08);transition:opacity .4s}
.nav.scrolled::before{opacity:1}
.nav.scrolled{padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.7rem}
.brand-mark{width:58px;height:auto}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text b{font-family:var(--serif);font-weight:600;letter-spacing:.24em;font-size:1.15rem}
.brand-text small{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cocoa);margin-top:.25rem}
.nav-links{display:flex;gap:2rem;align-items:center;font-size:.92rem}
.nav-links a{position:relative}
.nav-links a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s}
.nav-links a:not(.nav-cta):hover::after{transform:scaleX(1);transform-origin:left}
.nav-cta{background:var(--choc);color:var(--cream);padding:.6rem 1.2rem;border-radius:999px}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;position:relative;z-index:60}
.burger span{position:absolute;left:9px;right:9px;height:2px;background:var(--choc);transition:.35s}
.burger span:first-child{top:15px}.burger span:last-child{top:23px}
.nav.open .burger span:first-child{top:19px;transform:rotate(45deg)}
.nav.open .burger span:last-child{top:19px;transform:rotate(-45deg)}

/* ---------- hero (3D logo intro) ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:5.5rem 16px 4.5rem;overflow:hidden;
  background:radial-gradient(70% 60% at 50% 38%,#fffaf1 0%,#fcf5e6 55%,#f3e7d3 100%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .35 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#hero3d{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hero-center{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.hero-center a,.hero-center button{pointer-events:auto}
.hero-logo-space{height:clamp(220px,40vh,400px)}
.wordmark{margin:0;line-height:0}
.wordmark img{width:min(560px,78vw);height:auto;clip-path:inset(0 100% 0 0);transform:translateY(14px);opacity:0}
.wordmark-sub{margin-top:clamp(.9rem,2vw,1.4rem);line-height:0;opacity:0;transform:translateY(10px)}
.wordmark-sub img{width:min(420px,58vw);height:auto}
.hero-tag{max-width:36rem;color:var(--muted);font-weight:300;font-size:1.05rem;margin:1.6rem auto 1.8rem;opacity:0;transform:translateY(12px)}
.hero .hero-btns{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(12px)}
.hero .btn-ghost{background:rgba(255,255,255,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
/* intro sequence (class added by JS) */
.hero.play .wordmark img{animation:wordIn 1.4s cubic-bezier(.65,0,.25,1) 2.5s forwards}
.hero.play .wordmark-sub{animation:fadeUp .9s ease 3.5s forwards}
.hero.play .hero-tag{animation:fadeUp .9s ease 3.8s forwards}
.hero.play .hero-btns{animation:fadeUp .9s ease 4s forwards}
.hero.play .hc{animation:cardIn 1.4s cubic-bezier(.2,.8,.2,1) forwards}
.hero.done .wordmark img{animation:none;opacity:1;transform:none;clip-path:none}
.hero.done .wordmark-sub,.hero.done .hero-tag,.hero.done .hero-btns{animation:none;opacity:1;transform:none}
.hero.done .hc{animation:none;opacity:1}
@keyframes wordIn{0%{opacity:1;clip-path:inset(0 100% 0 0);transform:translateY(14px)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes fadeUp{to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;translate:0 80px}to{opacity:1;translate:0 0}}
/* floating 3D photo cards */
.hero-cards{position:absolute;inset:0;z-index:0;perspective:1400px;pointer-events:none}
.hc{position:absolute;margin:0;border-radius:18px;overflow:hidden;background:#fff;padding:7px;opacity:0;
  box-shadow:0 30px 60px -28px rgba(42,24,17,.55),0 0 0 1px rgba(58,34,24,.05);transform-style:preserve-3d;
  transform:translate3d(var(--mx,0),var(--my,0),0) rotateY(var(--ry)) rotateZ(var(--rz));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hc img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.hc-l1{--ry:24deg;--rz:-6deg;left:4%;top:16%;width:clamp(120px,13vw,210px);aspect-ratio:3/4;animation-delay:3.3s!important}
.hc-l2{--ry:30deg;--rz:5deg;left:14%;top:52%;width:clamp(100px,10vw,165px);aspect-ratio:1;animation-delay:3.45s!important}
.hc-l3{--ry:18deg;--rz:-3deg;left:3%;bottom:6%;width:clamp(90px,8.5vw,140px);aspect-ratio:3/4;animation-delay:3.6s!important}
.hc-r1{--ry:-24deg;--rz:6deg;right:4%;top:15%;width:clamp(120px,13vw,210px);aspect-ratio:3/4;animation-delay:3.35s!important}
.hc-r2{--ry:-30deg;--rz:-5deg;right:14%;top:53%;width:clamp(100px,10vw,165px);aspect-ratio:3/4;animation-delay:3.5s!important}
.hc-r3{--ry:-18deg;--rz:3deg;right:3%;bottom:5%;width:clamp(90px,8.5vw,140px);aspect-ratio:3/4;animation-delay:3.65s!important}
.skip-intro{position:absolute;right:clamp(16px,4vw,56px);bottom:2rem;z-index:3;background:none;border:1px solid rgba(58,34,24,.2);border-radius:999px;padding:.4rem 1rem;font:inherit;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:opacity .5s}
.hero.done .skip-intro{opacity:0;pointer-events:none}
.scroll-hint{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.6rem;z-index:2}
.scroll-hint span{width:1px;height:40px;background:linear-gradient(var(--choc),transparent);animation:drip 2.2s infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- marquee ---------- */
.marquee{background:var(--choc);color:var(--gold-2);overflow:hidden;padding:1.1rem 0;transform:rotate(-1.5deg) scale(1.03);margin:-1rem 0 0;position:relative;z-index:3;box-shadow:0 20px 40px -20px rgba(0,0,0,.4)}
.marquee-track{display:flex;gap:2.5rem;white-space:nowrap;width:max-content;animation:marq 32s linear infinite;font-family:var(--serif);font-size:1.6rem;font-style:italic}
.marquee i{font-style:normal;font-size:1rem;align-self:center;color:var(--gold)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- sections ---------- */
section{position:relative}
.section-head{max-width:720px;margin:0 auto 2.6rem;text-align:center;padding:0 16px}
.section-head h2{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:1rem}
.section-head p:not(.eyebrow){color:var(--muted);font-weight:300;font-size:1.05rem}
.section-head.light h2{color:var(--cream)}
.section-head.light h2 em{color:var(--gold-2)}
.section-head.light p:not(.eyebrow){color:rgba(246,239,229,.7)}
.section-head.light .eyebrow{color:var(--gold)}

/* reveal */
.reveal{opacity:0;transform:translateY(40px) rotateX(8deg);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---------- story ---------- */
.story{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding:5.5rem clamp(16px,6vw,96px) 5rem;max-width:1400px;margin:0 auto}
.stack3d{position:relative;aspect-ratio:1/1.05;perspective:1200px;transform-style:preserve-3d;transition:transform .2s ease-out}
.stack3d img{position:absolute;border-radius:var(--radius);object-fit:cover;box-shadow:0 40px 70px -30px rgba(42,24,17,.55);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.stack3d .s1{width:62%;aspect-ratio:3/4;left:0;top:4%;transform:translateZ(-60px) rotate(-6deg)}
.stack3d .s2{width:44%;aspect-ratio:3/4;right:2%;top:0;transform:translateZ(0) rotate(5deg)}
.stack3d .s3{width:56%;aspect-ratio:1;right:10%;bottom:0;transform:translateZ(80px) rotate(-2deg)}
.stack3d:hover .s1{transform:translateZ(-60px) rotate(-9deg) translateX(-12px)}
.stack3d:hover .s2{transform:translateZ(20px) rotate(8deg) translateY(-14px)}
.stack3d:hover .s3{transform:translateZ(120px) rotate(0deg) translateY(10px)}
.story-text h2{font-size:clamp(2.2rem,4.4vw,3.6rem);margin-bottom:1.6rem}
.story-text p:not(.eyebrow){color:var(--muted);font-weight:300;font-size:1.06rem;margin-bottom:1rem}
.pillars{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.4rem;border-top:1px solid rgba(58,34,24,.15);padding-top:1.6rem}
.pillars b{font-family:var(--serif);font-size:2rem;color:var(--gold);display:block;font-weight:500}
.pillars span{font-size:.9rem;line-height:1.35;display:block}

/* ---------- collection ---------- */
.collection{padding:5.5rem clamp(16px,5vw,80px) 6rem;background:linear-gradient(var(--cream),var(--paper))}
.flavors{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;max-width:1200px;margin:0 auto}
.flavor{perspective:1000px;height:340px;cursor:pointer;outline:none}
.flavor-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.flavor:hover .flavor-inner,.flavor.flip .flavor-inner,.flavor:focus-visible .flavor-inner{transform:rotateY(180deg)}
.flavor-face{position:absolute;inset:0;border-radius:var(--radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;overflow:hidden}
.flavor-front{background:#fff;box-shadow:0 30px 60px -35px rgba(42,24,17,.45),inset 0 0 0 1px rgba(58,34,24,.06)}
.flavor-front{padding:0;justify-content:flex-end;background:linear-gradient(#dfc6ad,#e6cfb8)}
.flavor-front img{position:absolute;left:0;top:8%;width:100%;height:auto;object-fit:contain;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.flavor:hover .flavor-front img{transform:scale(1.06)}
.flavor-front .ff-label{position:relative;width:100%;padding:3rem 1rem 1.2rem;background:linear-gradient(transparent,rgba(42,24,17,.72));color:#fff}
.flavor-front h3{font-size:2rem}
.flavor-front small{letter-spacing:.25em;text-transform:uppercase;font-size:.7rem;color:rgba(255,255,255,.8);margin-top:.3rem;display:block}
.flavor-back{transform:rotateY(180deg);color:#fff;background:var(--c)}
.flavor-back::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.35),transparent 55%),radial-gradient(circle at 80% 100%,rgba(0,0,0,.35),transparent 60%)}
.flavor-back>*{position:relative}
.flavor-back h3{font-size:2.2rem;margin-bottom:1rem}
.flavor-back p{font-weight:300;font-size:1.05rem;max-width:16rem}
.flavor-back .half{width:110px;height:110px;margin-bottom:1.4rem}
/* 3D bonbon (css sphere) */
.bonbon{width:150px;height:150px;position:relative;transform-style:preserve-3d;animation:bob 4s ease-in-out infinite}
.bonbon .shell{position:absolute;inset:0;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;background:
  radial-gradient(circle at 32% 26%,rgba(255,255,255,.95) 0 6%,rgba(255,255,255,.35) 12%,transparent 26%),
  radial-gradient(circle at 70% 80%,rgba(0,0,0,.45),transparent 55%),
  radial-gradient(circle at 50% 45%,var(--c2),var(--c) 60%,var(--c3) 100%);
  box-shadow:inset -10px -16px 30px rgba(0,0,0,.35),inset 8px 10px 20px rgba(255,255,255,.2)}
.bonbon .shell::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--pattern,none);mix-blend-mode:screen;opacity:.8}
.bonbon .shadow{position:absolute;left:10%;right:10%;bottom:-22px;height:20px;border-radius:50%;background:radial-gradient(rgba(42,24,17,.35),transparent 70%);animation:shadow 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px) rotate(4deg)}}
@keyframes shadow{50%{transform:scale(.8);opacity:.6}}
.half{border-radius:50%;background:radial-gradient(circle at 50% 55%,var(--fill) 0 52%,var(--c3) 53% 62%,#2a1811 63% 70%,var(--c) 71%);box-shadow:0 10px 25px rgba(0,0,0,.3),inset 0 0 0 4px rgba(255,255,255,.15)}

.collection-banner{max-width:1200px;margin:5rem auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center;background:#fff;border-radius:32px;padding:2rem;box-shadow:0 40px 80px -50px rgba(42,24,17,.5)}
.collection-banner>img{border-radius:20px;width:100%}
.collection-banner h3{font-size:2.6rem;margin-bottom:1rem}
.collection-banner p{color:var(--muted);font-weight:300}
.mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.6rem;perspective:900px}
.mini-gallery img{border-radius:16px;aspect-ratio:1;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 40px -24px rgba(42,24,17,.6)}
.mini-gallery img:first-child:hover{transform:rotateY(12deg) scale(1.04)}
.mini-gallery img:last-child:hover{transform:rotateY(-12deg) scale(1.04)}

/* ---------- cakes ---------- */
.cakes{padding:5.5rem clamp(16px,6vw,96px) 6rem;background:var(--paper)}
.cakes-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.cake-photos{max-width:1300px;margin:0 auto 6rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;perspective:1200px}
.cp{margin:0;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/4;background:#fff;box-shadow:0 30px 50px -30px rgba(42,24,17,.6);transition:transform .2s ease-out,box-shadow .4s;transform-style:preserve-3d}
.cp:nth-child(even){margin-top:2.5rem}
.cp img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.cp:hover img{transform:scale(1.07)}
.cp figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.4rem 1rem 1rem;color:#fff;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(transparent,rgba(30,14,8,.75));transform:translateZ(30px)}
.cp figcaption b{display:block;font-family:var(--serif);font-weight:500;font-size:1.35rem;letter-spacing:0;text-transform:none;margin-top:.2rem}
.cakes-text h2{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:1.3rem}
.cakes-text>p:not(.eyebrow){color:var(--muted);font-weight:300;font-size:1.06rem}
.cake-list{display:grid;gap:1rem;margin-top:2rem}
.cake-item{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:1rem;align-items:center;padding:1.1rem 1.3rem;background:var(--cream);border-radius:18px;transition:transform .2s ease-out,box-shadow .4s;transform-style:preserve-3d}
.cake-item:hover{box-shadow:0 24px 40px -26px rgba(42,24,17,.6)}
.ci-ico{grid-row:span 2;font-family:var(--serif);font-size:1.5rem;color:var(--gold);width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(200,160,99,.5);border-radius:50%;transform:translateZ(30px)}
.cake-item b{font-family:var(--serif);font-size:1.4rem;font-weight:600}
.cake-item small{color:var(--muted);font-size:.9rem}

/* ---------- corporate ---------- */
.corporate{background:radial-gradient(90% 60% at 50% 0%,#4a2c1f 0%,var(--choc-2) 70%);color:var(--cream);padding:5.5rem clamp(16px,6vw,96px) 6rem;overflow:hidden}
.corporate::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(226,196,143,.12) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);pointer-events:none}
.corp-grid{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center;position:relative}
/* real-photo pair with 3D depth */
.photo-pair{position:relative;aspect-ratio:1/1.05;transform-style:preserve-3d;transition:transform .2s ease-out}
.photo-pair img{position:absolute;border-radius:var(--radius);object-fit:cover;box-shadow:0 40px 70px -30px rgba(42,24,17,.6);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.photo-pair.dark img{box-shadow:0 40px 80px -30px rgba(0,0,0,.85)}
.photo-pair .pp1{width:68%;aspect-ratio:1;left:0;top:0;transform:translateZ(-40px) rotate(-4deg)}
.photo-pair .pp2{width:58%;aspect-ratio:1;right:0;bottom:0;transform:translateZ(60px) rotate(3deg)}
.photo-pair:hover .pp1{transform:translateZ(-40px) rotate(-6deg) translate(-10px,-8px)}
.photo-pair:hover .pp2{transform:translateZ(90px) rotate(1deg) translate(8px,8px)}
.corp-services{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.svc{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(226,196,143,.18);border-radius:var(--radius);padding:1.8rem;transition:transform .2s ease-out,border-color .4s,background .4s;transform-style:preserve-3d}
.svc:hover{border-color:rgba(226,196,143,.5);background:linear-gradient(160deg,rgba(226,196,143,.14),rgba(255,255,255,.02))}
.svc-n{font-family:var(--serif);color:var(--gold);font-size:1.1rem;display:block;margin-bottom:1rem;transform:translateZ(30px)}
.svc h3{font-size:1.6rem;margin-bottom:.6rem;transform:translateZ(40px)}
.svc p{color:rgba(246,239,229,.68);font-size:.95rem;font-weight:300;transform:translateZ(20px)}

.case{max-width:1250px;margin:6rem auto 0;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;background:rgba(246,239,229,.05);border:1px solid rgba(226,196,143,.15);border-radius:32px;padding:2rem;position:relative}
.case-imgs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1rem;perspective:1000px}
.case-imgs img{border-radius:22px;aspect-ratio:3/4;object-fit:cover;width:100%;box-shadow:0 40px 70px -30px rgba(0,0,0,.8);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.case-imgs img:first-child{transform:rotateY(10deg) rotateZ(-2deg)}
.case-imgs img:last-child{transform:rotateY(-10deg) rotateZ(2deg) translateY(2rem)}
.case:hover .case-imgs img{transform:none}
.case .eyebrow{color:var(--gold)}
.case h3{font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:1rem}
.case p:not(.eyebrow){color:rgba(246,239,229,.72);font-weight:300;font-size:1.06rem;margin-bottom:2rem}
.case em{color:var(--gold-2);font-family:var(--serif);font-size:1.2em}

.process{list-style:none;max-width:1250px;margin:5rem auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;position:relative}
.process::before{content:"";position:absolute;top:24px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(226,196,143,.5),transparent)}
.process li{position:relative;text-align:center;padding:0 .5rem}
.process b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1.1rem;background:var(--choc);border:1px solid var(--gold);color:var(--gold-2);font-family:var(--serif);font-size:1.3rem;position:relative}
.process h4{font-size:1.5rem;margin-bottom:.35rem}
.process p{color:rgba(246,239,229,.6);font-size:.9rem;font-weight:300}

/* ---------- gallery ring ---------- */
.gallery{padding:5.5rem 0 5rem;background:var(--cream);overflow:hidden}
.ring-stage{height:480px;perspective:1600px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;margin-bottom:3rem}
.ring-stage:active{cursor:grabbing}
.ring{position:relative;width:260px;height:340px;transform-style:preserve-3d}
.ring-item{position:absolute;inset:0;border-radius:20px;overflow:hidden;box-shadow:0 30px 50px -25px rgba(42,24,17,.6);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff}
.ring-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.ring-item.cta{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--choc);color:var(--cream);text-align:center;padding:1.5rem;font-family:var(--serif);font-size:1.7rem;line-height:1.1}
.ring-item.cta small{font-family:var(--sans);font-size:.75rem;letter-spacing:.2em;color:var(--gold-2);margin-top:1rem;text-transform:uppercase}

/* ---------- contact ---------- */
.contact{padding:5.5rem clamp(16px,5vw,80px) 6rem;background:var(--cream)}
.contact-card{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;background:#fff;border-radius:36px;padding:clamp(1.6rem,4vw,3.5rem);box-shadow:0 50px 100px -60px rgba(42,24,17,.6)}
.contact-info h2{font-size:clamp(2.4rem,4.6vw,3.8rem);margin-bottom:1.2rem}
.contact-info p:not(.eyebrow){color:var(--muted);font-weight:300;margin-bottom:2rem}
.ig-link{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--serif);font-size:1.5rem;border-bottom:1px solid rgba(58,34,24,.2);padding-bottom:.3rem}
.ig-link svg{width:26px;height:26px;fill:none;stroke:var(--choc);stroke-width:1.6}
.ig-link svg circle:last-child{fill:var(--choc)}
.contact-info .ig-link{margin:0 1.5rem .9rem 0}
.wa-link svg path:last-child{fill:var(--choc);stroke:none}
.contact-form{display:grid;gap:1rem}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border-radius:999px;padding:5px}
.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:.65rem;border-radius:999px;cursor:pointer;transition:.3s;font-size:.92rem}
.seg input:checked+span{background:var(--choc);color:var(--cream)}
.seg input:focus-visible+span{outline:2px solid var(--gold)}
.fld{display:grid;gap:.35rem}
.fld span{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}
.fld input,.fld select,.fld textarea{font:inherit;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(58,34,24,.14);background:var(--paper);color:var(--ink);transition:border-color .3s,box-shadow .3s;width:100%}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,160,99,.18)}
.row{display:grid;grid-template-columns:1.6fr 1fr;gap:1rem}
.corp-only{display:none}
.contact-form.is-corp .corp-only{display:grid}
.form-msg{font-size:.9rem;color:var(--cocoa);min-height:1.2em}

/* ---------- footer ---------- */
.footer{background:var(--choc-2);color:var(--cream);text-align:center;padding:4rem 16px 2.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem}
.footer .brand-mark{width:110px;height:auto}
.footer .brand-text{align-items:center}
.footer .brand-text small{color:var(--gold)}
.footer .brand{flex-direction:column;margin-bottom:.6rem}
.footer p{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--gold-2)}
.footer .copy{font-family:var(--sans);font-style:normal;font-size:.8rem;color:rgba(246,239,229,.45);margin-top:1rem}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .nav-links{position:fixed;inset:0;background:var(--cream);flex-direction:column;justify-content:center;gap:1.6rem;font-size:1.5rem;font-family:var(--serif);transform:translateY(-100%);visibility:hidden;transition:transform .6s cubic-bezier(.7,0,.2,1),visibility 0s .6s}
  .nav.open .nav-links{transform:none;visibility:visible;transition:transform .6s cubic-bezier(.7,0,.2,1)}
  .burger{display:block}
  .story,.cakes-inner,.corp-grid,.collection-banner,.case,.contact-card{grid-template-columns:1fr}
  .story{padding-top:5rem}
  .flavors{grid-template-columns:repeat(2,1fr)}
  .cake-photos{grid-template-columns:repeat(3,1fr)}
  .cp:nth-child(even){margin-top:0}
  .process{grid-template-columns:repeat(2,1fr);row-gap:2.5rem}
  .process::before{display:none}
  .hc-l2,.hc-r2{display:none}
  .hc-l1,.hc-r1{top:11%}
  .hc-l3,.hc-r3{bottom:3%}
}
@media (max-width:620px){
  .flavors{grid-template-columns:1fr}
  .cake-photos{grid-template-columns:1fr 1fr;gap:.8rem}
  .cp:last-child{grid-column:span 2;aspect-ratio:4/3}
  .flavor{height:320px}
  .corp-services{grid-template-columns:1fr}
  .ring-stage{height:420px}
  .ring{width:200px;height:270px}
  .pillars{grid-template-columns:1fr 1fr 1fr;gap:.6rem}
  .pillars span{font-size:.8rem}
  .row{grid-template-columns:1fr}
  .hc{display:none}
  .hero-logo-space{height:34vh}
  .skip-intro{bottom:1rem;right:1rem}
  .scroll-hint{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .wordmark img,.wordmark-sub,.hero-tag,.hero .hero-btns,.hc{opacity:1!important;transform:none;clip-path:none!important}
}