.header-actions{gap:26px}#hair-access{min-height:44px;font-size:13px;border-bottom:1px solid #ddc7a380;padding:10px 0}#motion{font-size:12px}.copy p{font-size:14px}.copy #view-hair{font-size:13px}.copy #forward{font-size:12px}.stops a{font-size:13px}.stops a span{font-size:10px}.hint{font-size:11px;letter-spacing:.6px}.brand small{font-size:9px}
#hair-gallery{padding:0 40px 28px;color-scheme:light}.hair-heading{position:sticky;top:0;z-index:3;background:#f0e8dc;padding:26px 0 0;border-bottom:1px solid #81715b45;margin-bottom:28px}#hair-gallery .dialog-top h2{font-size:clamp(34px,4vw,48px);text-wrap:balance}#hair-gallery .dialog-top button{flex-shrink:0;background:#e5dacb}#hair-context{font-size:14px}.hair-filters{margin:12px 0 0;border-bottom:0;gap:28px}.hair-filters button{font-size:13px}.hair-filters button:hover{color:#241e17;background:#e7ddcf}.hair-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:60px}.hair-photo{height:auto;aspect-ratio:4/5;max-height:440px;background:#e4dacb}.hair-photo-copy{max-width:320px}.hair-photo-copy span{font-size:40px}.hair-photo-copy p{font-size:13px;color:#5c503e}.hair-thumbnails span{font-size:12px;color:#5c503e}.hair-details h3{font-size:42px;text-wrap:balance}.hair-details>p{font-size:14px;max-width:38ch;color:#5c503e}.hair-details dl div{font-size:13px;padding:14px 0}.hair-details dd{color:#62543f}.hair-pending{font-size:12px!important}.hair-bottom{font-size:12px;line-height:1.6}.hair-bottom button{font-size:13px}.hair-filters button:focus-visible{outline-offset:-3px}.hair-bottom button:hover{text-decoration-thickness:2px}.hair-thumbnails{user-select:none}.all-hair{font-size:14px}
@media(max-width:700px){header{align-items:flex-start;padding:18px 6%;gap:10px}.header-actions{display:grid;grid-template-columns:auto auto;gap:0 18px;justify-items:end}#hair-access,#all{font-size:12px;min-height:40px}#all svg{display:none}#motion{grid-column:1/-1;max-width:none;font-size:11px;min-height:32px}.brand{padding-top:9px}.brand small{font-size:7px}.copy p{font-size:13px}.copy #view-hair{font-size:12px}.copy #forward{font-size:12px}.stops a{font-size:12px}.stops a span{font-size:9px}.journey-nav button{min-width:40px}#hair-gallery{width:96vw;max-height:96dvh;padding:0 20px 22px}.hair-heading{padding-top:18px;margin-bottom:22px}.hair-filters{gap:0;justify-content:space-between}.hair-filters button{font-size:12px;padding:12px 4px}#hair-context{font-size:12px;line-height:1.6}.hair-layout{grid-template-columns:1fr;gap:28px}.hair-photo{aspect-ratio:4/5;max-height:360px}.hair-photo-copy span{font-size:36px}.hair-details h3{font-size:36px}.hair-thumbnails span{font-size:11px}.hair-bottom{flex-wrap:wrap;gap:8px}.hair-bottom>span{max-width:none}.hair-bottom button{margin-left:auto}}
.hair-layout>div:first-child{width:100%;max-width:352px;justify-self:center}.hair-photo{width:100%;aspect-ratio:auto;height:440px}.hair-thumbnails{width:100%}
@media(max-width:700px){.hair-layout>div:first-child{max-width:none}.hair-photo{height:360px}}
@media(max-width:360px){.header-actions{gap:0 12px}.brand{font-size:11px}.brand small{font-size:6px}.stops a span{display:none}.copy[data-position=preto],.copy[data-position=dourado],.copy[data-position=granito]{bottom:17%}.copy p{margin-top:14px}.hair-photo-copy{padding:20px}}
@media(max-height:600px) and (min-width:701px){.hair-photo{max-height:320px}.hair-heading{padding-top:18px}.copy[data-position=preto]{top:30%}.copy p{margin-top:12px}.copy #view-hair{margin-top:8px}}