@font-face{font-family:Bricolage;src:url('/assets/v2/bricolage-grotesque.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#352820;--peach:#e8b5a2;--paper:#f4ebd8;--nav-bg:transparent;--nav-ink:#352820;--ease:cubic-bezier(.16,1,.3,1);font-family:Manrope,sans-serif;color:var(--ink);background:var(--peach);font-size:16px;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-padding-top:0;scrollbar-color:#795442 var(--peach)}
*{box-sizing:border-box}body{margin:0}body:has(dialog[open]){overflow:hidden}::selection{background:#352820;color:#f4ebd8}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{border:0;background:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Bricolage,Manrope,sans-serif;font-weight:800;letter-spacing:-.04em}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}:focus-visible{outline:3px solid currentColor;outline-offset:6px}input,select{caret-color:currentColor}a,button{touch-action:manipulation}.skip-link{position:fixed;top:10px;left:20px;padding:12px 20px;background:var(--paper);color:var(--ink);z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}
.header{position:fixed;top:0;left:0;width:100%;z-index:30;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;color:var(--nav-ink);background:var(--nav-bg);transition:color .4s,background-color .4s}.logo{width:150px;height:31px;background:currentColor;mask:url('/assets/logo.svg') center/contain no-repeat}.header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:650}.header nav>a:first-child:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{display:flex;gap:22px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:6px}.nav-cta svg{width:22px;height:22px}.chapter{position:relative;min-height:100svh;scroll-snap-align:start}.hero{overflow:hidden;display:flex;flex-direction:column;padding-top:125px;background:var(--peach)}.hero-heading{display:flex;position:relative;align-items:flex-end;justify-content:space-between;padding:0 7%;gap:20px;z-index:1}.hero h1{font-size:clamp(70px,8.5vw,136px);line-height:.88;font-variation-settings:'wdth' 85,'opsz' 96}.period{color:#a33d2b}.hero-heading>p{font-size:15px;line-height:1.55;max-width:180px;padding-bottom:8px}.shelf{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:1;min-height:330px;display:flex;align-items:center;overscroll-behavior-x:contain;touch-action:pan-x pan-y;z-index:2}.shelf::-webkit-scrollbar{display:none}.shelf-track{display:flex;align-items:center;gap:8px;padding:30px max(3vw,24px) 38px;width:max-content}.shelf-clock{flex:0 0 clamp(205px,21vw,335px);width:clamp(205px,21vw,335px);display:block;transform:translateY(var(--offset)) rotate(var(--rotation));transition:filter .4s,translate .6s var(--ease);filter:drop-shadow(8px 22px 12px #552a3029)}.shelf-clock img{width:100%;aspect-ratio:1;object-fit:contain}.shelf-clock:hover,.shelf-clock:focus-visible{translate:0 -12px;filter:drop-shadow(8px 30px 18px #552a3040)}.hero-bottom{display:flex;position:relative;justify-content:space-between;align-items:center;padding:0 4% 28px;gap:20px}.shelf-controls{display:flex;align-items:center;gap:17px;font-size:12px}.round{width:43px;height:43px;border:1px solid currentColor;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .25s,color .25s,transform .3s}.round:hover,.circle-link:hover{background:var(--ink);color:var(--paper)}.round svg{width:21px;height:21px}.scroll-link{font-size:13px;display:flex;align-items:center;gap:30px}.scroll-link svg{height:34px}
.manifest{background:#c6cf8c;color:#303a22;display:flex;flex-direction:column;justify-content:center;padding:110px 7% 45px;overflow:hidden}.manifest h2{font-size:clamp(65px,10vw,156px);line-height:.91;font-variation-settings:'wdth' 85,'opsz' 96}.manifest h2 span{font-style:italic;color:#465833}.manifest-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:50px}.manifest-bottom p{font-size:15px;line-height:1.7}.circle-link{border:1px solid currentColor;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;transition:.3s}.circle-link svg{height:32px;width:32px}
.model-chapter{display:grid;grid-template-columns:58% 42%;background:var(--stage);color:var(--stage-ink);padding:105px 6% 50px;align-items:center;isolation:isolate;overflow:hidden}.model-art{display:flex;justify-content:center;align-items:center;position:relative;align-self:stretch;min-width:0}.model-art:before{content:'';position:absolute;inset:8% 5%;border:1px solid currentColor;opacity:.18;border-radius:50%}.model-art img{width:min(100%,650px);max-height:76svh;object-fit:contain;transform:translateY(var(--clock-y,0px)) rotate(calc(var(--rotation) + var(--clock-r,0deg)));filter:drop-shadow(18px 35px 25px #20151532);will-change:transform}.model-copy{padding:0 0 0 10%;position:relative}.model-copy h2{font-size:clamp(58px,6.5vw,104px);line-height:.96;max-width:6ch;font-variation-settings:'wdth' 85,'opsz' 96}.model-color{margin-top:18px;font-size:14px}.model-description{max-width:340px;font-size:15px;line-height:1.8;margin-top:30px}.text-action{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid currentColor;padding:15px 0 10px;margin-top:28px;font-size:15px;font-weight:650;transition:gap .3s}.text-action:hover{gap:50px}.text-action svg{width:25px}.chapter-foot{position:absolute;left:6%;right:6%;bottom:24px;display:flex;justify-content:center;align-items:center;font-size:12px}.model-pagination{display:flex;gap:8px}.model-pagination a{width:19px;height:19px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.model-pagination a:after{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0}.model-pagination a[aria-current=true]:after{opacity:1}
.waitlist{background:#422c3b;color:#f2d0b4;padding:120px 7% 75px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8%}.waitlist h2{font-size:clamp(54px,6.5vw,104px);line-height:.94;font-variation-settings:'wdth' 85,'opsz' 96}.waitlist h2 span{color:#d7db92}.waitlist-heading>p{margin-top:35px;font-size:15px;line-height:1.8}.signup{max-width:510px;width:100%;padding-block:20px}.signup>label:first-child{font-size:14px}.email-line{display:flex;align-items:center;border-bottom:1px solid currentColor;margin-top:8px}.email-line input{width:100%;min-width:0;color:inherit;background:transparent;border:0;outline-offset:1px;padding:15px 0;font-size:clamp(20px,2.4vw,35px);letter-spacing:-.02em}.email-line input::placeholder{color:inherit;opacity:.72}.email-line>button{color:inherit;width:56px;height:56px;flex-shrink:0;transition:transform .3s}.email-line>button:hover{transform:translateX(6px)}.email-line svg{width:34px;height:34px}.model-label{display:block;margin-top:28px;font-size:13px}.signup select{display:block;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:12px 0;width:100%;margin-top:5px;font-size:15px}.signup option{color:#352820;background:#f4ebd8}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin-top:25px}.consent input{margin:3px 0 0;accent-color:#d7db92;width:17px;height:17px;flex-shrink:0}.consent button{color:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit}.form-note{font-size:12px;line-height:1.6;margin-top:20px}.form-message{font-size:14px;line-height:1.6;margin-top:16px}.form-message[data-state=error]{color:#fff0b8}.form-message[data-state=success]{padding:15px;border:1px solid currentColor}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.footer{background:#e8b5a2;padding:50px 4% 24px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;font-size:18px;line-height:1.25}.footer-wordmark{display:block;font-family:Bricolage,sans-serif;font-weight:800;font-variation-settings:'wdth' 85;letter-spacing:-.04em;font-size:29.4vw;line-height:.95;margin:20px 0 30px;text-align:center}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:22px;font-size:12px}.footer-bottom button{padding:0;font-size:inherit}.footer-bottom a:hover,.footer-bottom button:hover{text-decoration:underline}
.details{padding:115px 4% 60px;min-height:100svh;background:var(--paper);color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:start}.detail-photos{display:grid;grid-template-columns:1fr 1fr;gap:7px}.detail-photos button{padding:0;background:#e4dccc;overflow:hidden}.detail-photos button:first-child,.detail-photos button:last-child{grid-column:span 2}.detail-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s var(--ease)}.detail-photos button:hover img{transform:scale(1.04)}.detail-photos button:last-child img{aspect-ratio:4/3;object-fit:contain}.detail-copy{position:sticky;top:115px;padding-block:15px}.detail-copy h1{font-size:clamp(52px,6vw,90px);line-height:1}.detail-copy>p{font-size:15px;line-height:1.8;margin-top:25px;max-width:460px}.detail-copy .model-color{margin-top:12px;font-size:16px}.swatches{display:flex;gap:7px;margin-top:20px}.swatches span{width:18px;height:18px;border-radius:50%;background:var(--swatch)}.detail-specs{margin:30px 0}.detail-specs>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #35282044;padding:13px 0;font-size:13px}.detail-specs dd{margin:0;text-align:right}.buy-cta{display:flex;justify-content:space-between;width:100%;align-items:center;background:#422c3b;color:#f4ebd8;padding:20px 24px;font-weight:600;font-size:15px}.buy-cta:hover{background:#5b3b50}.detail-copy .buy-note{font-size:12px;margin-top:12px}.detail-signup{margin-top:30px;background:#422c3b;color:#f2d0b4;padding:28px}.detail-signup h2{font-size:35px;line-height:1}.detail-signup>p{font-size:14px;line-height:1.6;margin-top:15px}.detail-signup .email-line input{font-size:24px}.detail-signup .model-label,.detail-signup select{display:none}
dialog{color:var(--ink);background:var(--paper);border:0;padding:60px 40px 35px;max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}dialog::backdrop{background:#201a1cbb}dialog h2{font-size:35px;line-height:1.1}dialog p{font-size:14px;line-height:1.8;margin-top:22px}.close{position:absolute;right:15px;top:15px;width:35px;height:35px}.close svg{width:20px;height:20px}#zoom{max-width:1200px;width:calc(100% - 40px);padding:60px 30px 30px;background:#f4ebd8}#zoom img{width:100%;height:calc(100dvh - 150px);object-fit:contain}.noscript{position:fixed;bottom:0;left:0;right:0;background:var(--paper);color:var(--ink);padding:20px;z-index:90}
@media(min-width:1600px){.hero{padding-top:145px}.shelf{min-height:400px}}
@media(max-width:1000px){.hero-heading{padding-inline:5%}.hero h1{font-size:9.5vw}.hero-heading>p{font-size:13px}.shelf-clock{width:190px;flex-basis:190px}.model-chapter{grid-template-columns:56% 44%;padding-inline:4%}.model-copy{padding-left:7%}.model-copy h2{font-size:70px}.model-description{font-size:14px;margin-top:20px}.waitlist{gap:6%;padding-inline:5%}.waitlist h2{font-size:7vw}.header{padding-block:20px}.manifest h2{font-size:12vw}}
@media(max-width:650px){:root{scroll-snap-type:y mandatory}.header{padding:18px 20px}.logo{width:110px;height:25px}.header nav{gap:18px;font-size:12px}.nav-cta{gap:10px;padding-bottom:3px}.nav-cta span{font-size:19px}.header nav>a:first-child{display:none}.hero{padding-top:115px;min-height:100svh}.hero-heading{padding-inline:22px;display:block}.hero h1{font-size:clamp(53px,12.8vw,82px);line-height:.94}.hero-heading>p{margin-top:22px;font-size:13px}.hero-heading>p br{display:none}.shelf{min-height:310px}.shelf-track{padding:40px 22px 50px;gap:4px}.shelf-clock{width:clamp(125px,38vw,165px);flex-basis:clamp(125px,38vw,165px)}.hero-bottom{padding:0 22px 25px;display:block}.shelf-controls{gap:12px;font-size:12px;justify-content:space-between}.round{width:39px;height:39px}.scroll-link{margin-top:24px;padding-top:16px;border-top:0;justify-content:space-between;font-size:12px}.manifest{padding:110px 22px 35px;min-height:90svh}.manifest h2{font-size:clamp(53px,12.6vw,82px);line-height:1}.manifest-bottom{margin-top:50px;gap:20px}.manifest-bottom p{font-size:12px}.circle-link{width:55px;height:55px;flex-shrink:0}.model-chapter{grid-template-columns:1fr;grid-template-rows:1fr auto;gap:5px;padding:95px 24px 75px;min-height:100svh}.model-art{height:42svh;min-height:240px}.model-art img{height:100%;width:100%;max-width:410px;max-height:47svh;filter:drop-shadow(12px 20px 15px #20151532)}.model-art:before{inset:0 6%}.model-copy{padding:5px 0 5px;display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:12px}.model-copy h2{font-size:clamp(44px,12vw,68px);max-width:8ch;grid-column:1}.model-color{font-size:12px;margin-top:9px;grid-column:1}.model-description{grid-column:span 2;font-size:13px;line-height:1.65;margin-top:16px;max-width:100%}.model-copy .text-action{grid-column:span 2;width:max-content;font-size:13px;padding-top:10px;margin-top:8px}.chapter-foot{bottom:22px;left:24px;right:24px;font-size:12px}.model-pagination{gap:5px}.model-pagination a{width:15px;height:15px}.model-pagination a:after{width:5px;height:5px}.waitlist{grid-template-columns:1fr;gap:35px;padding:110px 24px 60px;min-height:auto}.waitlist h2{font-size:clamp(50px,12vw,76px)}.waitlist-heading>p{margin-top:25px;font-size:13px}.signup{padding-block:0;max-width:none}.email-line input{font-size:27px}.footer{padding:35px 24px 22px}.footer-top{font-size:16px}.footer-wordmark{font-size:28vw;margin-block:35px 25px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:18px;font-size:12px}.footer-bottom>span:last-child{grid-column:span 2}.details{padding:100px 20px 40px}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-copy{position:static}.detail-copy h1{font-size:52px}.detail-photos{gap:5px}.detail-photos button:first-child img{aspect-ratio:4/5}.detail-specs>div{font-size:12px}.detail-signup{padding:23px}.detail-signup h2{font-size:32px}dialog{padding:65px 25px 30px}dialog h2{font-size:30px}#zoom{width:calc(100% - 16px);padding:60px 8px 20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto;scroll-snap-type:none}*,*:before,*:after{animation:none!important;transition:none!important}.model-art img{transform:rotate(var(--rotation));will-change:auto}.shelf-clock:hover{translate:none}}

.detail-view{scroll-snap-type:none}

.model-pagination a{position:relative;width:28px;height:40px;border:0;border-radius:0}.model-pagination a:before{content:"";position:absolute;width:15px;height:15px;border:1px solid currentColor;border-radius:50%}@media(max-width:650px){.model-pagination{gap:0}.model-pagination a{width:26px;height:40px}.model-pagination a:before{width:12px;height:12px}}

.hero{background:#ffce36}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-bottom{background:transparent;padding-top:18px}.hero-heading>p{position:relative}.hero .period{color:#973923}@media(max-width:650px){.hero-background{object-position:center bottom}.hero-bottom{background:transparent;padding-top:18px}}
.hero:after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#f8d354 0%,#f8d354ed 36%,#f8d35433 62%,transparent 82%)}.hero-bottom{z-index:3}

.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center bottom}

.manifest-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:7%;align-items:center;width:100%}.manifest-main h2{font-size:clamp(58px,8.7vw,138px)}.room-gallery{width:100%;max-width:500px;justify-self:end}.room-slides{position:relative;width:100%;aspect-ratio:4/5;max-height:64svh;overflow:hidden;background:#aeb77a}.room-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease-in-out}.room-slides img.is-current{opacity:1}.manifest:has(.manifest-main) .manifest-bottom{margin-top:30px}@media(max-width:1000px) and (min-width:651px){.manifest-main{gap:5%}.manifest-main h2{font-size:8.9vw}.room-slides{aspect-ratio:4/5}}@media(max-width:650px){.manifest:has(.manifest-main){min-height:100svh;padding-top:110px}.manifest-main{grid-template-columns:1fr;gap:32px}.manifest-main h2{font-size:clamp(53px,12.6vw,82px)}.room-gallery{max-width:none;justify-self:stretch}.room-slides{aspect-ratio:5/4;max-height:none}.manifest:has(.manifest-main) .manifest-bottom{margin-top:30px}.manifest-bottom p{max-width:240px}}@media(prefers-reduced-motion:reduce){.room-slides img{transition:none}}

.hero-bottom{display:grid;grid-template-columns:1fr auto 1fr}.shelf-controls{grid-column:2;justify-content:center;gap:14px}.hero-bottom>.scroll-link{grid-column:3;justify-self:end}@media(max-width:650px){.hero-bottom{display:block}.shelf-controls{justify-content:center}.hero-bottom>.scroll-link{justify-self:auto}}

.spaces{background:#bdb590;color:#352820;display:flex;align-items:center;overflow:hidden;isolation:isolate}.spaces-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;stroke:#d5ed57;stroke-width:35;fill:none}.spaces-rail{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding-block:90px 70px}.spaces-rail::-webkit-scrollbar{display:none}.spaces-track{display:flex;width:max-content}.spaces-group{display:flex;align-items:center;gap:48px;padding-right:48px}.space-photo{width:clamp(340px,43vw,700px);flex-shrink:0;transform:translateY(var(--stagger));margin:0}.space-photo img{width:100%;height:64svh;max-height:660px;object-fit:cover;object-position:center 35%;display:block}.space-photo:nth-child(3n+2){width:clamp(310px,36vw,600px)}.space-photo:nth-child(3n+2) img{height:70svh}.spaces-rail:focus-visible{outline-offset:-8px}@media(max-width:650px){.spaces-rail{padding-block:95px 65px}.spaces-group{gap:22px;padding-right:22px}.space-photo,.space-photo:nth-child(3n+2){width:82vw;transform:translateY(calc(var(--stagger)*.6))}.space-photo img{height:54svh;max-height:none}.space-photo:nth-child(3n+2) img{height:60svh}.spaces-ribbon{stroke-width:27}}@media(prefers-reduced-motion:reduce){.spaces-track{transform:none}}

.hero-heading{display:flex;justify-content:center;text-align:center}.hero-heading h1{width:100%}

.manifest-main{grid-template-columns:1fr;justify-items:center;gap:40px}.manifest-main h2{text-align:center}.room-gallery{justify-self:center;max-width:600px}.room-slides{aspect-ratio:4/3;max-height:55svh}.manifest-bottom{flex-direction:column;align-items:center;gap:24px;text-align:center}.manifest-bottom p{max-width:none}@media(max-width:650px){.manifest-main{gap:32px}.room-gallery{max-width:none}.room-slides{aspect-ratio:5/4;max-height:none}.manifest-bottom{gap:20px}}

.chapter,.footer{scroll-snap-stop:always}.footer{scroll-snap-align:start}

.clock-presenter{position:relative;width:min(88%,570px);max-width:62svh;aspect-ratio:1;transform:translateY(var(--clock-y,0px)) rotate(calc(var(--rotation) + var(--clock-r,0deg)));filter:drop-shadow(18px 30px 20px #20151530);will-change:transform}.clock-assembly{position:relative;width:100%;height:100%}.model-art .clock-body{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none;filter:none;will-change:auto}.clock-hands{position:absolute;inset:0;width:100%;height:100%;stroke:none;fill:none;overflow:visible;filter:drop-shadow(1.5px 2.5px 1px #15151535);pointer-events:none}.clock-hands path{vector-effect:none}@media(max-width:650px){.clock-presenter{width:min(88%,370px);max-width:38svh}}@media(prefers-reduced-motion:reduce){.clock-presenter{transform:rotate(var(--rotation));will-change:auto}}

/* The garden has independent depth planes; each image keeps its own intro transform. */
.hero{background:#f8d354}.hero-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.scene-layer{position:absolute;pointer-events:none}.scene-layer img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}.scene-left{height:73%;width:39%;left:-12%;bottom:-7%}.scene-right{height:70%;width:38%;right:-12%;bottom:-8%}.scene-front{width:112%;left:-6%;bottom:-5%;aspect-ratio:3/1}.scene-front img{width:100%;height:auto}.headline-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.headline-line>span{display:block;transform-origin:50% 100%}.hero-heading{position:relative;z-index:1}
@media(min-width:1600px){.scene-left{left:-10%;width:34%}.scene-right{right:-10%;width:34%}.scene-front{bottom:-7%}}
@media(max-width:650px){.scene-left{height:61%;width:90%;left:-53%;bottom:-2%}.scene-right{height:57%;width:86%;right:-51%;bottom:-4%}.scene-front{width:235%;left:-67.5%;bottom:-3%}.hero-scenery{opacity:.94}}
@media(prefers-reduced-motion:reduce){.scene-layer{transform:none!important}.headline-line>span{transform:none!important}}

/* A single statement fills the quiet green chapter. */
.manifest{min-height:100svh;align-items:center;padding:100px 7%;text-align:center}.manifest h2{font-size:clamp(58px,7.6vw,112px);line-height:.98;width:100%;max-width:19ch;text-wrap:balance}.manifest h2 .manifest-statement{display:block;font-style:normal;color:inherit}.manifest-statement+.manifest-statement{margin-top:.5em}@media(max-width:650px){.manifest{padding:100px 24px 70px}.manifest h2{font-size:clamp(40px,11.6vw,64px);line-height:1.03;max-width:18ch}}

/* Yellowtail by Astigmatic, Apache 2.0. License: /assets/v2/YELLOWTAIL-LICENSE.txt */
@font-face{font-family:Yellowtail;src:url('/assets/v2/yellowtail.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero{padding-top:100px}.hero-heading{padding-inline:0}.hero h1{font-size:clamp(66px,min(9.5vw,13.1svh),148px);line-height:.84}.hero-main-line{padding-inline:24px}.hero-script-line{width:100%;overflow:visible;font-size:clamp(105px,min(16.6vw,20.9svh),245px);line-height:.9;margin:.02em 0 .06em;padding:0}.headline-line>.script-word{display:inline-block;position:relative;font-family:Yellowtail,cursive;font-weight:400;font-style:normal;font-variation-settings:normal;letter-spacing:0;text-transform:none;transform-origin:50% 70%}.script-tail{position:absolute;width:52vw;height:.4em;overflow:visible;fill:none;stroke:currentColor;stroke-width:.018em;stroke-linecap:round;pointer-events:none}.script-tail path{vector-effect:non-scaling-stroke}.script-tail-left{right:calc(100% - .025em);top:.59em}.script-tail-right{left:calc(100% + .02em);top:.26em}
@media(max-width:650px){.hero{padding-top:105px}.hero h1{font-size:clamp(51px,14.4vw,72px);line-height:.86}.hero-script-line{font-size:24.7vw;line-height:.9;margin:.03em 0 .08em}.hero-main-line{padding-inline:20px}.script-tail{stroke-width:2px}}

/* Header clocks use the same calibrated body and live hands as collection clocks. */
.shelf-clock .clock-presenter{width:100%;max-width:none;transform:none;filter:none;will-change:auto}.shelf-clock .clock-body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.shelf-clock .clock-hands{filter:drop-shadow(1px 2px 1px #15151535)}

/* Brand introduction: color, letter-by-letter wordmark, then the existing hero sequence. */
.site-intro{display:none;position:fixed;inset:0;z-index:1000;place-items:center;background:#f8d354;color:#352820}.intro-loading{overflow:hidden;scroll-snap-type:none}.intro-loading .site-intro{display:grid;animation:intro-dismiss .5s cubic-bezier(.16,1,.3,1) 1.25s both}.intro-wordmark{width:clamp(190px,38vw,460px);height:auto;fill:currentColor;stroke:none}.intro-wordmark path{fill:currentColor;stroke:none;animation:intro-letter .52s cubic-bezier(.16,1,.3,1) both;transform-box:fill-box;transform-origin:center}.intro-wordmark path:nth-child(1){animation-delay:.14s}.intro-wordmark path:nth-child(2){animation-delay:.23s}.intro-wordmark path:nth-child(3){animation-delay:.32s}.intro-wordmark path:nth-child(4){animation-delay:.41s}.intro-wordmark path:nth-child(5){animation-delay:.5s}
@keyframes intro-letter{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}
@keyframes intro-dismiss{from{opacity:1}to{opacity:0}}
@media(max-width:650px){.intro-wordmark{width:62vw;max-width:320px}}
@media(prefers-reduced-motion:reduce){.site-intro,.intro-loading .site-intro{display:none;animation:none}.intro-loading{overflow:visible}}

/* Desert botanicals grow from the two footer corners. */
.footer{position:relative;isolation:isolate;padding-top:110px;min-height:80svh;display:flex;flex-direction:column}.footer-top{position:relative;min-height:112px;display:flex;align-items:flex-start}.footer-garden{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.footer-plant{position:absolute;bottom:-24px;pointer-events:none}.desert-crop{position:relative;width:100%;overflow:hidden}.desert-upper{aspect-ratio:640/690}.desert-lower{aspect-ratio:640/590}.desert-crop img{position:absolute;display:block;width:200%;max-width:none;height:auto;left:0;top:0}.desert-right img{left:-100%}.desert-lower img{top:auto;bottom:0}.desert-saguaro{width:clamp(230px,25vw,430px);left:-8%}.desert-flower{width:clamp(230px,24vw,410px);right:-7%}.desert-agave{width:clamp(190px,21vw,350px);left:-2%;bottom:-35px}.desert-shoots{width:clamp(180px,19vw,320px);right:0;bottom:-30px}.footer-wordmark{position:relative;font-size:21vw;width:68%;margin:auto auto 60px;line-height:1}.footer-bottom{position:relative;width:64%;margin:0 auto;flex-wrap:wrap;gap:18px;padding-bottom:12px}
.back-to-top{margin-left:auto;position:relative;display:grid;place-items:center;flex-shrink:0;width:112px;height:112px;color:#352820;border-radius:50%;isolation:isolate}.back-star{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:transform .3s cubic-bezier(.16,1,.3,1)}.back-star>path{fill:#8b2fc9;stroke:none}.back-star>circle{fill:#f2c14e;stroke:none}.back-arrow{position:relative;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .3s cubic-bezier(.16,1,.3,1)}.back-to-top:hover .back-star{transform:rotate(15deg)}.back-to-top:hover .back-arrow{transform:translateY(-3px)}.back-to-top:focus-visible{outline:2px solid currentColor;outline-offset:6px}

@media(max-width:650px){.footer{padding:90px 24px 220px;min-height:85svh}.footer-top{min-height:95px}.footer-wordmark{font-size:27vw;width:100%;margin:35px auto 32px}.footer-bottom{width:100%;gap:16px}.desert-saguaro{width:46vw;left:-18%;bottom:-20px}.desert-flower{width:45vw;right:-14%;bottom:-16px}.desert-agave{width:38vw;left:-7%;bottom:-25px}.desert-shoots{width:37vw;right:-2%;bottom:-22px}.back-to-top{width:82px;height:82px}.back-arrow{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.footer-plant{transform:none!important}.back-to-top:hover .back-star,.back-to-top:hover .back-arrow{transform:none}}

/* Lift the shelf clear of the foreground flowers. */
.hero .shelf-track{padding-bottom:100px}@media(max-width:650px){.hero .shelf-track{padding-bottom:94px}}

/* Model details sit above the collection in a nearly full-screen native modal. */
.detail-view{overflow:hidden}.details{position:fixed;inset:16px;margin:0;width:calc(100% - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;min-height:0;padding:64px 4% 50px;border:0;border-radius:14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#795442 var(--paper)}.details::backdrop{background:#201a1ccc}.detail-close{position:fixed;right:36px;top:36px;width:46px;height:46px;background:var(--paper);color:var(--ink);z-index:4}.detail-close svg{width:22px;height:22px}.details .detail-copy{top:24px}.details .detail-copy h1{padding-right:40px}.details .detail-copy>p{font-size:15px;line-height:1.8}
@media(max-width:650px){.details{inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);padding:66px 16px 30px;border-radius:12px}.detail-close{right:22px;top:22px;width:44px;height:44px}.details .detail-copy{position:static}.details .detail-copy h1{padding-right:0}}

#detail-title:focus{outline:none}

/* The small-batch statement opens word by word between painted daisies. */
.manifest{isolation:isolate}.manifest h2{position:relative;z-index:1}.manifest-flower{position:absolute;width:30%;height:70svh;bottom:-6%;pointer-events:none;z-index:0;transform:translateY(var(--flower-shift,0px)) rotate(var(--flower-turn,0deg));transform-origin:50% 100%}.manifest-flower img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.manifest-flower-left{left:-13%;--flower-turn:12deg}.manifest-flower-right{right:-13%;bottom:-16%;--flower-turn:-14deg}.manifest-flower-right img{transform:scaleX(-1)}.manifest-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.12em .025em .06em;margin:-.12em -.025em -.06em}.manifest-word>span{display:inline-block;transform-origin:50% 100%}
@media(max-width:650px){.manifest{padding-bottom:180px}.manifest-flower{width:150px;height:225px;bottom:-10px}.manifest-flower-left{left:-45px;--flower-turn:10deg}.manifest-flower-right{right:-45px;bottom:-35px;--flower-turn:-12deg}}
@media(prefers-reduced-motion:reduce){.manifest-flower{transform:rotate(var(--flower-turn))}.manifest-word>span{transform:none!important;opacity:1!important}}

.manifest h2 .manifest-word,.manifest h2 .manifest-word>span{font-style:normal;color:inherit}


/* Modal and backdrop fade together; exits finish before native close releases focus. */
.details[open],.details[open]::backdrop{animation:detail-fade-in .28s var(--ease) both}.details[open].is-closing,.details[open].is-closing::backdrop{animation:detail-fade-out .2s ease-out both}@keyframes detail-fade-in{from{opacity:0}to{opacity:1}}@keyframes detail-fade-out{from{opacity:1}to{opacity:0}}
/* Two flowing hands frame the statement without crossing its reading space. */
.manifest h2{width:70%}.manifest-side-hand{position:absolute;height:80svh;aspect-ratio:1/2;pointer-events:none;z-index:0;transform:translateY(var(--hands-shift,0px))}.manifest-side-hand-left{left:-22svh;top:0}.manifest-side-hand-right{right:-22svh;bottom:0}.manifest-hand-crop{position:relative;width:100%;height:100%;overflow:hidden}.manifest-hand-crop img{position:absolute;left:0;top:0;display:block;width:200%;max-width:none;height:100%}.manifest-side-hand-right img{left:-100%}.manifest-flower{z-index:0}.manifest-side-hand{z-index:-1}
@media(max-width:650px){.manifest h2{width:calc(100% - 64px)}.manifest-side-hand{height:360px}.manifest-side-hand-left{left:-80px;top:12%}.manifest-side-hand-right{right:-80px;bottom:12%}}
@media(prefers-reduced-motion:reduce){.manifest-side-hand{transform:none!important}}

/* Late image layout must not restore a scrolled position inside the product modal. */
.details{overflow-anchor:none;scroll-behavior:auto}

/* Follow mobile browser chrome: each chapter fills the current visible viewport. */
@media(max-width:650px){
 .chapter{min-height:100dvh}
 .header{padding-top:calc(18px + env(safe-area-inset-top,0px))}
 .hero{height:100dvh;min-height:100dvh;padding-top:max(clamp(78px,12dvh,105px),calc(68px + env(safe-area-inset-top,0px)));overflow-anchor:none}
 .hero-heading{flex:0 0 auto}
 .hero h1{font-size:clamp(40px,min(14.4vw,9.7dvh),72px)}
 .hero-script-line{font-size:clamp(64px,min(24.7vw,16dvh),120px)}
 .hero .shelf{min-height:0;flex:1 1 0}
 .hero .shelf-track{padding-top:26px;padding-bottom:clamp(38px,8dvh,78px)}
 .hero .shelf-clock{width:clamp(115px,min(38vw,24dvh),165px);flex-basis:clamp(115px,min(38vw,24dvh),165px)}
 .hero-bottom{flex:0 0 auto;display:flex;justify-content:flex-end;min-height:52px;padding:0 22px calc(18px + env(safe-area-inset-bottom,0px))}
 .hero .scroll-link{margin-top:0;padding-top:0}
}

/* Reserve a separate garden band below the mobile clock shelf. */
@media(max-width:650px){
 .hero{--hero-garden-height:clamp(115px,22dvh,185px);padding-bottom:var(--hero-garden-height)}
 .hero-scenery{top:auto;bottom:0;height:var(--hero-garden-height)}
 .hero .scene-left{height:105%;width:45%;left:-13%;bottom:-6%}
 .hero .scene-right{height:105%;width:45%;right:-13%;bottom:-6%}
 .hero .scene-front{height:100%;width:130%;left:-15%;bottom:-8%;aspect-ratio:auto}
 .hero .scene-front img{width:100%;height:100%;object-fit:contain}
 .hero .shelf-track{padding-top:20px;padding-bottom:24px}
 .hero-bottom{position:absolute;bottom:0;left:0;right:0;min-height:0}
}

/* Closed parcels with individually colored seals. */
.packaging{height:100dvh;min-height:560px;overflow:hidden;background:#e8b5a2;isolation:isolate;--parcel-spread:1}
.package-box{position:absolute;left:50%;top:52%;width:26vw;max-width:430px;aspect-ratio:1;background-image:url('/assets/v2/packaging-atlas.png');background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(8px 20px 15px #51332025);transform:translate(calc(-50% + var(--parcel-x)*var(--parcel-spread)),calc(-50% + var(--parcel-y)*var(--parcel-spread))) rotate(calc(var(--parcel-turn)*var(--parcel-spread)));will-change:transform;pointer-events:none}
.package-closed{background-position:left center;width:24vw;max-width:380px;z-index:0}
.package-featured{z-index:2;width:34vw;max-width:540px}
.package-sage{--parcel-x:-15vw;--parcel-y:-1vh;--parcel-turn:-9deg}
.package-star{--parcel-x:15vw;--parcel-y:2vh;--parcel-turn:9deg}
.package-one{--parcel-x:-44vw;--parcel-y:-29vh;--parcel-turn:-22deg}
.package-two{--parcel-x:43vw;--parcel-y:-27vh;--parcel-turn:19deg}
.package-three{--parcel-x:-43vw;--parcel-y:26vh;--parcel-turn:17deg}
.package-four{--parcel-x:42vw;--parcel-y:28vh;--parcel-turn:-25deg}
.package-five{--parcel-x:0vw;--parcel-y:42vh;--parcel-turn:-18deg}
@media(max-width:650px){.packaging{min-height:100dvh}.package-closed{width:48vw}.package-featured{width:62vw}.package-sage{--parcel-x:-24vw;--parcel-y:-1vh;--parcel-turn:-8deg}.package-star{--parcel-x:24vw;--parcel-y:2vh;--parcel-turn:8deg}.package-one{--parcel-x:-38vw;--parcel-y:-31vh}.package-two{--parcel-x:38vw;--parcel-y:-29vh}.package-three{--parcel-x:-39vw;--parcel-y:29vh}.package-four{--parcel-x:39vw;--parcel-y:31vh}.package-five{--parcel-y:48vh;width:42vw}}
@media(prefers-reduced-motion:reduce){.package-box{will-change:auto}}

/* Parcels arrive inward from different edges when the chapter enters view. */
.package-one{--entry-x:-75vw;--entry-y:-75vh;--entry-turn:-25deg;--entry-delay:0ms}
.package-two{--entry-x:75vw;--entry-y:-75vh;--entry-turn:28deg;--entry-delay:70ms}
.package-three{--entry-x:-80vw;--entry-y:60vh;--entry-turn:24deg;--entry-delay:100ms}
.package-four{--entry-x:80vw;--entry-y:65vh;--entry-turn:-30deg;--entry-delay:30ms}
.package-five{--entry-x:0vw;--entry-y:90vh;--entry-turn:25deg;--entry-delay:140ms}
.package-sage{--entry-x:-90vw;--entry-y:22vh;--entry-turn:-24deg;--entry-delay:130ms}
.package-star{--entry-x:90vw;--entry-y:-22vh;--entry-turn:24deg;--entry-delay:200ms}
.packaging.is-arriving .package-box{animation:parcel-arrive 1150ms cubic-bezier(.16,1,.3,1) var(--entry-delay) both}
@keyframes parcel-arrive{from{transform:translate(calc(-50% + var(--parcel-x) + var(--entry-x)),calc(-50% + var(--parcel-y) + var(--entry-y))) rotate(calc(var(--parcel-turn) + var(--entry-turn))) scale(.86)}to{transform:translate(calc(-50% + var(--parcel-x)),calc(-50% + var(--parcel-y))) rotate(var(--parcel-turn)) scale(1)}}
@media(prefers-reduced-motion:reduce){.packaging.is-arriving .package-box{animation:none}}

/* A model must fit the snap viewport, including its copy and pagination. */
@media(max-width:650px) and (min-height:480px){
 :root{scroll-behavior:auto}
 .model-chapter{height:100dvh;min-height:100dvh;grid-template-rows:minmax(0,1fr) auto;overflow-anchor:none}
 .model-art{height:100%;min-height:0}
 .model-art .clock-presenter{width:auto;height:min(90%,38dvh);max-width:88%;max-height:100%;aspect-ratio:1}
}
@media(max-width:650px) and (min-height:480px) and (max-height:700px){
 .model-chapter{padding:78px 22px 58px}
 .model-copy h2{font-size:clamp(36px,10vw,48px)}
 .model-description{font-size:12px;line-height:1.5;margin-top:10px}
 .model-copy .text-action{margin-top:5px;padding-top:8px}
}

/* A plain social link occupies the quiet gap between clocks and planting. */
.hero-instagram{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:8px 4px;color:#352820;font-size:16px;font-weight:550;white-space:nowrap;text-decoration:none}
.hero-instagram svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-instagram .instagram-dot{fill:currentColor;stroke:none}
.hero-instagram .instagram-arrow{width:19px;height:19px;margin-left:5px;transition:transform .25s var(--ease)}
.hero-instagram:hover span{text-decoration:underline;text-underline-offset:5px}
.hero-instagram:hover .instagram-arrow{transform:translate(2px,-2px)}
.hero .shelf-track{padding-bottom:170px}
@media(max-width:650px){.hero-instagram{position:relative;left:auto;bottom:auto;transform:none;align-self:center;flex:0 0 44px;margin:0 auto 8px;font-size:15px}.hero .shelf-track{padding-top:8px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.hero-instagram .instagram-arrow{transition:none}}
@media(min-width:651px){.hero{height:100dvh;min-height:100dvh}.hero .shelf{min-height:0}.hero .shelf-clock{width:clamp(150px,min(21vw,24dvh),300px);flex-basis:clamp(150px,min(21vw,24dvh),300px)}.hero .shelf-track{padding-top:18px;padding-bottom:160px}.hero-bottom{position:absolute;bottom:0;left:0;right:0}.hero-instagram{bottom:80px}}
@media(min-width:651px){.hero .shelf-clock{width:clamp(140px,min(21vw,22dvh),300px);flex-basis:clamp(140px,min(21vw,22dvh),300px)}.hero .shelf-track{padding-bottom:220px}.hero-instagram{bottom:155px}}

/* Lettering threads between the left garden and the right flowers. */
.footer{padding-bottom:22px}
.footer-garden{display:contents}
.footer .desert-saguaro,.footer .desert-agave{z-index:1}
.footer .desert-flower,.footer .desert-shoots{z-index:3}
.footer-wordmark{z-index:2;width:100%;font-size:28vw;margin:auto auto 24px}
.footer-top{z-index:4}
.footer-bottom{z-index:4;display:flex;justify-content:center;width:100%;border:0;padding:0;margin:0;font-size:12px}
@media(max-width:650px){.footer{padding:80px 20px 24px;min-height:85dvh}.footer-wordmark{width:100%;font-size:28vw;margin:auto auto 32px}.footer-bottom{display:flex;justify-content:center}}
.footer-wordmark{font-size:35vw}
@media(max-width:650px){.footer-wordmark{font-size:35vw}}
@media(min-width:651px){.footer .desert-flower{right:-3%}.footer .desert-shoots{right:3%}}

/* Center the return action and keep its label attached to the star. */
.footer-top{justify-content:center;min-height:190px}
.back-to-top{margin:0 auto;width:140px;height:140px}
.back-to-top .back-arrow{width:38px;height:38px}
.back-label{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;font-family:Manrope,sans-serif;font-size:15px;font-weight:550;line-height:1.4;color:#352820}
@media(max-width:650px){.footer-top{min-height:175px}.back-to-top{width:112px;height:112px}.back-to-top .back-arrow{width:33px;height:33px}.back-label{font-size:14px}}

/* The mobile action hands off to the final in-page button as it enters view. */
.detail-floating{display:none}
.waiting-list-modal{width:calc(100% - 32px);max-width:550px;padding:70px 34px 32px;border-radius:14px;background:var(--paper);color:var(--ink);overscroll-behavior:contain}
.waiting-list-modal[open]{animation:detail-fade-in .22s var(--ease) both}
.waiting-list-modal h2{font-size:clamp(34px,5vw,46px);line-height:1.05;max-width:15ch}
.waiting-list-modal>p{margin-top:20px;font-size:15px;line-height:1.65}
.waiting-list-modal .signup{padding:28px 0 0;max-width:none}
.waiting-list-modal .model-label,.waiting-list-modal select{display:none}
.waiting-list-modal .email-line{display:flex;flex-direction:column;align-items:stretch;border:0;gap:18px}
.waiting-list-modal .email-line input{width:100%;border-bottom:1px solid #35282066;padding:12px 0;font-size:22px;border-radius:0}
.waiting-list-modal .email-line button{width:100%;height:auto;min-height:54px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#422c3b;color:var(--paper);font-size:14px}
.waiting-list-modal .email-line button svg{width:24px;height:24px;flex-shrink:0}
.waiting-list-modal .form-note{font-size:12px;line-height:1.5;margin-top:15px}
@media(max-width:650px){
 .details{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 .detail-floating{display:block;position:fixed;bottom:8px;left:8px;right:8px;z-index:5;background:var(--paper);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #35282022;transition:opacity .15s}
 .detail-floating .buy-cta{min-height:54px;font-size:14px;padding:16px 18px;gap:15px}
 .detail-floating .buy-cta svg{width:24px;height:24px;flex-shrink:0}
 .cta-at-end .detail-floating{opacity:0;visibility:hidden;pointer-events:none}
 .waiting-list-modal{padding:64px 24px 26px;max-height:calc(100dvh - 32px)}
}

/* Make the standalone signup as explicit as the product waiting-list dialog. */
.waitlist-heading>p{max-width:48ch;line-height:1.7}
.waitlist>.signup .email-line{display:flex;flex-direction:column;align-items:stretch;gap:22px;border:0}
.waitlist>.signup .email-line input{width:100%;padding:12px 0 18px;border-bottom:1px solid currentColor;border-radius:0}
.waitlist>.signup .email-line button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;height:auto;min-height:58px;padding:18px 22px;background:#f2d0b4;color:#422c3b;font-size:15px;font-weight:650}
.waitlist>.signup .email-line button svg{width:25px;height:25px;flex-shrink:0}
.waitlist>.signup .email-line button:hover{background:#c6cf8c}
@media(max-width:650px){.waitlist{align-content:center;gap:35px}.waitlist>.signup{align-self:start}.waitlist-heading>p{font-size:14px}.waitlist>.signup .email-line{gap:18px}}

/* Bring the desktop hands inside the outer flower frame, toward the statement. */
@media(min-width:651px){.manifest-side-hand-left{left:calc(15% - 32svh)}.manifest-side-hand-right{right:calc(15% - 32svh)}}

/* Product detail links use a solid, high-contrast button treatment. */
.model-copy .text-action{background:var(--stage-ink);color:var(--stage);border:0;border-radius:4px;padding:17px 22px;min-height:54px;gap:30px;width:max-content;max-width:100%;font-size:15px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.model-copy .text-action:hover{gap:30px;transform:translateY(-2px);box-shadow:0 7px 14px #20151520}
.model-copy .text-action svg{width:25px;height:25px;flex-shrink:0}
@media(max-width:650px){.model-copy .text-action{padding:14px 20px;margin-top:12px;min-height:50px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.model-copy .text-action:hover{transform:none}}

/* Email focus stays on the existing underline, without an enclosing box. */
.signup .email-line input:focus,.signup .email-line input:focus-visible{outline:none;box-shadow:none;border-bottom-color:currentColor;border-bottom-width:2px}

/* Let the browser reveal form controls above the mobile keyboard instead of snapping back. */
:root:has([data-waitlist] :focus){scroll-snap-type:none;scroll-behavior:auto}
[data-waitlist] input{scroll-margin-block:90px 24px}
:root:has([data-waitlist] :focus) .waiting-list-modal[open]{position:fixed;top:calc(var(--signup-viewport-top,0px) + 16px);bottom:auto;margin:0 auto;max-height:calc(var(--signup-viewport-height,100dvh) - 32px);scroll-behavior:auto}

/* Recolor only the printed seal, preserving the kraft photograph and its shadows. */
.package-closed::after{content:"";position:absolute;inset:0;background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:no-repeat;clip-path:polygon(63.12% 74.45%,80.94% 74.45%,80.94% 93.09%,63.12% 93.09%);filter:hue-rotate(var(--seal-hue,0deg)) saturate(var(--seal-saturation,1))}
/* Mint, blue, pink, coral and yellow distinguish the surrounding parcels. */
.package-one{--seal-hue:0deg;--seal-saturation:1.6}
.package-two{--seal-hue:70deg;--seal-saturation:3.4}
.package-three{--seal-hue:150deg;--seal-saturation:3.2}
.package-four{--seal-hue:225deg;--seal-saturation:3.4}
.package-five{--seal-hue:275deg;--seal-saturation:3.6}
.package-sage{--seal-hue:185deg;--seal-saturation:1.7}.package-star{--seal-hue:100deg;--seal-saturation:1.8}

.signup-success{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border:0;border-radius:0;padding:100px 24px 64px;background:var(--peach);color:var(--ink);overscroll-behavior:contain}
.signup-success[open]{display:grid;place-items:center;animation:detail-fade-in .25s var(--ease) both}
.signup-success::backdrop{background:var(--peach)}
.signup-success .close{position:fixed;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));width:48px;height:48px;background:transparent;color:var(--ink);border:1px solid currentColor}
.signup-success .close:hover{background:var(--ink);color:var(--peach)}
.success-content{width:100%;max-width:720px;text-align:center}
.success-logo{display:block;width:clamp(145px,18vw,220px);height:46px;margin:0 auto 48px}
.signup-success h2{font-size:clamp(56px,8vw,96px);line-height:.95;letter-spacing:-.035em;text-wrap:balance;margin:0 0 30px}
.signup-success p{max-width:51ch;margin:0 auto;font-size:16px;line-height:1.75}
.signup-success p+p{margin-top:20px;max-width:44ch}
.success-instagram{display:inline-flex;align-items:center;gap:24px;min-height:52px;margin-top:28px;padding:10px 0;border-bottom:1px solid currentColor;font-size:18px;font-weight:650}
.success-instagram:hover{color:#733c2b}
.success-instagram svg{width:22px;height:22px}
@media(max-width:650px){.signup-success{padding:100px 24px 45px}.success-logo{margin-bottom:36px;height:32px}.signup-success p{font-size:14px;line-height:1.7}.signup-success h2{margin-bottom:25px}.signup-success .close{top:max(18px,env(safe-area-inset-top));right:18px}.success-instagram{font-size:16px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.signup-success[open]{animation:none}}

/* Closed gift boxes frame the confirmation while its message stays unobstructed. */
.signup-success{isolation:isolate}
.success-parcels{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.success-parcels .package-box{width:clamp(200px,25vw,390px);max-width:none;will-change:auto;transform:translate(-50%,-50%) rotate(var(--parcel-turn));z-index:0}
.success-parcel-one{left:8%;top:12%;--parcel-turn:-23deg}
.success-parcel-two{left:94%;top:13%;--parcel-turn:18deg}
.success-parcel-three{left:-2%;top:54%;--parcel-turn:13deg}
.success-parcel-four{left:102%;top:56%;--parcel-turn:-16deg}
.success-parcel-five{left:9%;top:86%;--parcel-turn:18deg}
.success-parcel-six{left:93%;top:87%;--parcel-turn:-25deg}
.success-content{position:relative;z-index:1}
.signup-success .close{z-index:2}
.success-logo{margin-bottom:0}
.success-divider{display:block;width:56px;height:1px;background:currentColor;margin:25px auto 32px}
@media(max-width:650px){
 .success-parcels .package-box{width:46vw}
 .success-parcel-one{left:11%;top:2%;--parcel-turn:-20deg}
 .success-parcel-two{left:99%;top:8%;--parcel-turn:24deg}
 .success-parcel-three,.success-parcel-four{display:none}
 .success-parcel-five{left:3%;top:93%;--parcel-turn:20deg}
 .success-parcel-six{left:95%;top:95%;--parcel-turn:-22deg}
 .success-divider{width:44px;margin:20px auto 26px}
}
@media(max-height:600px) and (max-width:650px){.success-parcels{display:none}}

.success-instagram .success-instagram-icon{width:22px;height:22px;flex-shrink:0;margin-right:-12px}