@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0e1b2a;--cream:#f1ddbd;--paper:#f8efdf;--brown:#623921;--muted:#b8b7af}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy);color:var(--cream);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bb8651;outline-offset:6px}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid #f1ddbd24}.logo-crop{display:block;width:180px;height:38px;overflow:hidden;position:relative}.logo-crop img{position:absolute;width:208px;max-width:none;left:-14px;top:-78px}nav{display:flex;gap:36px;font-size:13px}nav a{padding:15px 0}.header-cta{border:1px solid #f1ddbd70;border-radius:40px;padding:12px 20px;font-size:12px}.header-cta span{margin-left:24px}.menu-toggle{display:none}.hero{min-height:830px;height: min(900px,100svh);position:relative;overflow:hidden;background:var(--navy)}.hero-art{position:absolute;right:0;top:0;width:58%;height:100%;overflow:hidden}.hero-art svg{width:100%;height:100%;animation:breathe 12s ease-in-out infinite;transform-origin:50% 70%}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy),transparent 32%),linear-gradient(0deg,var(--navy),transparent 22%)}.hero-copy{position:relative;z-index:2;padding:210px 0 180px 8%;width:65%}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;line-height:1.7;margin:0 0 30px}.tiny-sun{font-size:22px;vertical-align:middle;margin-right:12px}h1{font-family:'Manrope',sans-serif;font-size:clamp(70px,7.8vw,122px);font-weight:800;letter-spacing:-7px;line-height:1.04;margin:0 0 28px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}h1 em{font-size:1.1em}.intro{font-size:16px;line-height:1.8;color:#e5d8c4}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 25px;border:0;border-radius:100px;font-size:13px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.cream{color:var(--navy);background:var(--cream)}.navy{color:var(--cream);background:var(--navy)}.text-link{font-size:12px;border-bottom:1px solid #f1ddbd66;padding:12px 0}.text-link span{margin-left:12px}.hero-bottom{position:absolute;bottom:96px;left:8%;right:6%;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.hero-bottom button{background:#0e1b2a77;color:var(--cream);border:1px solid #f1ddbd40;border-radius:30px;padding:10px 14px;font-size:10px;letter-spacing:0}.hero-bottom>a{font-size:24px}.hero-note{position:absolute;right:6%;top:32%;transform:rotate(8deg);font:italic 20px/1.3 Georgia,serif;z-index:2}.hero-note span{display:block;font-size:40px;padding-left:40px}.wave{position:absolute;bottom:-1px;left:0;width:100%;height:75px;fill:var(--paper);z-index:3}.section{padding:70px 8% 110px;background:var(--paper);color:var(--navy)}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0e1b2a22;padding-bottom:22px;margin-bottom:65px}.section-top .eyebrow{margin:0}.little-note{font:italic 15px Georgia,serif}.shop-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:7%;align-items:center}h2{font-family:Manrope,sans-serif;font-size:clamp(36px,4vw,60px);font-weight:800;line-height:1.13;letter-spacing:-2.5px;margin:0 0 27px}.shop-copy>p,.workshop-copy>p:not(.eyebrow){max-width:380px;line-height:1.9;font-size:14px;margin:0 0 30px}.craft-note{display:flex;gap:14px;margin-top:40px;align-items:center}.craft-note>span{font-size:40px}.craft-note p{font-size:10px;line-height:1.7}.product-image{position:relative;margin:0}.product-image img{width:100%;display:block;border-radius:44% 44% 12px 12px;aspect-ratio:1.12;object-fit:cover}.product-image figcaption{display:flex;justify-content:space-between;margin-top:20px;font-size:11px}.product-image figcaption span:last-child{font-size:8px;letter-spacing:1.1px}.round-seal{position:absolute;right:-24px;top:10%;height:105px;width:105px;background:var(--cream);border:1px solid #0e1b2a55;outline:6px solid var(--cream);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:8px;letter-spacing:1px;transform:rotate(12deg)}.round-seal b{font:italic 21px Georgia,serif;letter-spacing:0;margin:3px}.round-seal span{font-size:16px}.workshop{position:relative;background:var(--brown);padding:130px 8% 100px}.top-wave{top:-1px;bottom:auto;fill:var(--brown);background:var(--paper);height:70px}.workshop-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.workshop-art{position:relative;height:470px;border-radius:200px 200px 24px 24px;background:#dec5a1;overflow:hidden;color:var(--navy)}.art-label{position:absolute;left:30px;top:40px;z-index:2;font-size:10px;letter-spacing:2px;transform:rotate(-8deg)}.art-label span{font-size:7px;letter-spacing:1px}.bowl{position:absolute;width:290px;height:290px;left:50%;top:47%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(120deg,#fff4df,#ad9576);padding:18px;box-shadow:22px 25px 35px #5b392b44,inset 0 0 3px #fff}.swirl{width:100%;height:100%;border-radius:50%;background:repeating-conic-gradient(from 20deg,#3d1c10 0deg,#7e4b2a 35deg,#b67b4a 50deg,#512915 75deg,#3d1c10 90deg);box-shadow:inset 5px 5px 15px #1e0d09}.swirl:after{content:'';position:absolute;inset:55px;border:9px solid #8c532f;border-left-color:#3e1d10;border-bottom-color:#d29a62;border-radius:50%;transform:rotate(25deg);box-shadow:0 0 9px #5f301c}.spoon{position:absolute;height:230px;width:27px;background:linear-gradient(90deg,#a07544,#e0b67d,#b28651);left:70%;top:47%;transform:rotate(-34deg);border-radius:10px 10px 30px 30px;box-shadow:8px 8px 10px #32190b33}.spoon:before{content:'';position:absolute;top:-45px;left:-12px;width:52px;height:80px;border-radius:45%;background:linear-gradient(100deg,#472111,#aa7141,#452011)}.hand-note{position:absolute;bottom:25px;left:27px;font:italic 22px/1.15 Georgia,serif;transform:rotate(-7deg)}.choc-piece{width:48px;height:48px;position:absolute;background:linear-gradient(135deg,#9d633c,#3e1e13);border:4px ridge #6d4229;box-shadow:7px 9px 12px #58382544;transform:rotate(15deg)}.one{bottom:31px;right:35px}.two{bottom:84px;right:19px;transform:rotate(-12deg)}.workshop-tags{display:flex;gap:20px;font-size:10px;padding:18px 0 27px;border-top:1px solid #f1ddbd44}.workshop-copy h2{font-size:clamp(36px,3.6vw,54px)}.story{text-align:center;padding-top:95px;padding-bottom:90px}.story .eyebrow{margin-bottom:22px}.story-star{display:block;font-size:45px;margin-bottom:22px}.story h2{font-size:clamp(32px,3.7vw,55px)}.story>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:555px;margin:25px auto}.signature{font:italic 23px Georgia,serif;margin-top:25px}.closing{padding:45px 8%;background:var(--cream);color:var(--navy);display:flex;justify-content:space-between;align-items:center}.closing p{font-size:13px}.closing a{font:italic 40px Georgia,serif}.closing a span{font-style:normal;padding-left:30px}footer{text-align:center;padding:65px 25px 40px}.footer-brand{font:54px Georgia,serif;letter-spacing:-3px}footer p{font-size:8px;letter-spacing:2.4px;margin-top:13px}footer>div{display:flex;gap:30px;justify-content:center;margin:35px 0;font-size:11px}footer small{font-size:9px;color:#a9a99f}.mobile-dock{display:none}.skip{position:fixed;top:-80px;left:10px;background:var(--cream);color:var(--navy);padding:15px;z-index:20}.skip:focus{top:10px}dialog{border:0;border-radius:28px;background:var(--paper);color:var(--navy);width:min(90%,520px);padding:50px 35px}dialog::backdrop{background:#06101bd9;backdrop-filter:blur(6px)}dialog h2{font-size:36px;letter-spacing:-1.5px}dialog p:not(.eyebrow){font-size:14px;line-height:1.7}.preview-note{padding:18px 0;border-top:1px solid #0e1b2a22;color:#615a50}.dialog-close{position:absolute;top:10px;right:15px;border:0;background:none;font-size:32px;color:var(--navy);width:44px;height:44px}.paused .hero-art svg{animation-play-state:paused}.paused .hero-art image{filter:none}@keyframes breathe{0%,100%{transform:scale(1.015) translateY(-4px)}50%{transform:scale(1.055) translateY(5px)}}
@media(min-width:1500px){.hero-copy{padding-top:230px}.hero{height:900px}}
@media(max-width:900px){header{padding:0 6%;height:78px}nav{gap:20px}.header-cta{display:none}.hero-copy{width:80%;padding-left:6%}h1{font-size:82px;letter-spacing:-5px}.hero-note{display:none}.hero-actions{gap:20px}.section{padding-left:6%;padding-right:6%}.shop-grid{gap:5%}.workshop{padding-left:6%;padding-right:6%}.workshop-inner{gap:6%}.workshop-art{height:400px}.bowl{width:245px;height:245px}.little-note{font-size:12px}.round-seal{right:-12px}}
@media(max-width:600px){html{scroll-padding-top:24px}header{height:76px;padding:0 23px}.logo-crop{width:143px;height:32px}.logo-crop img{width:170px;left:-12px;top:-64px}.menu-toggle{display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;width:44px;height:44px;border:1px solid #f1ddbd66;border-radius:50%;background:transparent}.menu-toggle span{height:1px;width:16px;background:var(--cream)}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:20px 26px;border-bottom:1px solid #f1ddbd44}nav.open{display:flex;flex-direction:column;gap:0}nav a{font-size:17px;padding:15px 0}.hero{height:850px;min-height:0;max-height:1000px}.hero-art{width:100%;height:650px;top:190px;right:0;opacity:.9}.hero-art svg{width:100%;height:100%}.hero-art:after{background:linear-gradient(180deg,var(--navy),transparent 30%,transparent 78%,var(--navy)),linear-gradient(90deg,#0e1b2a77,transparent 50%)}.hero-copy{padding:120px 24px 0;width:100%}.eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:24px}.tiny-sun{font-size:18px;margin-right:6px}h1{font-size:clamp(62px,17vw,85px);letter-spacing:-4px;line-height:1.02;margin-bottom:23px}.intro{font-size:12px;line-height:1.8}.hero-actions{margin-top:28px;display:flex;align-items:flex-start;flex-direction:column;gap:9px}.button{font-size:12px;padding:17px 23px;gap:28px}.text-link{font-size:11px}.hero-bottom{left:24px;right:24px;bottom:105px}.hero-bottom>span{font-size:7px;max-width:130px;line-height:1.8;letter-spacing:1.2px}.hero-bottom button{font-size:8px;padding:9px}.hero-bottom>a{display:none}.wave{height:48px}.section{padding:44px 24px 65px}.section-top{padding-bottom:18px;margin-bottom:35px}.little-note{display:none}.shop-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}h2{font-size:38px;letter-spacing:-1.9px}.shop-copy>p,.workshop-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}.craft-note{display:none}.product-image img{aspect-ratio:1.05;border-radius:44% 44% 12px 12px}.round-seal{width:85px;height:85px;right:0;font-size:7px}.round-seal b{font-size:18px}.product-image figcaption{font-size:9px;gap:15px}.product-image figcaption span:last-child{font-size:6px;letter-spacing:.7px}.workshop{padding:80px 24px 55px}.workshop-inner{display:flex;flex-direction:column-reverse;gap:40px;align-items:stretch}.workshop-copy h2{font-size:38px}.workshop-copy .eyebrow{margin-bottom:20px}.workshop-art{height:360px}.bowl{width:235px;height:235px}.art-label{left:25px;top:37px}.hand-note{font-size:19px;bottom:24px}.spoon{height:160px}.workshop-tags{font-size:9px;gap:20px}.story{padding-top:55px;padding-bottom:55px}.story h2{font-size:31px;letter-spacing:-1.5px}.story>p:not(.eyebrow){font-size:12px}.story-star{font-size:36px}.signature{font-size:21px}.closing{display:block;text-align:center;padding:30px 20px 35px}.closing p{font-size:11px}.closing a{font-size:32px}.closing a span{padding-left:10px}footer{padding-top:40px;padding-bottom:110px}.footer-brand{font-size:48px}.mobile-dock{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:10;background:var(--navy);border-top:1px solid #f1ddbd30;padding:12px 15px calc(12px + env(safe-area-inset-bottom));gap:10px}.mobile-dock a{border:1px solid var(--cream);padding:14px 13px;border-radius:40px;flex:1;font-size:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.mobile-dock a:first-child{background:var(--cream);color:var(--navy)}.mobile-dock span{font-size:15px}dialog{padding:50px 25px 30px}dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art image{filter:none}}