@layer components{.btd{--btd-door: 5;--btd-dim: 1;--btd-seam: 1;--btd-seam-w: 1;--btd-rays: 0;--btd-spill: .35;--btd-flood: 0;--btd-warm: .55;--btd-push: 1;--btd-room-o: 1;--btd-rail-s: 1;--btd-rail-y: 0;--btd-rail-o: 1;--btd-sx: 0px;--btd-sy: 0px;--btd-sw: 100%;--btd-sh: 100%;--btd-stx: 0;--btd-sty: 0;--btd-ss: 1;--btd-po: 0;--btd-py: 0;--btd-pr: 0;--btd-clip: none;--btd-dx: 0;--btd-dy: 0;--btd-dw: 0}.btd-defs{position:absolute;inline-size:0;block-size:0;overflow:hidden}.btd-art{position:relative;overflow:clip;container:btd-art / size;block-size:min(60rem,max(36rem,calc(100svh - var(--header-h, var(--nav-h)))))}.btd-art>*{position:absolute;--btd-u: min(1cqh, 1.9cqw);--btd-vx: 50cqw;--btd-vy: 46;--btd-ol: -21;--btd-or: 21;--btd-ot: 4;--btd-ob: 90;--btd-shelf: 16;--btd-rail: 23;--btd-top: 25.6;--btd-hw: 12}@container btd-art (orientation: landscape){.btd-art>*{--btd-u: min(1cqh, .62cqw);--btd-vx: 62cqw;--btd-vy: 47;--btd-ol: -33;--btd-or: 33;--btd-ot: 7;--btd-ob: 90;--btd-shelf: 19;--btd-rail: 27;--btd-top: 29.6;--btd-hw: 13}}.btd-sweep{inset:0;border-radius:var(--radius-m);background:radial-gradient(circle at 38% 24%,var(--color-plate-bloom),transparent 55%),var(--color-collage-page)}.btd-room{inset:0;transform-origin:var(--btd-vx) calc(var(--btd-vy) * var(--btd-u));transform:scale(var(--btd-push));opacity:var(--btd-room-o)}.btd-room>*{position:absolute}.btd-wall{inset:0;background:var(--color-on-accent)}.btd-wall:before,.btd-wall:after{content:"";position:absolute;inset:0}.btd-wall:before{background:var(--color-accent);opacity:.24}.btd-wall--ceiling{clip-path:polygon(0 0,100% 0,calc(var(--btd-vx) + var(--btd-or) * var(--btd-u)) calc(var(--btd-ot) * var(--btd-u)),calc(var(--btd-vx) + var(--btd-ol) * var(--btd-u)) calc(var(--btd-ot) * var(--btd-u)))}.btd-wall--ceiling:before{opacity:.12}.btd-wall--ceiling:after{background:linear-gradient(var(--color-plate-shadow),transparent calc(var(--btd-ot) * var(--btd-u)))}.btd-wall--floor{clip-path:polygon(0 100%,100% 100%,calc(var(--btd-vx) + var(--btd-or) * var(--btd-u)) calc(var(--btd-ob) * var(--btd-u)),calc(var(--btd-vx) + var(--btd-ol) * var(--btd-u)) calc(var(--btd-ob) * var(--btd-u)))}.btd-wall--floor:before{opacity:.3}.btd-wall--floor:after{background:repeating-linear-gradient(90deg,transparent 0 calc(4 * var(--btd-u)),var(--color-plate-shadow) calc(4 * var(--btd-u)) calc(4.15 * var(--btd-u))),linear-gradient(0deg,var(--color-plate-shadow),transparent calc(100% - var(--btd-ob) * var(--btd-u)))}.btd-wall--left{clip-path:polygon(0 0,calc(var(--btd-vx) + var(--btd-ol) * var(--btd-u)) calc(var(--btd-ot) * var(--btd-u)),calc(var(--btd-vx) + var(--btd-ol) * var(--btd-u)) calc(var(--btd-ob) * var(--btd-u)),0 100%)}.btd-wall--left:after{background:linear-gradient(90deg,var(--color-plate-shadow),transparent calc(var(--btd-vx) + var(--btd-ol) * var(--btd-u)))}.btd-wall--right{clip-path:polygon(100% 0,100% 100%,calc(var(--btd-vx) + var(--btd-or) * var(--btd-u)) calc(var(--btd-ob) * var(--btd-u)),calc(var(--btd-vx) + var(--btd-or) * var(--btd-u)) calc(var(--btd-ot) * var(--btd-u)))}.btd-wall--right:after{background:linear-gradient(270deg,var(--color-plate-shadow),transparent calc(100% - var(--btd-vx) - var(--btd-or) * var(--btd-u)))}.btd-doors,.btd-frame{inset-inline-start:calc(var(--btd-vx) + var(--btd-ol) * var(--btd-u));inset-block-start:calc(var(--btd-ot) * var(--btd-u));inline-size:calc((var(--btd-or) - var(--btd-ol)) * var(--btd-u));block-size:calc((var(--btd-ob) - var(--btd-ot)) * var(--btd-u))}.btd-doors{perspective:calc(95 * var(--btd-u));perspective-origin:calc(-1 * var(--btd-ol) * var(--btd-u)) calc((var(--btd-vy) - var(--btd-ot)) * var(--btd-u))}.btd-frame{box-sizing:content-box;translate:calc(-.9 * var(--btd-u)) calc(-.9 * var(--btd-u));border:calc(.9 * var(--btd-u)) solid var(--color-on-accent);box-shadow:inset 0 0 0 1px var(--color-plate-shadow),0 0 0 1px var(--color-plate-bloom)}.btd-leaf{position:absolute;inset-block:0;inline-size:50%;background:var(--color-on-accent);overflow:clip;backface-visibility:visible}.btd-leaf:before,.btd-leaf:after{content:"";position:absolute;inset:0}.btd-leaf:before{background:linear-gradient(90deg,var(--color-accent),transparent 28%,var(--color-accent) 52%,transparent 78%,var(--color-accent));opacity:.3}.btd-leaf:after{background:repeating-linear-gradient(90deg,transparent 0 calc(.55 * var(--btd-u)),var(--color-plate-shadow) calc(.55 * var(--btd-u)) calc(.62 * var(--btd-u))),repeating-linear-gradient(90deg,transparent 0 calc(1.7 * var(--btd-u)),var(--color-plate-bloom) calc(1.7 * var(--btd-u)) calc(1.74 * var(--btd-u)));opacity:.5}.btd-leaf--l{inset-inline-start:0;transform-origin:0 50%;transform:rotateY(calc(var(--btd-door) * 1deg))}.btd-leaf--r{inset-inline-end:0;transform-origin:100% 50%;transform:rotateY(calc(var(--btd-door) * -1deg))}.btd-panel{position:absolute;z-index:1;inset-inline:15%;border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px var(--color-plate-bloom),inset 0 0 0 calc(.7 * var(--btd-u)) var(--color-plate-shadow),inset 0 calc(.7 * var(--btd-u)) calc(1.4 * var(--btd-u)) var(--color-plate-shadow)}.btd-panel--top{inset-block:5% 50%}.btd-panel--bottom{inset-block:55% 5%}.btd-pull{position:absolute;z-index:1;inset-block-start:45%;block-size:7%;inline-size:calc(.75 * var(--btd-u));border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:inset calc(.2 * var(--btd-u)) 0 0 var(--color-plate-bloom),calc(.3 * var(--btd-u)) calc(.4 * var(--btd-u)) calc(.6 * var(--btd-u)) var(--color-plate-shadow)}.btd-leaf--l .btd-pull{inset-inline-end:8%}.btd-leaf--r .btd-pull{inset-inline-start:8%}.btd-leaf__shade{position:absolute;z-index:2;inset:0;background:var(--color-on-accent);opacity:calc(var(--btd-door) / 190)}.btd-glow{mix-blend-mode:screen;pointer-events:none}.btd-glow:before,.btd-glow:after{content:"";position:absolute;inset:0;mix-blend-mode:screen}.btd-glow--warm{inset:0;opacity:var(--btd-warm);background:radial-gradient(ellipse calc(22 * var(--btd-u)) calc(40 * var(--btd-u)) at var(--btd-vx) calc(var(--btd-vy) * var(--btd-u)),var(--color-accent),transparent 72%),radial-gradient(ellipse calc(60 * var(--btd-u)) calc(16 * var(--btd-u)) at var(--btd-vx) calc(var(--btd-ob) * var(--btd-u)),var(--color-accent),transparent 70%)}.btd-art--open .btd-glow--warm{opacity:.5}.btd-glow--spill{inset:0;opacity:var(--btd-spill)}.btd-glow--spill:before,.btd-glow--spill:after{--btd-c: var(--color-surface);background:radial-gradient(ellipse calc(30 * var(--btd-u)) calc(9 * var(--btd-u)) at var(--btd-vx) calc(var(--btd-ob) * var(--btd-u)),var(--btd-c),transparent),radial-gradient(ellipse calc(26 * var(--btd-u)) calc(5 * var(--btd-u)) at var(--btd-vx) calc(var(--btd-ot) * var(--btd-u)),var(--btd-c),transparent),radial-gradient(ellipse calc(9 * var(--btd-u)) calc(44 * var(--btd-u)) at var(--btd-vx) calc(var(--btd-vy) * var(--btd-u)),var(--btd-c),transparent 70%)}.btd-glow--spill:after{--btd-c: var(--color-text)}.btd-glow--seam{inset-inline-start:calc(var(--btd-vx) - 7 * var(--btd-u));inline-size:calc(14 * var(--btd-u));inset-block-start:calc(var(--btd-ot) * var(--btd-u));block-size:calc((var(--btd-ob) - var(--btd-ot)) * var(--btd-u));transform-origin:50% calc((var(--btd-vy) - var(--btd-ot)) * var(--btd-u));transform:scale(var(--btd-push)) scaleX(var(--btd-seam-w));opacity:var(--btd-seam)}.btd-glow--seam:before,.btd-glow--seam:after{--btd-c: var(--color-surface);background:linear-gradient(90deg,transparent 48.6%,var(--btd-c) 50%,transparent 51.4%),radial-gradient(ellipse 14% 50% at 50% 50%,var(--btd-c),transparent),radial-gradient(ellipse 50% 44% at 50% 55%,var(--btd-c),transparent 38%);opacity:.7}.btd-glow--seam:after{--btd-c: var(--color-text)}.btd-glow--rays{inset:0;opacity:var(--btd-rays)}.btd-glow--rays:before,.btd-glow--rays:after{--btd-c: var(--color-surface);background:conic-gradient(from 0deg at var(--btd-vx) calc(var(--btd-vy) * var(--btd-u)),transparent 0deg,var(--btd-c) 14deg,transparent 22deg,transparent 58deg,var(--btd-c) 66deg,transparent 72deg,transparent 104deg,var(--btd-c) 118deg,transparent 128deg,transparent 150deg,var(--btd-c) 164deg,transparent 172deg,var(--btd-c) 186deg,transparent 200deg,transparent 226deg,var(--btd-c) 240deg,transparent 250deg,transparent 286deg,var(--btd-c) 296deg,transparent 304deg,transparent 336deg,var(--btd-c) 346deg,transparent 360deg);-webkit-mask-image:radial-gradient(circle at var(--btd-vx) calc(var(--btd-vy) * var(--btd-u)),transparent calc(9 * var(--btd-u)),var(--color-on-accent) calc(26 * var(--btd-u)),transparent calc(70 * var(--btd-u)));mask-image:radial-gradient(circle at var(--btd-vx) calc(var(--btd-vy) * var(--btd-u)),transparent calc(9 * var(--btd-u)),var(--color-on-accent) calc(26 * var(--btd-u)),transparent calc(70 * var(--btd-u)));opacity:.55}.btd-glow--rays:after{--btd-c: var(--color-text)}.btd-glow--flood{inset:0;opacity:var(--btd-flood)}.btd-glow--flood:before,.btd-glow--flood:after{--btd-c: var(--color-bg);background:radial-gradient(circle at var(--btd-vx) calc(var(--btd-vy) * var(--btd-u)),var(--btd-c),var(--btd-c) calc(75 * var(--btd-u)),transparent calc(190 * var(--btd-u)))}.btd-glow--flood:after{--btd-c: var(--color-plate-bloom)}.btd-dim{inset:0;opacity:calc(var(--btd-dim) * .9);background:radial-gradient(ellipse calc(34 * var(--btd-u)) calc(44 * var(--btd-u)) at var(--btd-vx) calc(var(--btd-vy) * var(--btd-u)),transparent,var(--color-on-accent) 95%)}.btd-dim:before{content:"";position:absolute;inset:0;background:var(--color-on-accent);opacity:.22}.btd-motes{inset:0;inline-size:100%;block-size:100%;pointer-events:none}.btd-rail{inset:0;transform-origin:var(--btd-vx) calc(var(--btd-vy) * var(--btd-u));transform:translate3d(0,calc(var(--btd-rail-y) * 1px),0) scale(var(--btd-rail-s));opacity:var(--btd-rail-o)}.btd-rail>*{position:absolute}.btd-shelf,.btd-bar{inset-inline-start:calc(var(--btd-vx) + var(--btd-ol) * 1.32 * var(--btd-u));inline-size:calc((var(--btd-or) - var(--btd-ol)) * 1.32 * var(--btd-u))}.btd-shelf{inset-block-start:calc(var(--btd-shelf) * var(--btd-u));block-size:calc(1.4 * var(--btd-u));background:var(--color-on-accent);box-shadow:0 calc(.6 * var(--btd-u)) calc(1.6 * var(--btd-u)) var(--color-plate-shadow)}.btd-shelf:before{content:"";position:absolute;inset:0;background:var(--color-accent);opacity:.5}.btd-shelf:after{content:"";position:absolute;inset:0 0 auto;block-size:1px;background:var(--color-plate-bloom)}.btd-bar{inset-block-start:calc(var(--btd-rail) * var(--btd-u));block-size:calc(.75 * var(--btd-u));border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 calc(.5 * var(--btd-u)) calc(1 * var(--btd-u)) var(--color-plate-shadow)}.btd-bar:after{content:"";position:absolute;inset:0;border-radius:var(--radius-pill);background:linear-gradient(var(--color-plate-bloom),transparent 45%,var(--color-plate-shadow))}.btd-hanger{inset-inline-start:calc(var(--btd-vx) + (var(--btd-x) + var(--btd-w) / 2 - var(--btd-hw) / 2) * var(--btd-u));inset-block-start:calc((var(--btd-rail) - .6) * var(--btd-u));inline-size:calc(var(--btd-hw) * var(--btd-u));block-size:auto;color:var(--color-accent);overflow:visible}.btd-hanger--skirt{--btd-hw: 9}.btd-hanger--sweater{--btd-hw: 13}.btd-piece{--btd-y: var(--btd-top);inset-inline-start:calc(var(--btd-vx) + var(--btd-x) * var(--btd-u));inset-block-start:calc(var(--btd-y) * var(--btd-u));inline-size:calc(var(--btd-w) * var(--btd-u))}.btd-piece img{inline-size:100%;filter:drop-shadow(0 calc(.5 * var(--btd-u)) calc(.8 * var(--btd-u)) var(--color-plate-shadow))}.btd-sway{transform-origin:50% calc(-2.6 * var(--btd-u))}.btd-fly .btd-sway{filter:brightness(calc(1 - var(--btd-dim) * .46)) sepia(calc(var(--btd-dim) * .32)) saturate(calc(1 + var(--btd-dim) * .1))}.btd-piece--sweater,.btd-hanger--sweater{--btd-x: -15.5;--btd-w: 16}.btd-piece--knit,.btd-hanger--knit{--btd-x: .6;--btd-w: 14.5}.btd-piece--blazer,.btd-hanger--blazer{--btd-x: -26;--btd-w: 17}.btd-piece--blouse,.btd-hanger--blouse{--btd-x: 4.5;--btd-w: 16}.btd-piece--skirt,.btd-hanger--skirt{--btd-x: 16;--btd-w: 10}.btd-piece--skirt{--btd-y: calc(var(--btd-top) + .4)}.btd-piece--tote{--btd-x: -18;--btd-w: 10.5;--btd-y: calc(var(--btd-shelf) - 11.1)}.btd-piece--pumps{--btd-x: 7.5;--btd-w: 9.5;--btd-y: calc(var(--btd-shelf) - 9.2)}@container btd-art (orientation: landscape){.btd-piece--sweater,.btd-hanger--sweater{--btd-x: -19.5;--btd-w: 19}.btd-piece--knit,.btd-hanger--knit{--btd-x: 1.5;--btd-w: 18}.btd-piece--blazer,.btd-hanger--blazer{--btd-x: -38.5;--btd-w: 21.5}.btd-piece--blouse,.btd-hanger--blouse{--btd-x: 10.5;--btd-w: 19.5}.btd-piece--skirt,.btd-hanger--skirt{--btd-x: 27.5;--btd-w: 12}.btd-hanger--skirt{--btd-hw: 10}.btd-hanger--sweater{--btd-hw: 14}.btd-piece--tote{--btd-x: -24;--btd-w: 12.5;--btd-y: calc(var(--btd-shelf) - 13.3)}.btd-piece--pumps{--btd-x: 12;--btd-w: 11;--btd-y: calc(var(--btd-shelf) - 10.7)}}.btd-art--open{--btd-door: 112;--btd-dim: .12;--btd-seam: 0;--btd-rays: .7;--btd-spill: 1;--btd-flood: .28}.btd-art--sweep{container-type:inline-size;block-size:auto;padding-block:var(--space-m)}.btd-still-board{position:relative;inline-size:min(86cqw,24rem);margin-inline:auto}@media(min-width:48rem){.btd-art--sweep{container-type:size;block-size:min(60rem,max(36rem,calc(100svh - var(--header-h, var(--nav-h)))));padding-block:0}.btd-still-board{position:absolute;inline-size:min(86cqw,44.6cqh);margin-inline:0;inset-inline-start:50%;inset-block-start:7cqh;translate:-50% 0}}.btd-dec{display:none}@container btd-art (orientation: landscape){.btd-still-board{inline-size:76cqh;inset-inline-start:calc(62cqw - 38cqh);inset-block-start:10cqh;translate:none}}.btd-card{position:relative;z-index:4;display:flex;flex-direction:column;gap:var(--space-xs);max-inline-size:32rem;padding:var(--space-m);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-m)}.btd-card p{max-inline-size:none}.btd-card__title{font-size:var(--step-3)}.btd-card__title--hero{font-size:var(--step-5);letter-spacing:var(--track-display)}.btd-status{font-size:var(--step--1);font-weight:600;color:var(--color-text-muted)}.btd-cue{display:none}.btd-occasions{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.btd-occasion{padding:var(--space-3xs) var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--step--1)}.btd-occasion--on{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.btd-cover{position:relative;display:flex;flex-direction:column;gap:var(--space-s);inline-size:min(100%,28rem);padding:var(--space-s)}.btd-cover>:not(.btd-cover__paper){position:relative;z-index:3}.btd-cover__paper{position:absolute;z-index:1;inset:0;border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-m)}.btd-cover__masthead{display:flex;flex-direction:column;align-items:center;gap:0;padding-block-end:var(--space-xs);border-block-end:1px solid var(--color-border);text-align:center}.btd-cover__name{font-family:var(--font-display);font-size:var(--step-0);letter-spacing:calc(var(--track-caps) * 2.5);text-transform:uppercase}.btd-cover__board{position:relative;border-radius:var(--radius-m);overflow:clip}.btd-cover__folio{display:inline-block;margin-inline-end:var(--space-3xs);padding:0 var(--space-2xs);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text)}.btd-cover__words{display:flex;flex-direction:column;gap:var(--space-3xs)}.btd-cover__eyebrow{font-size:var(--step--2);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--color-accent-text)}.btd-cover__headline{font-size:var(--step-4);letter-spacing:var(--track-tight)}.btd-cover__blurb{font-size:var(--step--1);color:var(--color-text-muted)}.btd__track{display:none}.btd__world--closet,.btd__world--light,.btd__world--sweep{display:grid}.btd__world--closet>*,.btd__world--light>*,.btd__world--sweep>*{grid-area:1 / 1}.btd__world .btd-card{align-self:end;justify-self:start;margin:var(--space-s)}.btd__world--sweep>.btd-card{grid-area:2 / 1;align-self:start;margin-block-start:0}.btd-motes{display:none}.btd__world--cover{display:grid;justify-items:center;gap:var(--space-l);padding:var(--space-xl) var(--space-s);background:var(--color-bg)}.btd__world--cover .btd-card{margin:0;justify-self:center}@media(min-width:48rem){.btd__world .btd-card{margin:var(--space-l)}.btd__world--sweep>.btd-card{grid-area:1 / 1;align-self:end}}@media(min-width:64rem){.btd__world--closet .btd-card,.btd__world--light .btd-card,.btd__world--sweep .btd-card{inline-size:min(30rem,36%);margin-inline-start:var(--space-xl)}.btd__world--cover{grid-template-columns:minmax(0,28rem) minmax(0,28rem);justify-content:center;align-items:center;gap:var(--space-2xl)}}.btd-notes__grid{display:grid;gap:var(--space-l)}.btd-notes__list{display:grid}.btd-note{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-s);padding-block:var(--space-s);border-block-start:1px solid var(--color-border)}.btd-note:last-child{border-block-end:1px solid var(--color-border)}.btd-note__n{font-family:var(--font-display);font-size:var(--step-2);line-height:1;color:var(--color-accent-text)}.btd-note__body{display:flex;flex-direction:column;gap:var(--space-3xs)}.btd-note__line{font-family:var(--font-display);font-size:var(--step-1)}@media(min-width:48rem){.btd-notes__grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-xl);align-items:start}}.btd-pairs__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-m)}.btd-pair{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);overflow:clip}.btd-pair__plate{--btd-meet: 1;position:relative;aspect-ratio:1;background:radial-gradient(circle at 38% 24%,var(--color-plate-bloom),transparent 55%),linear-gradient(var(--color-plate-top),var(--color-plate-mid) 55%,var(--color-plate-bottom))}.btd-pair__piece{position:absolute}.btd-pair__piece img{inline-size:100%;block-size:100%;object-fit:contain;filter:drop-shadow(0 .25rem .5rem var(--color-plate-shadow))}.btd-pair__piece--a{inset-inline-start:6%;inset-block-start:7%;inline-size:52%;block-size:52%;rotate:-3deg;translate:calc((1 - var(--btd-meet)) * -34%) 0}.btd-pair__piece--b{inset-inline-start:50%;inset-block-start:27%;inline-size:44%;block-size:66%;rotate:3deg;translate:calc((1 - var(--btd-meet)) * 34%) 0}.btd-pair__words{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-s) var(--space-m) var(--space-m)}.btd-pair__verdict{display:inline-flex;align-items:center;gap:var(--space-3xs);font-size:var(--step--1);font-weight:600;color:var(--color-accent-text)}.btd-pair__check{inline-size:1.1em;block-size:1.1em}.btd-pair__title{font-size:var(--step-2)}@keyframes btd-sway{0%{rotate:-.9deg}to{rotate:.9deg}}@keyframes btd-breathe{0%{opacity:.7}to{opacity:.95}}@keyframes btd-cue{0%{transform:scaleX(0);transform-origin:0 50%}50%{transform:scaleX(1);transform-origin:0 50%}51%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}@media(prefers-reduced-motion:no-preference){.js .btd:not(.btd--static){position:relative}.js .btd:not(.btd--static) .btd__pin{position:sticky;inset-block-start:var(--header-h, var(--nav-h));z-index:0;block-size:calc(100lvh - var(--header-h, var(--nav-h)));overflow:clip;container:btd-pin / size;background:var(--color-bg)}.js .btd:not(.btd--static) .btd__track{display:block;block-size:520svh}.js .btd:not(.btd--static) .btd__world{position:absolute;inset:0;display:block;padding:0;background:none}.js .btd:not(.btd--static) .btd__world--light>.btd-art,.js .btd:not(.btd--static) .btd__world--sweep>.btd-art{display:none}.js .btd:not(.btd--static) .btd-art{position:absolute;inset:0;z-index:2;block-size:auto}.js .btd:not(.btd--static) .btd-motes{display:block}.js .btd:not(.btd--static) .btd-sweep{inset:auto;inset-inline-start:var(--btd-sx);inset-block-start:var(--btd-sy);inline-size:var(--btd-sw);block-size:var(--btd-sh);transform:translate3d(calc(var(--btd-stx) * 1px),calc(var(--btd-sty) * 1px),0) scale(var(--btd-ss));clip-path:var(--btd-clip)}.js .btd:not(.btd--static) .btd-sway{animation:btd-sway 6.5s ease-in-out infinite alternate}.js .btd:not(.btd--static) .btd-piece--shirt .btd-sway{animation-duration:7.4s;animation-delay:-2s}.js .btd:not(.btd--static) .btd-piece--knit .btd-sway{animation-duration:8.1s;animation-delay:-5s}.js .btd:not(.btd--static) .btd-piece--blouse .btd-sway{animation-duration:7s;animation-delay:-3.5s}.js .btd:not(.btd--static) .btd-piece--skirt .btd-sway{animation-duration:5.8s;animation-delay:-1s}.js .btd:not(.btd--static) .btd-piece--tote .btd-sway,.js .btd:not(.btd--static) .btd-piece--pumps .btd-sway,.js .btd:not(.btd--static) .btd-fly[data-lifted] .btd-sway{animation:none}.js .btd:not(.btd--static) .btd-glow--seam:before,.js .btd:not(.btd--static) .btd-glow--seam:after{animation:btd-breathe 3.8s ease-in-out infinite alternate}.js .btd:not(.btd--static) .btd-fly{--btd-fz: 41;z-index:var(--btd-fz)}.js .btd:not(.btd--static) .btd-fly.btd-piece--tote,.js .btd:not(.btd--static) .btd-fly.btd-piece--pumps{--btd-fz: 40}.js .btd:not(.btd--static) .btd-dec{--btd-o: 0;--btd-pin: 0;--btd-type: 0;--cl-u: calc(var(--btd-dw) * 1px / 100);--cl-ox: calc(var(--btd-dx) * 1px);--cl-oy: calc(var(--btd-dy) * 1px);display:block;opacity:var(--btd-o)}.js .btd:not(.btd--static) .btd-dec--board{--cl-u: 1cqw;--cl-ox: 0px;--cl-oy: 0px;position:absolute;z-index:1;inset-inline-start:calc(var(--btd-dx) * 1px);inset-block-start:calc(var(--btd-dy) * 1px);inline-size:calc(var(--btd-dw) * 1px);overflow:visible;background:none}.js .btd:not(.btd--static) .btd-dec--board .cl-title,.js .btd:not(.btd--static) .btd-dec--board .cl-sub{opacity:var(--btd-type)}.js .btd:not(.btd--static) .btd-dec.cl-card:after{opacity:var(--btd-pin);translate:0 calc((1 - var(--btd-pin)) * -.8 * var(--cl-u));scale:calc(1 + (1 - var(--btd-pin)) * .15)}.js .btd:not(.btd--static) .btd-fly{--btd-fx: 0;--btd-fy: 0;--btd-fr: 0;--btd-fk: 1;transform:translate3d(calc(var(--btd-fx) * 1px),calc(var(--btd-fy) * 1px),0) rotate(calc(var(--btd-fr) * 1deg)) scale(var(--btd-fk))}.js .btd:not(.btd--static) .btd-card{--btd-co: 0;--btd-cy: 0;position:absolute;inset-inline:var(--space-s);inset-block-end:calc(100lvh - 100svh + var(--space-s));margin:0;margin-inline:auto;max-inline-size:34rem;opacity:var(--btd-co);transform:translate3d(0,calc(var(--btd-cy) * 1px),0)}.js .btd:not(.btd--static) .btd-card--hero{--btd-co: 1}.js .btd:not(.btd--static) .btd-card[data-btd-off]{pointer-events:none}.js .btd:not(.btd--static) .btd-cue{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--step--2);font-weight:600;letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--color-text-muted)}.js .btd:not(.btd--static) .btd-cue__line{inline-size:2.5rem;block-size:1px;background:var(--color-text-muted);animation:btd-cue 2.6s var(--ease-out) infinite}.js .btd:not(.btd--static) .btd-cover{--btd-bw: min(calc(100cqw - 4 * var(--space-s)), 24rem, calc((100svh - var(--header-h, var(--nav-h)) - 18.5rem) * .95));position:absolute;inset:0 0 calc(100lvh - 100svh) 0;margin:auto;block-size:fit-content;inline-size:min(calc(100cqw - 2 * var(--space-s)),calc(24rem + 2 * var(--space-s)))}.js .btd:not(.btd--static) .btd-cover__board{align-self:center;inline-size:var(--btd-bw);background:none}.js .btd:not(.btd--static) .btd-cover__headline{font-size:var(--step-3)}.js .btd:not(.btd--static) .btd-cover__board .collage{opacity:0}.js .btd:not(.btd--static) .btd-cover__paper{opacity:var(--btd-po);transform-origin:50% 100%;transform:perspective(60rem) translate3d(0,calc(var(--btd-py) * 1px),0) rotateX(calc(var(--btd-pr) * 1deg))}.js .btd:not(.btd--static) [data-btd-part]{--btd-to: 0;--btd-ty: 0;opacity:var(--btd-to);transform:translate3d(0,calc(var(--btd-ty) * 1px),0)}.js .btd:not(.btd--static) .btd-card--hero .btd-card__title--hero{font-size:var(--step-4)}.js .btd:not(.btd--static) .btd-card{padding:var(--space-s)}.js .btd:not(.btd--static) .btd-card--hero .eyebrow,.js .btd:not(.btd--static) .btd-card--hero .btd-cue{display:none}@container btd-pin (min-height: 42rem){.js .btd:not(.btd--static) .btd-card{padding:var(--space-m)}.js .btd:not(.btd--static) .btd-card--hero .btd-card__title--hero{font-size:var(--step-5)}.js .btd:not(.btd--static) .btd-card--hero .eyebrow{display:block}.js .btd:not(.btd--static) .btd-card--hero .btd-cue{display:flex}}@container btd-pin (orientation: landscape) and (max-height: 44rem){.js .btd:not(.btd--static) .btd-card{padding:var(--space-s)}.js .btd:not(.btd--static) .btd-card--hero .btd-card__title--hero{font-size:var(--step-4)}.js .btd:not(.btd--static) .btd-card--hero .eyebrow,.js .btd:not(.btd--static) .btd-card--hero .btd-cue{display:none}}@container btd-pin (orientation: landscape){.js .btd:not(.btd--static) .btd-card{inset-inline:4cqw auto;inset-block:0 calc(100lvh - 100svh);margin-block:auto;block-size:fit-content;inline-size:min(31rem,37cqw)}.js .btd:not(.btd--static) .btd-card--step3{inline-size:min(24rem,28cqw)}.js .btd:not(.btd--static) .btd-cover{--btd-cr: calc(4cqw + min(24rem, 28cqw)) ;--btd-ww: min(20rem, 22cqw);--btd-bw: min( max(40rem, 60cqh), calc(96cqw - var(--btd-cr) - var(--btd-ww) - 2 * var(--space-m) - 2 * var(--space-s)), calc((100svh - var(--header-h, var(--nav-h)) - 2 * var(--space-m) - 2 * var(--space-s)) * .95) );display:grid;grid-template-columns:var(--btd-bw) var(--btd-ww);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"board mast" "board words";column-gap:var(--space-m);row-gap:var(--space-s);inset-inline:calc(var(--btd-cr) + var(--space-m)) 4cqw;margin-inline:auto;inline-size:calc(var(--btd-bw) + var(--btd-ww) + var(--space-m) + 2 * var(--space-s))}.js .btd:not(.btd--static) .btd-cover__masthead{grid-area:mast}.js .btd:not(.btd--static) .btd-cover__board{grid-area:board;align-self:center}.js .btd:not(.btd--static) .btd-cover__words{grid-area:words;align-self:end;gap:var(--space-xs)}}@container btd-pin (orientation: landscape) and (min-width: 100rem){.js .btd:not(.btd--static) .btd-cover__headline{font-size:var(--step-4)}}.js .btd-note{opacity:clamp(0,calc((var(--progress, 1) - .04) * 7),1);translate:0 calc((1 - clamp(0,calc((var(--progress, 1) - .04) * 7),1))/.8rem)}.js .btd-pair .btd-pair__plate{--btd-meet: clamp(0, calc((var(--progress, 1) - .12) * 3.2), 1)}}}
