body:has(.first-view){--yellow:#ffd74d;--ink:#112742;--paper:#fff9ed}body:has(.first-view) .header{color:#fff9ed;background:#112742;border-bottom:1px solid #ffffff25;height:86px}.first-view{color:#fff9ed;isolation:isolate;background:#112742;padding:24px 4% 0;position:relative;overflow:hidden}.first-view:before{content:"";z-index:-1;opacity:.22;background-image:radial-gradient(#b3bed0 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 20%,#000)}.fv-overline{letter-spacing:1.2px;justify-content:space-between;align-items:center;font:9px monospace;display:flex}.fv-overline>span:first-child{align-items:center;gap:9px;display:flex}.fv-overline i{background:#ffd74d;border-radius:50%;width:7px;height:7px;display:block}.fv-composition{grid-template-columns:1.12fr .88fr;align-items:center;min-height:clamp(650px,77svh,880px);display:grid;position:relative}.fv-copy{z-index:2;pointer-events:none;padding:38px 0 45px;position:relative}.fv-copy a{pointer-events:auto}.fv-question{letter-spacing:.1em;color:#c9d4e5;margin:0 0 22px;font-size:13px}.fv-copy h1{letter-spacing:-.085em;margin:0;font-size:clamp(58px,6.9vw,110px);font-weight:900;line-height:1.3}.fv-line{white-space:nowrap;animation:.85s cubic-bezier(.16,.7,.2,1) both fv-enter;display:block}.fv-yellow{color:#ffd74d;animation-delay:.13s}.fv-question-mark{margin-left:.02em;font-family:serif;font-size:1.2em;font-weight:400;line-height:0;display:inline-block;transform:rotate(12deg)}.fv-answer{color:#e2e7ee;margin:25px 0;font-size:14px;line-height:1.9}.fv-mobile-break{display:none}.fv-cta{color:#112742;background:#ffd74d;border-radius:50px;align-items:center;gap:34px;padding:18px 24px;font-size:13px;font-weight:700;transition:transform .25s,background .25s;display:inline-flex;box-shadow:0 6px #070f2180}.fv-cta small{margin-top:6px;font-size:9px;font-weight:400;display:block}.fv-arrow{font-size:30px;font-weight:400;transition:transform .25s}.fv-cta:hover{background:#ffe77e;transform:translateY(-3px)}.fv-cta:hover .fv-arrow{transform:translateY(4px)}.fv-direct{color:#c9d4e5;width:fit-content;margin:21px 0 0 21px;font-size:11px;display:block}.fv-direct:hover{text-decoration:underline}.fv-object{flex-direction:column;justify-content:center;align-self:stretch;margin-left:-7%;margin-right:-6%;padding-top:45px;display:flex;position:relative}.fv-object .scene{--ink:#112742;--paper:#f5efdd;min-height:440px}.fv-object .stack{width:104%;height:290px;transform:rotateX(38deg) rotateY(-21deg) rotateZ(calc(-18deg + var(--tilt)));animation:1.3s cubic-bezier(.16,.7,.2,1) both fv-object-enter;top:19%;left:0}.fv-object .browser-plane{box-shadow:3px 5px #647490,14px 30px 50px #050f2b88}.fv-object .plane-0{background:#fff8e6}.fv-object .plane-1{background:#9cb7dc}.fv-object .plane-2{background:#597ba9}.fv-object .browser-content,.fv-object .browser-bar{color:#112742}.fv-object .browser-lines i{background:#ffd74d;border-color:#ba9a32}.fv-object .scene-caption{color:#d2dfec;font-size:9px;bottom:-4px;left:0}.fv-object .status-dot{background:#ffd74d}.fv-object .orbit{border-color:#b4d2ff25}.fv-object .scene-axis{color:#b8c8de;top:0;right:6%}.fv-object .scene-controls{justify-content:flex-start;gap:7px;padding-top:35px}.fv-object .scene-controls button{color:#e2e7ee;background:#112742;border-color:#a2b3ca55;padding:9px 12px;font-size:9px}.fv-object .scene-controls button[aria-pressed=true]{color:#112742;background:#ffd74d}.fv-object .scene-controls button:not(#motion-toggle){display:none}.fv-orbit-word{letter-spacing:3px;color:#8dabc9;font:10px monospace;position:absolute;top:9%;right:7%;transform:rotate(8deg)}.fv-sticker{color:#112742;z-index:3;background:#ffd74d;border:1px solid #e4b531;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;display:flex;position:absolute;bottom:7%;right:10%;transform:rotate(12deg);box-shadow:0 10px 25px #0003}.fv-sticker>span:first-child{font-size:10px}.fv-sticker strong{margin:6px 0;font-size:25px;line-height:1.25}.fv-sticker>span:last-child{letter-spacing:.3px;font:6px monospace}.fv-bottom{border-top:1px solid #ffffff30;justify-content:space-between;align-items:center;gap:20px;padding:25px 0 30px;display:flex}.fv-scroll,.fv-footnote{letter-spacing:1px;color:#c8d6e7;font:9px monospace}.fv-scroll>span{margin-left:12px;font-size:20px;display:inline-block}.fv-key{align-items:center;gap:22px;font-size:12px;display:flex}.fv-key>span{align-items:center;gap:9px;display:flex}.fv-key small{color:#ffd74d;font-size:9px}.fv-key>b{color:#5c769a;font-weight:400}.first-view a:focus-visible,.first-view button:focus-visible{outline-offset:5px;outline:3px solid #fff}.first-view+.bakery-experience .bakery-intro{border-radius:0 0 60px 60px}@keyframes fv-enter{0%{opacity:0;transform:translateY(35px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes fv-object-enter{0%{opacity:0;translate:100px 70px;rotate:15deg}to{opacity:1;translate:0;rotate:0deg}}@media (width>=1500px){.fv-object{margin-left:0}.fv-copy h1{font-size:110px}}@media (width<=1000px) and (width>=701px){.fv-composition{grid-template-columns:1.2fr .8fr;min-height:650px}.fv-copy h1{font-size:7vw}.fv-object .stack{width:115%;height:250px;top:28%}.fv-object .browser-word{font-size:48px}.fv-object .scene{min-height:420px}.fv-object .scene-caption{font-size:8px}.fv-sticker{width:115px;height:115px;bottom:6%;right:0}.fv-sticker strong{font-size:20px}.fv-footnote{display:none}.fv-key{gap:12px;font-size:10px}}@media (width<=700px){body:has(.first-view) .header{height:72px;padding:0 20px}.first-view{padding:18px 22px 0}.fv-overline{letter-spacing:.2px;font-size:8px}.fv-overline>span:last-child{display:none}.fv-composition{min-height:0;display:block}.fv-copy{padding:34px 0 0}.fv-question{margin-bottom:12px;font-size:10px}.fv-copy h1{letter-spacing:-.075em;font-size:clamp(36px,9.5vw,66px);line-height:1.3}.fv-answer{margin:16px 0 19px;font-size:12px;line-height:1.8}.fv-cta{gap:23px;padding:13px 18px;font-size:11px}.fv-cta small{margin-top:4px;font-size:8px}.fv-arrow{font-size:25px}.fv-direct{margin:13px 0 0 16px;font-size:9px}.fv-object{height:240px;margin:8px -22px 0;padding:0;display:block}.fv-object .scene{width:78%;height:210px;min-height:210px;margin:0;left:10%}.fv-object .stack{width:78%;height:185px;transform:rotateX(40deg) rotateY(-15deg) rotateZ(calc(-15deg + var(--tilt)));top:10%;left:18%}.fv-object .browser-word{letter-spacing:-2px;margin-top:10px;font-size:36px}.fv-object .browser-content{padding:12px 18px}.fv-object .browser-bar{padding:7px 10px;font-size:6px}.fv-object .browser-bottom{margin-top:10px;font-size:7px}.fv-object .browser-lines{gap:6px;top:65px;right:15px}.fv-object .browser-lines i{height:22px}.fv-object .micro{font-size:6px}.fv-object .scene-caption,.fv-object .scene-axis,.fv-orbit-word{display:none}.fv-object .orbit{width:100%;height:95%;top:0}.fv-object .scene-controls{padding:0;position:absolute;bottom:10px;left:22px}.fv-object .scene-controls button{min-height:32px;padding:6px 10px;font-size:8px}.fv-sticker{width:93px;height:93px;bottom:3%;right:7%}.fv-sticker>span:first-child{font-size:8px}.fv-sticker strong{margin:3px 0;font-size:17px}.fv-sticker>span:last-child{font-size:4px}.fv-bottom{padding:18px 0 23px;display:block}.fv-scroll,.fv-footnote{display:none}.fv-key{justify-content:space-between;gap:8px;font-size:10px}.fv-key>span{display:block}.fv-key small{margin-bottom:5px;font-size:8px;display:block}.first-view+.bakery-experience .bakery-intro{border-radius:0 0 30px 30px}}@media (prefers-reduced-motion:reduce){.fv-line,.fv-object .stack{animation:none}.fv-cta,.fv-arrow{transition:none}}.bakery-experience{--navy:#112742;--gold:#ffd74d;color:var(--navy);background:#fff9e9;position:relative}.bakery-intro{background:#ffd74d;border-radius:60px 60px 0 0;padding:90px 7% 55px}.bakery-intro h2{margin:20px 0;font-size:clamp(34px,5vw,70px);line-height:1.4}.bakery-intro h2>span{display:inline-block}.bakery-intro p:not(.eyebrow){font-size:14px;line-height:2}.bakery-intro>a{border-bottom:1px solid;margin-top:15px;font-size:12px;display:inline-block}.bakery-walk{grid-template-columns:40% 60%;display:grid;position:relative}.bakery-stage{background:radial-gradient(at 55% 45%,#f9dda4 0,#0000 65%),#f7edd5;border-radius:0 0 60px;grid-area:1/2;align-self:start;height:100svh;min-height:570px;max-height:950px;position:sticky;top:0;overflow:hidden}.stage-topline{letter-spacing:1px;z-index:3;justify-content:space-between;align-items:center;font:9px monospace;display:flex;position:absolute;top:25px;left:5%;right:5%}.bakery-motion{background:#fff8e8;border:1px solid #11274255;border-radius:25px;min-height:40px;padding:10px 15px;font-size:10px}.bakery-model{perspective:1500px;width:86%;height:57%;position:absolute;top:19%;left:7%}.bakery-orbit{border:1px dashed #a086554f;border-radius:50%;position:absolute;inset:0;transform:rotate(-18deg)}.bakery-whole-label{letter-spacing:1px;font-size:11px;position:absolute;top:-24px;left:3%}.bread-window{width:66%;height:260px;transform-style:preserve-3d;background:#fffcf4;border:1px solid #74482d;border-radius:13px;transition:transform 1.1s cubic-bezier(.2,.7,.1,1),opacity .8s,box-shadow .8s;position:absolute;top:10%;left:17%;box-shadow:0 6px #b39b78,0 30px 40px #47381522}.bread-chrome{border-bottom:1px solid #74482d40;justify-content:space-between;padding:13px 16px;font:8px monospace;display:flex}.bread-inner{height:210px;padding:23px;position:relative;overflow:hidden}.bread-inner small{letter-spacing:2px;font:9px monospace}.bread-inner h3{margin:15px 0;font-family:serif;font-size:29px;line-height:1.45}.bread-tag{border-top:1px solid #74482d44;padding-top:10px;font-size:9px;position:absolute;bottom:19px;left:23px;right:23px}.bread-home{z-index:3;background:#eab879;transform:translate(-37px,100px)rotateX(15deg)rotateY(-20deg)rotate(-12deg)}.bread-products{z-index:2;transform:translate(12px,8px)rotateX(15deg)rotateY(-20deg)rotate(-12deg)}.bread-about{z-index:1;transform:translate(60px,-80px)rotateX(15deg)rotateY(-20deg)rotate(-12deg)}.bread-sun{color:#fff4d5;width:80px;height:80px;position:absolute;top:65px;right:16px}.bread-home h3{z-index:1;position:relative}.bread-items{justify-content:flex-end;gap:25px;margin-top:10px;display:flex}.bread-items i{background:linear-gradient(140deg,#f2ce85,#b76f33);display:block;box-shadow:inset -8px -8px 12px #86512533,3px 7px 10px #65442922}.loaf{border-radius:50%;width:95px;height:40px;transform:rotate(-25deg);background:repeating-linear-gradient(115deg,#0000 0 18px,#fff0b299 19px 23px,#0000 24px 30px),linear-gradient(#edc27a,#bc813b)!important}.bun{border-radius:50%;width:48px;height:43px}.shop-drawing{background:#e8bd79;border:2px solid #704f32;width:110px;height:80px;margin:10px auto;position:relative}.shop-drawing>div{text-align:center;background:repeating-linear-gradient(90deg,#fcf4dc 0 12px,#c78663 12px 24px);border-bottom:3px solid #704f32;padding:5px;font-size:10px}.shop-drawing i{background:#624935;width:22px;height:35px;margin:8px 10px;display:inline-block}.guide-figure{z-index:4;pointer-events:none;width:160px;position:absolute;bottom:90px;left:5%}.homupoli-canvas{width:160px;height:160px;display:none}.guide-fallback{object-fit:contain;border-radius:50%;width:125px;height:125px}.guide-figure.is-3d .homupoli-canvas{display:block}.guide-figure.is-3d .guide-fallback{display:none}.guide-figure>span{text-align:center;background:#fff9eb;border:1px solid #d2bd92;border-radius:14px;padding:8px;font-size:9px;display:block}.bakery-controls{z-index:5;justify-content:center;gap:7px;display:flex;position:absolute;bottom:42px;left:0;right:0}.bakery-controls button{background:#fff9eb;border:1px solid #c9bba2;border-radius:30px;min-height:44px;padding:12px 14px;font-size:11px}.bakery-controls button span{font:9px monospace}.bakery-controls button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.example-note{text-align:center;color:#685d4f;width:100%;font-size:9px;position:absolute;bottom:9px}.bakery-chapters{grid-area:1/1;min-width:0}.bakery-chapter{padding:50px 12%}.bakery-chapter:nth-child(2n){background:var(--navy);color:#fff9ed}.bakery-chapter:nth-child(odd){background:#fff9e9}.bakery-chapter{flex-direction:column;justify-content:center;align-items:flex-start;min-height:85svh;scroll-margin-top:30px;display:flex}.chapter-index{letter-spacing:2px;font:11px monospace}.bakery-chapter h3{margin:30px 0;font-size:clamp(25px,3vw,43px);line-height:1.5}.bakery-chapter p{font-size:14px;line-height:2.1}.word-stamp{color:var(--navy);background:#ffd74d;border-radius:40px;margin-top:25px;padding:12px 23px;font-size:12px}.bakery-experience[data-step=page] .bread-products{z-index:4;transform:translateY(10px)rotateY(-5deg)rotate(3deg)scale(1.08);box-shadow:0 6px #b39b78,0 35px 50px #47381544}.bakery-experience[data-step=page] .bread-home{opacity:.3;transform:translate(-90px,150px)rotate(-18deg)scale(.75)}.bakery-experience[data-step=page] .bread-about{opacity:.25}.bakery-experience[data-step=home] .bread-home{z-index:4;transform:translateY(30px)rotateY(-5deg)rotate(-3deg)scale(1.08)}.bakery-experience[data-step=home] .bread-products{opacity:.3;transform:translate(75px,-100px)rotate(18deg)scale(.75)}.bakery-experience[data-step=home] .bread-about{opacity:.25}.bakery-experience[data-step=recap] .bread-home{transform:translate(-90px,110px)rotate(-9deg)scale(.7)}.bakery-experience[data-step=recap] .bread-products{transform:translate(100px,30px)rotate(9deg)scale(.7)}.bakery-experience[data-step=recap] .bread-about{transform:translate(-30px,-120px)rotate(-5deg)scale(.7)}.bakery-conclusion{background:#fff9e9;padding:70px 7%}.bakery-conclusion>p:first-child{font-size:26px;font-weight:700}.bakery-conclusion>div{border-block:1px solid #11274233;justify-content:space-between;gap:20px;padding:35px 0;display:flex}.bakery-conclusion a{font-size:clamp(18px,2.5vw,34px);font-weight:700}.bakery-conclusion small{margin-bottom:12px;font-size:12px;font-weight:400;display:block}.bakery-caveat{max-width:800px;font-size:12px;line-height:2}.bakery-experience.is-still .bread-window{transition:none}.bakery-experience.is-still .bakery-stage{position:relative}.bakery-experience.is-still .bakery-chapter{min-height:400px}@media (width<=700px){.bakery-intro{border-radius:30px 30px 0 0;padding:50px 24px 40px}.bakery-intro p:not(.eyebrow){font-size:12px}.bakery-walk{display:block}.bakery-stage{z-index:6;border-radius:0 0 28px 28px;height:49svh;min-height:340px;max-height:460px}.stage-topline{font-size:7px;top:12px}.bakery-motion{min-height:32px;padding:6px 12px;font-size:9px}.bakery-model{transform-origin:50%;width:82%;height:62%;top:16%;left:16%;transform:scale(.7)}.bread-window{width:80%;height:210px;left:5%}.bread-inner{height:165px;padding:15px}.bread-inner h3{margin:9px 0;font-size:24px}.bread-inner small{font-size:7px}.bread-tag{font-size:8px;bottom:12px;left:15px;right:15px}.bread-chrome{padding:10px;font-size:7px}.bread-sun{width:65px;height:65px;top:55px}.bread-home{transform:translate(-25px,65px)rotateX(8deg)rotateY(-8deg)rotate(-9deg)}.bread-products{transform:translate(0)rotateX(8deg)rotateY(-8deg)rotate(-9deg)}.bread-about{transform:translate(25px,-60px)rotateX(8deg)rotateY(-8deg)rotate(-9deg)}.guide-figure{width:95px;bottom:82px;left:-5px}.homupoli-canvas{width:100px;height:100px}.guide-fallback{width:75px;height:75px}.guide-figure>span{padding:5px;font-size:7px}.bakery-controls{gap:5px;bottom:30px}.bakery-controls button{min-height:38px;padding:8px 12px;font-size:10px}.example-note{font-size:8px;bottom:3px}.bakery-chapters{padding:0}.bakery-chapter{min-height:62svh;padding:35px 26px;scroll-margin-top:50svh}.bakery-chapter h3{margin:20px 0 10px;font-size:29px}.bakery-chapter p{font-size:13px}.word-stamp{margin-top:10px}.bakery-conclusion{padding:40px 24px}.bakery-conclusion>div{flex-direction:column;gap:20px;padding:20px 0}.bakery-conclusion a{align-items:center;gap:22px;font-size:21px;display:flex}.bakery-conclusion small{width:30px;margin:0}.bakery-experience.is-still .bakery-chapter{min-height:300px}}@media (prefers-reduced-motion:reduce){.bread-window{transition:none}.bakery-stage{position:relative}.bakery-chapter{min-height:360px}}.follow-invitation[data-astro-cid-lcdefpme]{color:#112742;background:#ffd74d;border-radius:55px 55px 0 0;padding:80px 7%}.follow-invitation[data-astro-cid-lcdefpme] h2[data-astro-cid-lcdefpme]{margin:25px 0;font-size:clamp(34px,5vw,65px)}.follow-invitation[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-size:13px}.follow-invitation[data-astro-cid-lcdefpme] a[data-astro-cid-lcdefpme]{color:#fff;background:#112742;border-radius:40px;margin-top:25px;padding:20px 30px;font-size:13px;display:inline-block}
