/* V65 — art gallery, photographic fidelity, complete exhibits. */
body .scene{background:#1c1813}
.scene .scenic-extension-v65{position:absolute;inset:-16px;background-position:center;background-size:cover;filter:blur(12px);opacity:.62;pointer-events:none}
body .scene .view[data-fit-v65]{inset:auto;object-fit:fill;max-width:none;transform-origin:center;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.scene[data-covered="true"] .scenic-extension-v65{display:none}
body .scene .view[data-fit-v65][data-exhibit-bounds]{mask-image:none}
.scene #view4[data-fit-v65],.scene #view5[data-fit-v65]{mask-image:none}
body:not(.brand-tour) .copy[data-position]{left:7%;top:31%;bottom:auto;width:37%;max-width:470px}
body:not(.brand-tour) .copy[data-position] h1{font-size:clamp(48px,6vw,84px)}
body:not(.brand-tour) .copy p{max-width:34ch;font-size:14px}
.photo-flight-v65{position:fixed;z-index:100;pointer-events:none;object-fit:contain;transform-origin:0 0;filter:none!important;mix-blend-mode:normal!important}
#photo-viewer[open]{grid-template-rows:58px minmax(0,1fr) 100px;background:#121310}
#photo-viewer .photo-viewer-header{padding:7px 24px;border:0;background:#171814;gap:12px;display:flex}
#photo-viewer .photo-viewer-header h2{font-size:25px}
#photo-viewer .photo-viewer-header-actions{display:flex;gap:10px}
#photo-viewer .photo-viewer-favorite{min-width:0;border-color:#8d826f}
#photo-viewer .photo-viewer-art{box-shadow:0 16px 48px #0007}
#photo-viewer .photo-viewer-footer{padding:0 24px 6px;gap:0 26px;grid-template-columns:minmax(0,1fr) auto;background:#171814;border-top:1px solid #9c8e7238}
#photo-viewer .series-viewer-nav{grid-column:1;grid-row:1;padding:0;border:0;margin:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
#photo-viewer .series-viewer-nav button:last-child{justify-self:end}
#photo-viewer .photo-viewer-zoom{grid-column:2;grid-row:1;margin:0}
#photo-viewer .photo-viewer-navigation{grid-row:2;grid-column:1/-1;margin:0;padding:0;border:0;gap:12px}
#photo-viewer .photo-viewer-position{font-size:12px;max-width:none}
#photo-viewer .photo-viewer-help,#photo-viewer .photo-viewer-truth{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#photo-viewer button{font-size:13px;padding:8px 12px}
#photo-viewer[data-consulting=true]{grid-template-rows:58px minmax(0,1fr) 100px}
#hair-gallery .prepared-slot{perspective:1200px;isolation:isolate}
#hair-gallery .prepared-slot article{position:relative;transform:translate3d(0,0,0);transform-style:preserve-3d;box-shadow:0 14px 25px -7px #08060366,0 3px 6px #0806032b;transition:transform 580ms cubic-bezier(.16,1,.3,1),box-shadow 580ms cubic-bezier(.16,1,.3,1)}
#hair-gallery .prepared-slot .prepared-caption{position:relative;background:var(--material-panel);padding:18px 20px 22px;margin:0}
#hair-gallery .prepared-photo-open{overflow:hidden}
#hair-gallery .prepared-slot .reference-photo{filter:none!important;mix-blend-mode:normal!important}
@media(hover:hover) and (pointer:fine){
 #hair-gallery .prepared-slot:hover article{transform:translate3d(0,-9px,18px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));box-shadow:var(--card-sx,0px) 27px 42px -11px #05040299,0 9px 16px -6px #0504025e}
 #hair-gallery .prepared-slot:hover .prepared-open svg{transform:translateX(6px)}
}
#hair-gallery .prepared-slot:focus-within article{box-shadow:0 22px 38px -9px #05040288}
#hair-gallery .all-pillars-v65{position:absolute;inset:0;z-index:-2;overflow:hidden}
.all-pillar-slice{position:absolute;inset:0}
.all-pillar-slice img{position:absolute;top:0;left:13%;width:60%;height:100%;object-fit:cover;object-position:65% 47%}
.all-pillar-slice:nth-child(1){clip-path:polygon(0 0,45% 0,23% 100%,0 100%)}
.all-pillar-slice:nth-child(1) img{left:-21%}
.all-pillar-slice:nth-child(2){clip-path:polygon(45% 0,78% 0,56% 100%,23% 100%)}
.all-pillar-slice:nth-child(3){clip-path:polygon(78% 0,100% 0,100% 100%,56% 100%)}
.all-pillar-slice:nth-child(3) img{left:47%}
#hair-gallery .mineral-choice[data-hair-filter=all]{background:#27231d;color:#fff6e5;--choice-ink:#fff6e5}
#hair-gallery .mineral-choice[data-hair-filter=all]:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#17120ed9,transparent 85%)}
#hair-gallery .mineral-choice[data-hair-filter=all] .mineral-choice-note{color:#f2e8d8}
#hair-gallery[open][data-material] .hair-filters{grid-template-columns:repeat(4,minmax(0,1fr))}
#brand-ending .tour-content,#brand-ending[data-room=rafael] .tour-content,#brand-ending[data-room=olhar] .tour-content{left:6%;top:25%;width:32%;max-height:calc(75% - 88px)}
#brand-ending .tour-content h1,#brand-ending[data-room=olhar] .tour-content h1{font-size:clamp(42px,4.6vw,68px);max-width:13ch}
#brand-ending #tour-copy p{font-size:14px;line-height:1.75}
.room-inserts-v65{position:absolute;inset:0;pointer-events:none;z-index:0}
.room-inserts-v65[hidden]{display:none}
.projection-v65{position:absolute;background:transparent;color:#f4e8cd;display:grid;place-items:center;overflow:hidden;pointer-events:none}
.projection-v65:before{content:'';position:absolute;inset:0;background:#f6ebd0;opacity:0;transition:opacity 650ms ease-out}
.projection-v65 .projection-title{position:relative;text-align:center;opacity:0;transition:opacity 700ms 200ms ease-out;color:#332b1d;font:400 clamp(24px,3.5vw,54px)/1.1 Cormorant,Georgia,serif}
.projection-v65 .projection-title small{display:block;font:11px/1.7 Manrope,sans-serif;margin-top:18px;letter-spacing:.08em}
.projection-v65 .projection-film{width:100%;height:100%;object-fit:contain;display:none;position:relative;background:#100d0b}
.projection-v65[data-on=true]:before{opacity:.93}
.projection-v65[data-on=true] .projection-title{opacity:1}
.projection-v65[data-on=true][data-has-film=true] .projection-film{display:block}
.projection-v65[data-has-film=true] .projection-title{display:none}
.projector-beam-v65{position:absolute;background:linear-gradient(100deg,#f7e7ba00,#f7e7ba22);clip-path:polygon(0 0,100% 98%,0 100%);pointer-events:none;opacity:0;transition:opacity 800ms ease-out}
.room-inserts-v65[data-projecting=true] .projector-beam-v65{opacity:1}
.projection-caption-v65{font-size:12px!important;color:#e2d3bb;margin-top:14px!important;max-width:34ch}
.wall-print-v65{position:absolute;pointer-events:auto;display:block;padding:0;border:0;background:#e8ddc8;cursor:pointer;box-shadow:3px 8px 14px #100a0550;transition:box-shadow 450ms,transform 450ms}
.wall-print-v65 img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.wall-print-v65:hover{transform:translateY(-4px);box-shadow:4px 16px 24px #100a0580}
.wall-print-v65:focus-visible{outline:2px solid #f8dfad;outline-offset:4px}
@media(max-width:700px){
 body:not(.brand-tour) .copy[data-position]{left:7%;top:65%;bottom:auto;width:86%;max-width:none}
 body:not(.brand-tour) .copy[data-position] h1{font-size:44px}
 body:not(.brand-tour) .copy p{font-size:13px;margin-top:12px}
 body:not(.brand-tour) .copy #view-hair{margin-top:14px;padding:10px 18px;min-height:44px}
 body:not(.brand-tour) #scroll-guide{display:none}
 body:not(.brand-tour) #forward{display:inline-flex;max-width:55%;font-size:11px;gap:10px}
 #photo-viewer[open],#photo-viewer[data-consulting=true]{grid-template-rows:102px minmax(0,1fr) 140px}
 #photo-viewer .photo-viewer-header{display:grid;grid-template-columns:1fr auto;padding:7px 12px;gap:2px 8px}
 #photo-viewer .photo-viewer-header h2{font-size:23px}
 #photo-viewer .photo-viewer-header-actions{display:contents}
 #photo-viewer .photo-viewer-favorite{grid-row:2;grid-column:1;justify-self:start;min-width:0}
 #photo-viewer .photo-viewer-consult{grid-row:2;grid-column:2;justify-self:end}
 #photo-viewer .photo-viewer-close{grid-row:1;grid-column:2;max-width:none;font-size:12px}
 #photo-viewer .photo-viewer-footer{grid-template-columns:1fr;padding:0 10px 4px;gap:0}
 #photo-viewer .series-viewer-nav{grid-row:1;grid-column:1}
 #photo-viewer .photo-viewer-zoom{grid-row:2;grid-column:1;justify-content:center}
 #photo-viewer .photo-viewer-navigation{grid-row:3;grid-column:1}
 #photo-viewer .photo-viewer-position{font-size:10px;max-width:15ch}
 #photo-viewer .photo-viewer-navigation button{font-size:11px;padding:6px 3px}
 #photo-viewer .photo-viewer-navigation svg{width:14px}
 #hair-gallery .prepared-slot .prepared-caption{padding:14px 12px 16px}
 #brand-ending .tour-content,#brand-ending[data-room=rafael] .tour-content,#brand-ending[data-room=olhar] .tour-content{left:7%;top:45%;width:86%;max-height:calc(55% - 110px);background:transparent}
 #brand-ending .tour-content h1,#brand-ending[data-room=olhar] .tour-content h1{font-size:30px;max-width:none}
 #brand-ending #tour-copy{margin:14px 0}
 #brand-ending #tour-copy p{font-size:13px;line-height:1.6;margin-bottom:9px}
 .projection-v65 .projection-title{font-size:25px}
 .projection-v65 .projection-title small{font-size:8px;margin-top:8px}
 .tour-guide{display:none}
}
@media(max-height:540px) and (min-width:701px){
 body:not(.brand-tour) .copy[data-position]{top:27%}
 body:not(.brand-tour) .copy[data-position] h1{font-size:44px}
 body:not(.brand-tour) .copy p{margin-top:10px}
 #brand-ending .tour-content,#brand-ending[data-room=rafael] .tour-content,#brand-ending[data-room=olhar] .tour-content{top:23%;max-height:calc(77% - 90px)}
 #brand-ending .tour-content h1,#brand-ending[data-room=olhar] .tour-content h1{font-size:38px}
 #brand-ending #tour-copy{margin:12px 0}
 .tour-guide{display:none}
}
@media(prefers-reduced-motion:reduce){#hair-gallery .prepared-slot article,.wall-print-v65{transition:none;transform:none!important}.projection-v65:before,.projection-v65 .projection-title,.projector-beam-v65{transition:none}}
body.motion-reduced #hair-gallery .prepared-slot article{transition:none;transform:none!important}

/* Corrections from the first desktop/mobile inspection. */
#hair-gallery .mineral-choice[data-hair-filter=all] .mineral-choice-name{color:#fff6e5;text-shadow:0 1px 7px #000}
#hair-gallery .mineral-choice[data-hair-filter=all] .mineral-choice-note{color:#f5eddf}
.motion-reduced .projector-beam-v65,.motion-reduced .projection-v65:before,.motion-reduced .wall-print-v65{transition:none!important}
@media(max-width:700px){
 #brand-ending .tour-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 #brand-ending .tour-action{font-size:11px;line-height:1.45;gap:8px;min-height:44px;padding:7px 0}
 #brand-ending .tour-action svg{width:16px;flex-shrink:0}
 #brand-ending #tour-copy{margin:12px 0}
 #brand-ending .projection-caption-v65{font-size:10px!important;line-height:1.5;margin-top:10px!important;max-width:none}
 .scene #view4[data-fit-v65],.scene #view5[data-fit-v65]{mask-image:linear-gradient(180deg,#000 63%,transparent 100%)}
}
