.finish-page{min-height:100vh;padding-top:74px}.finish-head{max-width:var(--wide-max);margin:0 auto;padding:clamp(28px,4vw,56px) var(--gutter) 0}.finish-head h1{font-family:var(--display);font-weight:400;font-size:clamp(34px,4.4vw,62px);line-height:1.02;letter-spacing:-.035em;margin:10px 0 0;max-width:16ch}.finish-head h1 em{font-style:italic}.finish-head .intro{margin:18px 0 0;max-width:62ch;font-size:16.5px;line-height:1.65;color:var(--bone-70);text-wrap:pretty}.study{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);grid-gap:clamp(28px,4vw,64px);gap:clamp(28px,4vw,64px);padding:clamp(24px,3.4vw,44px) var(--gutter) clamp(32px,4vw,56px);max-width:var(--wide-max);margin:0 auto;width:100%}.study-media{display:flex;flex-direction:column}.study-base,.study-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.study-canvas{opacity:0;z-index:1;transition:opacity .6s var(--ease)}.study-canvas.is-ready{opacity:1}@media (prefers-reduced-motion:reduce){.study-canvas{transition:none}}.study-side{padding-top:4px;gap:clamp(22px,2.4vw,30px)}.study-block,.study-side{display:flex;flex-direction:column}.study-block{gap:13px}.study-pieces{display:flex;flex-wrap:wrap;gap:8px}.study-pieces button{font-family:var(--display);font-style:italic;font-size:16px;letter-spacing:-.02em;color:var(--bone-70);background:none;border:1px solid var(--line-soft);padding:9px 15px;cursor:pointer;transition:border-color .3s ease,color .3s ease}.study-pieces button:hover{color:var(--bone);border-color:var(--line)}.study-pieces button[aria-pressed=true]{color:var(--bone);border-color:var(--champagne)}.study-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:10px;gap:10px}.swatch{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:none;border:none;padding:4px 0 6px;cursor:pointer;font-family:var(--sans)}.swatch .chip{width:100%;height:44px;display:block;box-shadow:inset 0 0 0 1px rgba(239,234,224,.14);transition:box-shadow .3s ease,transform .3s var(--ease)}.swatch:hover .chip{box-shadow:inset 0 0 0 1px var(--bone-70)}.swatch[aria-pressed=true] .chip{box-shadow:inset 0 0 0 2px var(--champagne)}.swatch .n{font-size:9.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--smoke);transition:color .3s ease;text-align:start}.swatch:hover .n,.swatch[aria-pressed=true] .n{color:var(--bone)}.swatch--none .chip{background:var(--void-lift);position:relative;overflow:hidden}.swatch--none .chip:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom right,transparent calc(50% - 1px),rgba(239,234,224,.22) calc(50% - 1px),rgba(239,234,224,.22) calc(50% + 1px),transparent calc(50% + 1px))}.study-picker{display:flex;gap:15px;align-items:flex-start}.study-picker input[type=color]{inline-size:56px;block-size:48px;flex:none;padding:0;background:none;border:1px solid var(--line);cursor:pointer}.study-picker input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.study-picker input[type=color]::-webkit-color-swatch{border:none}.study-picker input[type=color]::-moz-color-swatch{border:none}.study-picker p{margin:0;font-size:13px;line-height:1.55;color:var(--smoke);text-wrap:pretty}.study-actions{display:flex;gap:12px;flex-wrap:wrap;padding-top:2px}.finish-note{max-width:var(--wide-max);margin:0 auto;padding:0 var(--gutter) clamp(64px,8vw,110px)}.finish-note>div{border-top:1px solid var(--line-soft);padding-top:20px;display:grid;grid-template-columns:150px minmax(0,1fr);grid-gap:16px clamp(20px,3vw,44px);gap:16px clamp(20px,3vw,44px)}.finish-note p{margin:0;max-width:68ch;font-size:14.5px;line-height:1.7;color:var(--bone-70);text-wrap:pretty}.finish-note p+p{margin-top:12px}@media (max-width:900px){.finish-page{padding-top:66px}.study{gap:26px}.finish-note>div,.study{grid-template-columns:1fr}.finish-note>div{gap:12px}.study-pieces button{min-height:44px}.swatch{padding-bottom:10px}}