.head{padding-block:var(--space-8) var(--space-7)}.head h1{max-width:18ch;font-size:clamp(2.2rem,4.4vw,3.1rem)}.head .lead{margin-top:var(--space-4);color:var(--c-ink-soft);max-width:56ch;font-size:var(--text-lg)}.tryit{gap:var(--space-4);margin-top:var(--space-7);padding:var(--space-6);border:1px solid var(--c-line);border-radius:var(--radius-lg);background:var(--c-surface);display:grid}@media (min-width:760px){.tryit{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.tryit label{font-weight:600;font-size:var(--text-sm);display:block}.tryit .hint{margin-top:var(--space-1);color:var(--c-ink-soft);font-size:var(--text-sm);font-weight:400}.tryit input{width:100%;margin-top:var(--space-3);min-height:var(--control-height-lg);padding-inline:var(--space-4);border:1px solid var(--c-line-strong);border-radius:var(--radius-md);background:var(--c-ground);color:var(--c-ink);font:inherit;font-size:var(--text-lg)}.tryit input:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;border-color:var(--c-accent)}.swatches{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.swatches button{width:var(--control-tap-min);height:var(--control-tap-min);cursor:pointer;background-clip:padding-box;border:3px solid #0000;border-radius:50%;padding:0}.swatches button:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.swatches button[aria-pressed=true]{border-color:var(--c-ink);background-clip:border-box}.grid{gap:clamp(var(--space-6), 4vw, var(--space-8));padding-bottom:var(--space-10);grid-template-columns:1fr;display:grid}@media (max-width:699px){.grid{gap:var(--space-4);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-inline:var(--space-5);padding-bottom:var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.grid::-webkit-scrollbar{display:none}.look{scroll-snap-align:center;flex:0 0 84%}}@media (min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1080px){.grid{grid-template-columns:repeat(3,1fr)}}.look{gap:var(--space-4);flex-direction:column;display:flex}.look .frame{--shot-w:480;--shot-h:768;--shot-frame:500;--shot-scale:1;aspect-ratio:var(--shot-w) / var(--shot-h);border:1px solid var(--c-line);border-radius:var(--radius-lg);background:var(--c-surface);position:relative;overflow:hidden;box-shadow:0 10px 30px #00000012}.look iframe{width:calc(var(--shot-frame) * 1px);height:calc(var(--shot-h) * 1px);transform:scale(var(--shot-scale));transform-origin:0 0;border:0;display:block;position:absolute;top:0;left:0}.look .meta{gap:var(--space-3);flex-direction:column;display:flex}.look .name{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);display:inline-flex}.look .swatch{border-radius:50%;flex:none;width:12px;height:12px}.look .shape{color:var(--c-ink-soft);font-size:var(--text-sm)}.look .acts{gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.more-wrap{align-items:center;gap:var(--space-3);padding-bottom:var(--space-10);flex-direction:column;display:flex}.swipe-note{display:none}@media (max-width:699px){.swipe-note{margin-top:var(--space-3);color:var(--c-ink-soft);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;display:block}}.note{padding-block:var(--space-6);color:var(--c-ink-soft);font-size:var(--text-sm)}