/* Legacy aliases onto the shared --ad-* tokens (brand/adelie-web.css). New rules use --ad-* directly. */
:root{--paper:var(--ad-paper);--ink:var(--ad-ink);--secondary:var(--ad-ink-2);--indigo:var(--ad-indigo);--pressed:var(--ad-indigo-pressed);--soft:var(--ad-indigo-soft);--rule:var(--ad-rule);--authored:var(--ad-paper-warm);--focus:var(--ad-focus)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:6px}img{display:block;max-width:100%;object-fit:contain}p,h1,h2,figure{margin:0}p{line-height:1.8;word-break:keep-all}h1,h2{word-break:keep-all;letter-spacing:-.055em;font-weight:400}button{cursor:pointer}.wrap{max-width:var(--ad-content);width:calc(100% - var(--ad-gutter) * 2);margin-inline:auto}.skip{position:fixed;top:-100px;left:16px;padding:15px;background:var(--indigo);color:white;z-index:9}.skip:focus{top:16px}.header{height:var(--ad-header-h);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-weight:700;font-size:25px;letter-spacing:-1px}.wordmark span{display:block;font-weight:400;font-size:10px;letter-spacing:1.1px;margin-top:4px}.header nav{display:flex;gap:36px;font-size:13px}.header nav a,.header-end{padding:14px 0}.header-end{font-size:12px;color:var(--indigo)}.header-end span{margin-left:14px}.eyebrow{color:var(--ad-indigo);font-size:var(--ad-fs-eyebrow);font-weight:700;letter-spacing:var(--ad-ls-eyebrow);margin-bottom:26px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:740px;align-items:center;gap:12px;padding-block:68px 92px}.hero h1{font-size:var(--ad-fs-display);line-height:var(--ad-lh-display)}.underlined{color:var(--indigo);position:relative}.underlined:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--indigo);transform:rotate(-3deg)}.lede{font-size:17px;margin-top:32px;color:var(--secondary)}.button{display:inline-flex;align-items:center;gap:38px;margin-top:34px;padding:17px 24px;min-height:52px;background:var(--indigo);color:white;font-size:14px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:var(--pressed);transform:translateY(-2px)}.release{font-size:11px;margin-top:18px;color:var(--secondary)}.hero-art{height:560px;position:relative}.paper-note{position:absolute;left:14%;top:9%;width:70%;height:435px;padding:28px 30px;background:var(--authored);transform:rotate(7deg);box-shadow:1px 6px 12px #211c170a,12px 24px 50px #211c170c}.note-brand{font-size:9px;letter-spacing:2px;color:var(--indigo)}.paper-note>p{font-size:23px;margin-top:23px;color:var(--indigo)}.cake{width:280px;height:280px;margin:-5px auto -3px}.note-bottom{font-size:11px;color:var(--secondary)}.hero-flower{position:absolute;right:0;top:0;width:150px;transform:rotate(18deg)}.hero-pair{position:absolute;left:-3%;top:62%;width:150px;transform:rotate(-17deg)}.hero-penguin{position:absolute;right:-2%;bottom:0;width:215px;transform:rotate(-10deg)}.art-caption{position:absolute;bottom:3%;left:16%;font-size:11px;color:var(--secondary);transform:rotate(-5deg)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:46px}.section-top>p{font-size:14px;color:var(--secondary)}h2{font-size:var(--ad-fs-h2);line-height:var(--ad-lh-heading)}.section-top .eyebrow{margin-bottom:18px}.collection{padding-block:0 80px;overflow:hidden}.collection>.section-top{border-top:1px solid var(--rule);padding-top:74px}.make{padding-block:90px 130px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.page-example{max-width:470px;justify-self:center;transform:rotate(-4deg)}.page-example>img{box-shadow:8px 15px 40px #211c1712}.page-example figcaption{font-size:10px;color:var(--secondary);padding-top:15px;text-align:center}.make-copy h2{font-size:clamp(32px,3.3vw,48px);line-height:1.5}.make-copy h2 span{color:var(--indigo)}.make-copy>p:not(.eyebrow){font-size:15px;color:var(--secondary);margin-top:26px}.text-link{display:inline-flex;gap:35px;padding-block:14px;border-bottom:1px solid var(--indigo);font-size:13px;color:var(--indigo);margin-top:24px}.inside{border-top:1px solid var(--rule);padding-block:80px 90px}.screen-note{font-size:11px;color:var(--secondary);margin-top:38px;text-align:center}.about{border-top:1px solid var(--rule);padding-block:95px 110px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.about h2{font-size:35px}.about-copy>p{font-size:14px;color:var(--secondary);margin-bottom:24px}.release-label{display:inline-block;border-bottom:1px solid var(--indigo);padding-bottom:8px;color:var(--indigo);font-size:12px}
@media(min-width:1600px){.hero{min-height:790px}}
@media(max-width:1023px){.header-end{display:none}.hero{min-height:650px}.hero-art{height:460px}.paper-note{height:365px;padding:20px;left:10%;width:82%}.paper-note>p{font-size:20px}.cake{height:235px}.hero-penguin{width:160px;bottom:0}.hero-flower{width:120px}.hero-pair{width:120px}.art-caption{left:5%;bottom:0}.make{gap:60px}.about{gap:40px}.about h2{font-size:28px}}
@media(max-width:639px){.header{height:84px;gap:15px}.wordmark{font-size:21px}.wordmark span{font-size:9px}.header nav{gap:16px;font-size:11px}.hero{grid-template-columns:1fr;padding-block:46px 42px;gap:20px}.eyebrow{margin-bottom:20px}.lede{font-size:14px;margin-top:26px}.button{margin-top:26px;font-size:13px}.release{font-size:10px}.hero-art{height:420px;max-width:410px;width:100%;justify-self:center}.paper-note{top:8%;left:15%;width:73%;height:330px}.paper-note>p{font-size:20px;margin-top:20px}.cake{height:205px;width:235px}.note-bottom{font-size:10px}.hero-flower{width:110px;top:0;right:0}.hero-pair{width:105px;left:0;top:63%}.hero-penguin{width:155px;right:-4px;bottom:0}.art-caption{font-size:9px;left:12%;bottom:1%}.section-top{display:block;margin-bottom:30px}.section-top>p{font-size:13px;margin-top:20px}.collection{padding-block:0 45px}.collection>.section-top{padding-top:45px}.make{grid-template-columns:1fr;padding-block:42px 60px;gap:40px}.make-copy{grid-row:1}.make-copy h2{font-size:34px}.make-copy>p:not(.eyebrow){font-size:14px}.page-example{width:82%;margin-top:12px}.inside{padding-block:48px}.about{grid-template-columns:1fr;padding-block:50px;gap:28px}.about h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Preserve sticker aspect ratios when shrinking the desktop artwork. */
.hero-flower,.hero-pair,.hero-penguin{height:auto}
@media(max-width:639px){.hero-flower{right:12px}.hero-pair{left:8px}.hero-penguin{right:10px}}
@media(max-width:359px){.header nav{gap:10px;font-size:10px}.wordmark{font-size:19px}.hero-art{height:395px}.paper-note{left:10%;width:80%}.hero-penguin{width:135px}}

[hidden]{display:none!important}

/* App brand lockup and expanded editorial copy. */
.header .wordmark{display:flex;align-items:center;gap:12px;color:var(--indigo);flex-shrink:0}
.header .wordmark .brand-icon{width:44px;height:44px;border-radius:8px;flex-shrink:0}
.header .wordmark .brand-type{font-size:25px;font-weight:700;letter-spacing:-1px;margin:0;line-height:1.2}
.brand-type small{display:block;font-size:10px;font-weight:400;letter-spacing:1.1px;margin-top:6px;color:var(--secondary)}
.questions{padding-block:70px 85px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:80px}
.questions h2{font-size:34px}.questions-intro{font-size:14px;color:var(--secondary);margin-top:22px}
.questions-list details{border-bottom:1px solid var(--rule)}
.questions-list summary{cursor:pointer;min-height:64px;padding:20px 28px 20px 0;position:relative;list-style:none;font-size:16px;line-height:1.5;word-break:keep-all}
.questions-list summary::-webkit-details-marker{display:none}.questions-list summary:after{content:'+';position:absolute;right:2px;top:21px;color:var(--indigo)}
.questions-list details[open] summary{color:var(--indigo)}.questions-list details[open] summary:after{content:'−'}
.questions-list details p{font-size:14px;color:var(--secondary);padding:0 24px 24px 0;line-height:1.9}
.questions-list summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:1023px){.questions{gap:40px}.questions h2{font-size:29px}}
@media(max-width:639px){.header{height:auto;min-height:118px;flex-wrap:wrap;gap:0;padding-block:18px 8px}.header .wordmark .brand-icon{width:38px;height:38px}.header .wordmark .brand-type{font-size:24px}.header nav{width:100%;gap:28px;margin-top:8px;font-size:12px}.header nav a{padding-block:10px}.hero{padding-top:36px}.questions{grid-template-columns:1fr;gap:25px;padding-block:48px}.questions h2{font-size:28px}.questions-list summary{font-size:15px}.questions-list details p{font-size:13px}}

/* Catalogue: artwork supplies the color; controls use app semantic tokens. */
h1,h2{letter-spacing:-.035em}
h3{font-weight:400;letter-spacing:-.02em;margin:0;line-height:1.5;word-break:keep-all}
.catalog-footnote{font-size:12px;color:var(--secondary);margin-top:32px}

@media(max-width:639px){
 .hero{padding-bottom:28px}.hero-art{height:385px}.hero .paper-note{top:5%}
 .screen-note{text-align:left;margin-top:20px}
}

/* Hero playground (playground.js): loose hero stickers can be peeled and re-stuck. */
.is-playable [data-sticker]{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transition:scale var(--ad-dur-fast) var(--ad-ease),rotate var(--ad-dur-fast) var(--ad-ease),filter var(--ad-dur-fast) ease}
.is-playable [data-sticker]:hover{rotate:-3deg}
.is-playable [data-sticker].is-lifted{cursor:grabbing;scale:1.07;rotate:-5deg;filter:drop-shadow(6px 14px 12px rgba(33,28,23,.2))}
.is-playable [data-sticker].is-stuck{scale:.97}
.is-playable [data-sticker]:focus-visible{outline:1.5px dashed var(--ad-indigo);outline-offset:6px;border-radius:12px}
.play-tools{position:absolute;left:12%;bottom:-46px;display:flex;align-items:center;gap:var(--ad-s3);min-height:44px}
.play-hint{margin:0;color:var(--ad-ink-2);font-size:var(--ad-fs-caption);line-height:1.5}
.play-hint::before{content:'';display:inline-block;width:18px;margin-right:8px;vertical-align:middle;border-top:1.5px dashed var(--ad-indigo)}
.play-reset{min-height:40px;padding:0 var(--ad-s4);border:1px solid var(--ad-rule);border-radius:var(--ad-radius-control);background:var(--ad-paper);color:var(--ad-indigo);font-size:var(--ad-fs-caption)}
.play-reset:hover{border-color:var(--ad-indigo);background:var(--ad-indigo-soft)}
@media(max-width:639px){.play-tools{left:0;bottom:-40px}.hero{padding-bottom:56px}}
@media(prefers-reduced-motion:reduce){.is-playable [data-sticker]{transition:none}.is-playable [data-sticker]:hover{rotate:none}}

/* Pack covers drift past in two rows, as in the app onboarding's closing scene.
   Each row repeats its covers twice and moves by exactly one copy, so the loop is seamless. */
.pack-flow{--w:clamp(150px,14.5vw,212px);--gap:clamp(16px,1.7vw,26px);display:grid;gap:calc(var(--gap) + 6px);padding-block:22px 16px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.flow-row{--copy:calc(var(--count) * (var(--w) + var(--gap)));display:flex;gap:var(--gap);width:max-content;margin:0;padding:6px 0;list-style:none;animation:pack-drift calc(var(--count) * 6.5s) linear infinite}
.flow-row[data-direction=right]{animation-direction:reverse;margin-left:calc(var(--w) * -.45)}
@keyframes pack-drift{from{transform:translateX(0)}to{transform:translateX(calc(var(--copy) * -1))}}
.flow-cover{position:relative;flex:none;width:var(--w);aspect-ratio:4/5;rotate:-1.2deg;transition:translate .35s cubic-bezier(.2,.8,.2,1),rotate .35s cubic-bezier(.2,.8,.2,1)}
.flow-cover:nth-child(3n+2){rotate:.9deg}.flow-cover:nth-child(3n){rotate:-.4deg}
.flow-cover img{width:100%;height:100%;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #211c1712,0 3px 8px #2c21191a,0 14px 28px #2c211912}
.flow-cover:hover{translate:0 -6px;rotate:0deg}
.cover-foil{position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--foil) center/100% 100% no-repeat;mask:var(--foil) center/100% 100% no-repeat;background:linear-gradient(105deg,#2f214b00 0%,#3f265f18 14%,#4dcad047 30%,#fff1b0ac 43%,#ffffffd0 50%,#f1a8cf60 60%,#3d385d20 76%,#2f214b00 100%);background-size:260% 100%;animation:foil-sweep 4.8s ease-in-out infinite alternate}
@keyframes foil-sweep{from{background-position:100% 0}to{background-position:0 0}}
.pack-flow:hover .flow-row,.pack-flow:focus-within .flow-row,.pack-flow.is-paused .flow-row,.pack-flow.is-offscreen .flow-row,.pack-flow.is-offscreen .cover-foil{animation-play-state:paused}
.js .pack-flow:not(.is-visible) .flow-row{opacity:0;translate:90px 0}
.js .pack-flow:not(.is-visible) .flow-row[data-direction=right]{translate:-90px 0}
.js .flow-row{transition:opacity .9s ease-out,translate 1.3s cubic-bezier(.16,1,.3,1)}
.js .flow-row[data-direction=right]{transition-delay:.14s}
.flow-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:30px}
.flow-toggle{flex:none;background:transparent;border:0;border-radius:0;color:var(--indigo);font-size:13px;min-height:44px;padding:0 2px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.flow-toggle[aria-pressed=true]{color:var(--secondary)}
@media(max-width:639px){.pack-flow{--w:132px;--gap:14px;padding-block:12px 8px}.flow-foot{display:block;margin-top:22px}.flow-toggle{margin-top:6px;font-size:12px}}
/* No drift when the reader asks for less motion: one copy, scrollable by hand. */
@media(prefers-reduced-motion:reduce){.pack-flow{overflow-x:auto;scroll-snap-type:x proximity;-webkit-mask-image:none;mask-image:none;padding-inline:20px}.flow-row{animation:none}.flow-row[data-direction=right]{margin-left:0}.flow-cover[aria-hidden]{display:none}.flow-cover{scroll-snap-align:start}.js .flow-row{opacity:1!important;translate:none!important}}
/* 30-second reel: copy beside a portrait video; stacked on phones. */
.reel{border-top:1px solid var(--rule);padding-block:90px;display:grid;grid-template-columns:1fr minmax(0,360px);gap:90px;align-items:center}.reel-copy h2 span{color:var(--indigo)}.reel-copy>p:not(.eyebrow){font-size:15px;color:var(--secondary);margin-top:26px}.reel-copy .reel-note{font-size:11px;margin-top:20px}.reel-video{justify-self:center;width:100%;transform:rotate(2deg)}.reel-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:var(--authored);border:1px solid var(--rule);box-shadow:8px 15px 40px #211c1712}
@media(max-width:1023px){.reel{gap:50px}}
@media(max-width:639px){.reel{grid-template-columns:1fr;padding-block:48px;gap:32px}.reel-copy>p:not(.eyebrow){font-size:14px}.reel-video{max-width:300px}}
@media(prefers-reduced-motion:reduce){.reel-video{transform:none}}

.store-shots{--gap:24px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--gap) * 4) / 4.4);gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:8px 2px 22px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}
.store-shots figure{scroll-snap-align:start}
.store-shots img{width:100%;height:auto;border-radius:18px;border:1px solid var(--rule);background:var(--paper);box-shadow:0 8px 24px #211c170d}
.store-shots:focus-visible{outline:2px solid var(--focus);outline-offset:6px}
@media(max-width:1023px){.store-shots{grid-auto-columns:calc((100% - var(--gap) * 2) / 2.6)}}
@media(max-width:639px){.store-shots{--gap:16px;grid-auto-columns:72%;margin-right:-20px;padding-right:20px}.store-shots img{border-radius:14px}}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:34px}.hero-actions .button,.hero-actions .text-link{margin-top:0}
.questions-list details p a{color:var(--ad-indigo);border-bottom:1px solid currentColor}
@media(max-width:639px){.hero-actions{margin-top:26px;gap:10px 24px}}