@font-face{font-family:Red Hat Display;src:url(/fonts/red-hat-display.woff2)format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Red Hat Text;src:url(/fonts/red-hat-text.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--paper:#f3f2ef;--light:#f4f4f5;--ink:#141414;--red:#620409;--sage:#dde5df;--stone:#dfe2e6;--occasion:#d3d8e2;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2.5rem, 1.2rem + 4vw, 5rem);--step-section:clamp(2rem, 1.1rem + 2.6vw, 3.5rem);--margin:clamp(20px, 4vw, 64px);--bar:76px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 12px)}body{background:var(--light);color:var(--ink);font:400 var(--step-body) / 1.55 "Red Hat Text", system-ui, sans-serif;margin:0}img{max-width:100%;display:block}a{color:inherit}p,li{text-wrap:pretty}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline-offset:4px;outline:3px solid}.button:focus-visible{outline-color:var(--btn,var(--ink))}.guide-page .button.round:focus-visible,.guide-page .button.hands:focus-visible{outline-color:var(--silk)}.bar .button:focus-visible{outline-color:var(--bar-ink,var(--ink))}.pick-occasion .pills button[aria-pressed=true]:focus-visible{outline-color:var(--ink)}h1,h2,h3{text-wrap:balance;letter-spacing:-.03em;margin:0;font-family:Red Hat Display,sans-serif;font-weight:600;line-height:1}[hidden]{display:none!important}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:20;left:var(--margin);background:var(--ink);color:var(--paper);border-radius:999px;padding:12px 18px;font-weight:500;position:absolute;top:-60px}.skip-link:focus{top:12px}.grid{padding:0 var(--margin);grid-template-columns:repeat(12,1fr);column-gap:24px;display:grid}.button{background:var(--btn,var(--ink));min-height:56px;color:var(--btn-ink,var(--paper));font:500 var(--step-body) / 1 "Red Hat Text", sans-serif;cursor:pointer;transition:transform .2s var(--ease), opacity .2s ease, background-color .3s ease, color .3s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 30px;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button:disabled{opacity:.3;cursor:default;transform:none}.pills{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.pills a,.pills button{min-height:48px;color:var(--ink);font:500 var(--step-body) / 1 "Red Hat Text", sans-serif;cursor:pointer;background:#fff9;border:0;border-radius:999px;align-items:center;padding:0 22px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.pills a:hover,.pills button:hover{background:#fffffff2}.bar{z-index:10;height:var(--bar);padding:0 var(--margin);background:var(--bar-bg,var(--light));color:var(--bar-ink,var(--ink));justify-content:space-between;align-items:center;gap:24px;transition:background-color .4s,color .4s;display:flex;position:fixed;inset:0 0 auto}.wordmark{min-height:44px;font:600 var(--step-lead) / 1 "Red Hat Display", sans-serif;letter-spacing:-.02em;align-items:center;text-decoration:none;display:inline-flex}.site-nav{align-items:center;gap:28px;display:flex}.site-nav ul{gap:28px;margin:0;padding:0;list-style:none;display:flex}.site-nav ul a{align-items:center;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.site-nav ul a:hover,.site-nav ul a[aria-current=page]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}@media (width>=761px){.bar.over-pick .button{opacity:0;visibility:hidden}}.bar .button{background:var(--bar-ink,var(--ink));min-height:44px;color:var(--bar-bg,var(--light));padding:0 20px;transition:opacity .2s,visibility .2s}.menu-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:none}.menu-button .menu-close,.menu-button[aria-expanded=true] .menu-open{display:none}.menu-button[aria-expanded=true] .menu-close{display:block}.site-footer{background:var(--red);color:var(--paper);padding:96px 0 36px}.site-footer .grid{align-items:start}.foot-mark{font:600 var(--step-head) / .95 "Red Hat Display", sans-serif;letter-spacing:-.035em;grid-column:1/7;margin:0}.foot-links{grid-column:7/13;grid-template-columns:repeat(2,1fr);gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.foot-links a{align-items:center;min-width:44px;min-height:44px;padding-right:8px;font-weight:500;text-decoration:none;display:inline-flex}.foot-links a:hover,.foot-end a:hover{text-underline-offset:5px;text-decoration:underline}.foot-end{padding:0 var(--margin);font-size:var(--step-small);justify-content:flex-end;margin-top:48px;display:flex}.foot-end a{align-items:center;min-height:44px;font-weight:500;display:inline-flex}.home-hero{min-height:100svh;padding-top:var(--bar);background:var(--silk,var(--red));color:var(--paper);grid-template-rows:1fr auto;grid-template-columns:repeat(12,1fr);column-gap:24px;transition:background-color .3s;display:grid;position:relative}.home-copy{padding:48px 0 56px var(--margin);grid-area:1/1/auto/8;align-self:end}.home-hero h1{max-width:16ch;font-size:clamp(2.25rem,1rem + 2.8vw,3.75rem);line-height:1.04}.home-intro{max-width:52ch;margin:18px 0 0;line-height:1.5}.starter{min-height:9.5em;margin-top:40px}.starter h2{font-size:var(--step-lead);letter-spacing:-.01em;line-height:1.2}.starter p{max-width:34ch;margin:6px 0 22px}.starter .button,.under .button{--btn:var(--paper);--btn-ink:var(--silk,var(--red))}.home-photos{grid-area:1/8/auto/13;margin:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.home-photos img{object-fit:cover;object-position:50% 45%;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.home-photos img.on{opacity:1}.rail{padding:20px var(--margin) 36px;grid-area:2/1/auto/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 20px;margin:0;list-style:none;display:grid}.tile{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.tile .swatch{aspect-ratio:4/3;background:var(--c);border-radius:6px;transition:opacity .3s;display:block;position:relative;overflow:hidden}.tile .swatch img{object-fit:cover;object-position:50% var(--fy,64%);width:100%;height:100%;transform-origin:50% var(--fy,64%);transition:transform .4s var(--ease);transform:scale(1.06)}.tile:hover .swatch img{transform:scale(1.1)}.tile .name{opacity:.92;padding-top:10px;font-weight:500;line-height:1.25;display:block}.tile .name small{font-size:.875rem;font-weight:400;display:block}.tile .name:after{content:"";transform-origin:0;width:28px;height:3px;transition:transform .3s var(--ease);background:currentColor;border-radius:2px;margin-top:8px;display:block;transform:scaleX(0)}.tile[aria-pressed=true] .name{opacity:1}.tile[aria-pressed=true] .name:after{transform:scaleX(1)}.tile[aria-pressed=true] .swatch:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff6}.rail:has([aria-pressed=true]) .tile:not([aria-pressed=true]) .swatch{opacity:.75}.rail:has([aria-pressed=true]) .tile:hover .swatch{opacity:1}.under{display:none}@media (width>=1600px){.tile .swatch{aspect-ratio:16/9}}@media (width>=2100px){.rail{grid-template-columns:repeat(10,minmax(0,1fr))}.tile .swatch{aspect-ratio:4/3}}@media (width>=761px) and (height<=860px){.home-copy{padding-top:24px;padding-bottom:28px}.tile .swatch{aspect-ratio:2}.tile .swatch img{object-position:50% calc(var(--fy,64%) - 10%);transform-origin:50% calc(var(--fy,64%) - 10%)}}.split{background:var(--wall,var(--light));padding:120px 0}.split .grid{align-items:center}.split figure{border-radius:6px;grid-column:1/6;margin:0;overflow:hidden}.split figure img{width:100%;height:auto;aspect-ratio:var(--ratio,4 / 3);object-fit:cover}.split .copy{grid-column:7/12}.split h2{font-size:var(--step-head)}.split .copy>p{max-width:34ch;font-size:var(--step-lead);margin:20px 0 0;line-height:1.4}.split .pills{margin-top:32px}.points{margin:40px 0 0;padding:0;list-style:none}.points li+li{margin-top:28px}.points h3{font-size:var(--step-lead);letter-spacing:-.01em;line-height:1.2}.points p{max-width:38ch;margin:6px 0 0}.pick-occasion{background:var(--wall,var(--occasion));padding:112px 0 128px;transition:background-color .3s}.pick-occasion h2{font-size:var(--step-head);grid-column:1/-1}.pick-occasion .pills{grid-column:1/-1;margin:32px 0 48px}.pick-occasion .pills button[aria-pressed=true]{background:var(--occ);color:var(--paper)}.occ-pick{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.occ-pick figure{border-radius:6px;grid-column:1/6;margin:0;overflow:hidden}.occ-pick figure img{aspect-ratio:5/4;object-position:50% 62%;height:auto}.occ-copy{grid-column:7/12}.occ-copy h3{font-size:clamp(1.75rem,1rem + 2vw,2.75rem)}.occ-tie{font-size:var(--step-lead);align-items:flex-start;gap:12px;margin:18px 0 30px;display:flex}.dots{flex:none;gap:4px;margin-top:.2em;display:flex}.occ-actions{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.text-link{text-underline-offset:5px;align-items:center;min-height:44px;font-weight:500;display:inline-flex}.head{padding:calc(var(--bar) + 88px) 0 96px;background:var(--wall,var(--stone))}.head .grid{align-items:center}.head .head-copy{grid-column:1/7}.head .head-copy:only-child{grid-column:1/10}.head h1{font-size:var(--step-head)}.head .head-copy>p{max-width:36ch;font-size:var(--step-lead);margin:24px 0 0;line-height:1.4}.head .pills{margin-top:36px}.head.has-below .grid{align-items:start}.head.has-below .head-copy{grid-row:1}.head.has-below figure{grid-row:1/3;margin-top:56px}.head-below{grid-area:2/1/auto/7}.head figure{border-radius:6px;grid-column:8/13;margin:0;overflow:hidden}.head figure img{aspect-ratio:4/3;object-fit:cover;object-position:var(--pos,50% 50%);width:100%;height:auto}.crumb{align-items:center;gap:6px;min-height:44px;margin-bottom:12px;font-weight:500;text-decoration:none;display:inline-flex}.crumb:hover{text-underline-offset:5px;text-decoration:underline}.topics{padding:96px var(--margin) 120px;grid-template-columns:repeat(3,1fr);gap:48px 24px;display:grid}.topic{text-decoration:none;display:block}.topic-art{aspect-ratio:4/3;background:var(--stone);border-radius:6px;overflow:hidden}.topic h2{font-size:var(--step-lead);letter-spacing:-.015em;margin-top:18px;line-height:1.2}.topic p{max-width:36ch;margin:8px 0 0}.topic .dots{vertical-align:-.2em;margin:0 10px 0 0;display:inline-flex}.topic .dots i{width:16px;height:16px}.topic:hover h2{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:2px}.shot{object-fit:cover;object-position:var(--pos,50% 50%);width:100%;height:100%;transform:scale(var(--zoom,1));transform-origin:var(--pos,50% 50%)}.reading{padding:112px 0}.reading+.reading{padding-top:0}.reading .grid{align-items:start}.reading figure{top:calc(var(--bar) + 36px);border-radius:6px;grid-column:1/6;margin:0;position:sticky;overflow:hidden}.reading figure img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.reading .copy{grid-column:7/12}.reading .copy.wide{grid-column:1/9}.reading h2{font-size:var(--step-section)}.reading h3{font-size:var(--step-lead);letter-spacing:-.015em;margin-top:40px;line-height:1.2}.reading .copy>h2+p,.reading .lead{font-size:var(--step-lead);margin:20px 0 0;line-height:1.4}.reading p{max-width:54ch;margin:12px 0 0}.reading .copy.wide h2{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem)}.reading .copy.wide>section>h2+*{margin-top:14px}.reading section+section{margin-top:56px}.steps{counter-reset:step;margin:16px 0 0;padding:0;list-style:none}.steps li{counter-increment:step;max-width:54ch;padding-left:44px;position:relative}.steps li+li{margin-top:14px}.steps li:before{content:counter(step);background:var(--ink);width:28px;height:28px;color:var(--paper);border-radius:50%;place-items:center;font:600 .875rem/1 Red Hat Text,sans-serif;display:grid;position:absolute;top:.1em;left:0}.bullets{margin:16px 0 0;padding-left:1.2em}.bullets li+li{margin-top:8px}.struck{margin:16px 0 0;padding:0;list-style:none}.struck li{padding-left:44px;position:relative}.struck li+li{margin-top:10px}.struck li:before,.struck li:after{content:"";background:var(--red);width:16px;height:2px;position:absolute;top:.75em;left:6px;transform:rotate(-45deg)}.struck li:after{transform:rotate(45deg)}.ways{margin:8px 0 0;padding:0;list-style:none}.ways li{padding-top:24px}.ways h3{margin:0}.ways .fit{opacity:.8;margin-top:4px;font-size:.9375rem;font-weight:500;display:block}.compare{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:20px 0 0;display:grid}.compare div{background:var(--wall,var(--stone));border-radius:6px;padding:22px}.compare dt{font:600 var(--step-lead) / 1.2 "Red Hat Display", sans-serif;letter-spacing:-.015em}.compare dd{margin:8px 0 0}.reading .copy.wide:has(.cloth){grid-column:1/-1}.reading .scale{justify-content:space-between;gap:16px;max-width:none;margin:20px 0 0;font-weight:600;display:flex}.scale span:last-child:after{content:" →"}.scale span:first-child:before{content:"← "}.cloth{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.cloth img{aspect-ratio:1;border-radius:6px;width:100%;height:auto;display:block}.cloth h3{margin:14px 0 0}.cloth p{margin:6px 0 0}.pull{max-width:30ch;font:500 var(--step-lead) / 1.35 "Red Hat Display", sans-serif;letter-spacing:-.01em;margin:40px 0 0}.tinted{isolation:isolate;background:var(--c);height:100%;transition:background-color .3s;display:block}.tinted img{object-fit:cover;object-position:50% 64%;mix-blend-mode:luminosity;width:100%;height:100%;filter:grayscale(1) brightness(var(--lift,1));transition:filter .3s}.palette{margin-top:40px}.reading.occasion .copy.wide{grid-column:1/-1}.reading.occasion .compare{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr))}.swatches button{gap:10px;padding:0 20px 0 12px}.swatches i,.dots i{background:var(--c);border-radius:50%;flex:none;width:24px;height:24px;box-shadow:inset 0 0 0 1px #0000001f}.swatches button[aria-pressed=true]{background:var(--light);box-shadow:inset 0 0 0 2px var(--ink);font-weight:600}.why{max-width:40ch;min-height:3lh;margin:20px 0 0}.palette .label{font:600 var(--step-body) / 1.2 "Red Hat Text", sans-serif;letter-spacing:0}.palette .label+ul{margin-top:12px}.palette .why+.label{margin-top:28px}.pills .fit{gap:10px;padding-left:6px}.fit-art{border-radius:50%;width:36px;height:36px;display:block;overflow:hidden}.fit-art img{object-position:50% var(--fy);transform-origin:50% var(--fy);transform:scale(2.6)}.fit.soon{border-radius:999px;align-items:center;gap:6px;min-height:48px;padding:0 22px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #00000040}.fit small{font-size:var(--step-small);opacity:.7}.why b{font-weight:600}.knot-picks{gap:20px;max-width:760px;margin:20px 0 0;padding:0;list-style:none;display:grid}.knot-picks li{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:20px;display:grid}.pick-art{border-radius:6px;width:112px;height:112px;display:block;overflow:hidden}.pick-art img{object-position:50% var(--fy);transform-origin:50% var(--fy);transform:scale(2.2)}.pick-art.plain{background:var(--wall);position:relative}.pick-art.plain:after{content:"";background:var(--c);border-radius:50%;width:28px;height:28px;transition:background-color .3s;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.knot-picks+p{margin-top:32px}.reading .knot-picks h3{margin:0}.knot-picks h3 a{text-underline-offset:5px}.knot-picks small{font:500 var(--step-small) / 1 "Red Hat Text", sans-serif;letter-spacing:0;opacity:.7;margin-left:6px}.reading .knot-picks p{margin-top:4px}.guide-page{background:var(--wall);color:var(--silk);--ink:var(--silk)}.guide-page .bar{background:var(--silk);color:var(--paper);position:sticky}.guide-page .where{font-variant-numeric:tabular-nums;font-weight:500;display:none}.guide-page .where b{letter-spacing:-.01em;margin-right:10px;font:600 1.125rem/1 Red Hat Display,sans-serif}.guide-page .bar a{align-items:center;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.guide-page .bar a:hover{text-underline-offset:6px;text-decoration:underline}.guide-page .button{--btn:var(--silk);--btn-ink:var(--paper);white-space:nowrap;min-height:60px}.guide-page .button.round,.guide-page .button.hands{--btn:transparent;--btn-ink:var(--silk);box-shadow:inset 0 0 0 2px var(--silk);flex:none}.guide-page .button.round{width:60px;padding:0}.guide-page .button.hands{padding:0 24px}.guide-page .button.hands[aria-pressed=true]{--btn:var(--silk);--btn-ink:var(--paper)}.button svg{width:20px;height:20px}.button .icon-pause,.button[aria-pressed=true] .icon-play{display:none}.button[aria-pressed=true] .icon-pause{display:block}.guide{height:calc(100svh - var(--bar));grid-template-columns:repeat(12,1fr);column-gap:24px;min-height:600px;display:grid}.stage{grid-column:1/8;margin:0;position:relative;overflow:hidden}.stage .art{transition:opacity .22s ease, transform .22s var(--ease);position:absolute;inset:0}.stage .art.out{opacity:0;transform:scale(.98)}.stage svg{width:88%;height:92%;position:absolute;inset:4% 6%}.stage .art>img{object-fit:cover;object-position:50% 40%;width:100%;height:100%;position:absolute;inset:0}.key{z-index:1;gap:18px;margin:0;padding:0;font-size:.9375rem;font-weight:500;list-style:none;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.key li{white-space:nowrap;align-items:center;gap:8px;display:flex}.key i{background:var(--c);width:16px;height:16px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--silk) 70%, transparent);border-radius:50%}.stage.is-done .key{display:none}.words{padding:48px var(--margin) 40px 0;flex-direction:column;grid-column:8/13;display:flex}.place{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.place h1{font-size:var(--step-lead);letter-spacing:-.01em}.place .count{font-variant-numeric:tabular-nums;flex:none;font-weight:500}.progress{margin:4px 0 0;padding:0;list-style:none;display:flex}.progress li{flex:1}.progress button{cursor:pointer;background:0 0;border:0;align-items:center;width:100%;height:44px;padding:0;display:flex}.progress button:before{content:"";background:var(--silk);opacity:.2;flex:1;height:4px;margin:0 1.5px;transition:opacity .25s}.progress button.past:before,.progress button[aria-current=step]:before{opacity:1}.step{margin-top:40px}.step h2,.done h2{font-size:clamp(1.875rem,1rem + 2.4vw,3.25rem)}.instruction{max-width:34ch;font-size:var(--step-lead);margin:18px 0 0;line-height:1.4}.more{max-width:40ch;margin-top:18px}.more summary{text-underline-offset:5px;cursor:pointer;align-items:center;min-height:44px;padding-right:12px;font-weight:500;text-decoration:underline;list-style:none;display:inline-flex}.more summary::-webkit-details-marker{display:none}@media (width>=901px){.more summary{display:none}}.more p{margin:0}.end{margin-top:auto;padding-top:24px}.controls{gap:12px;display:flex}.controls .grow{flex:1}.done{margin-top:40px}.done p{max-width:36ch;font-size:var(--step-lead);margin:18px 0 0;line-height:1.4}.done .controls{flex-wrap:wrap;align-items:center;margin-top:32px}.text-button{min-height:44px;color:inherit;font:500 var(--step-body) / 1 "Red Hat Text", sans-serif;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 8px;text-decoration:underline;display:inline-flex}.mirror .more{display:none}.mirror .place{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mirror .step h2{font-size:clamp(2.25rem,1.4rem + 2.4vw,3.75rem)}.mirror .instruction{max-width:26ch;font-size:clamp(1.75rem,1.1rem + 1.6vw,2.5rem);line-height:1.3}.not-found{min-height:70svh;padding:calc(var(--bar) + 120px) var(--margin) 120px}.not-found h1{font-size:var(--step-head)}.not-found p{font-size:var(--step-lead);margin:20px 0 32px}.rise{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);transition-delay:calc(var(--i,0) * 40ms);transform:translateY(12px)}.is-in .rise,.rise.is-in,.no-js .rise{opacity:1;transform:none}.enter{animation:enter .35s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms)}@keyframes enter{0%{opacity:0;transform:translateY(12px)}}@media (width<=1100px){.topics{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.guide-page{--bar:56px}.guide-page .bar .wordmark{display:none}.guide-page .bar nav{order:-1}.guide-page .where{display:block}.guide-page .place{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.guide{height:auto;min-height:0;padding-bottom:calc(96px + env(safe-area-inset-bottom));display:block}.stage{height:54svh}.stage svg{width:100%;height:100%;inset:0}.stage .art>img{object-position:50% 70%}.key{left:var(--margin);font-size:.875rem;bottom:6px;transform:none}.guide-page .controls .button:not(.round){padding:0 16px}.words{padding:4px var(--margin) 0}.step{margin-top:14px}.step h2{font-size:1.75rem}.instruction{margin-top:10px;font-size:1.1875rem;line-height:1.38}.more{margin-top:6px}.end{z-index:5;padding:10px var(--margin) calc(12px + env(safe-area-inset-bottom));background:var(--wall);position:fixed;bottom:0;left:0;right:0}.end.enter{animation:none}.done{margin-top:16px}.mirror .stage{height:36svh}.mirror .key{display:none}.mirror .step h2{font-size:1.75rem}.mirror .instruction{font-size:1.375rem}}@media (width<=400px),(width>=901px) and (width<=1080px){.guide-page .button.hands span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.guide-page .button.hands{width:60px;padding:0}}@media (width<=900px) and (height<=700px){.stage{height:44svh}.instruction{font-size:1.0625rem}.stage.is-done{height:34svh}.step h2{font-size:1.5rem}}@media (width<=760px){:root{--bar:64px}.bar{gap:12px}.wordmark{font-size:1.125rem}.site-nav{gap:8px}.site-nav ul{padding:8px var(--margin) 20px;background:var(--bar-bg,var(--light));flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.site-nav ul.open{display:flex}.site-nav ul a{min-height:48px;font-size:var(--step-lead)}.menu-button{display:grid}.home-hero{flex-direction:column;min-height:0;display:flex}.home-photos{order:-1;height:32svh;-webkit-mask-image:none;mask-image:none}.home-copy{padding:28px var(--margin) 20px}.home-hero h1{font-size:2.25rem}.starter{display:none}.rail{scroll-snap-type:x mandatory;scroll-padding:0 var(--margin);scrollbar-width:none;order:2;gap:12px;padding-top:0;padding-bottom:28px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail li{scroll-snap-align:start;flex:0 0 136px}.tile .swatch{aspect-ratio:1}.tile .name{white-space:nowrap;font-size:.9375rem}.under{padding:0 var(--margin) 32px;order:3;display:block}.under p{margin:0 0 16px}.under .button{display:flex}.split,.reading{padding:72px 0}.split figure,.split .copy,.reading figure,.reading .copy,.reading .copy.wide,.head .head-copy,.head figure,.head-below,.occ-pick figure,.occ-copy{grid-column:1/-1}.split figure,.reading figure,.occ-pick figure{margin-bottom:28px;position:static}.head{padding:calc(var(--bar) + 32px) 0 56px}.head figure{margin-top:32px}.head.has-below figure{grid-row:auto}.reading.occasion .compare{grid-template-columns:1fr}.cloth{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.knot-picks li{grid-template-columns:88px minmax(0,1fr)}.pick-art{width:88px;height:88px}.head.has-below figure img{aspect-ratio:16/10}.head-below{grid-row:auto}.palette{margin-top:24px}.pick-occasion{padding:80px 0 88px}.pick-occasion .pills{margin:24px 0 32px}.topics{padding:64px var(--margin) 80px;grid-template-columns:1fr}.site-footer{padding-top:72px}.foot-mark,.foot-links{grid-column:1/-1}.foot-links{margin-top:32px}.foot-end{margin-top:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.rise{opacity:1;transform:none}}