/* OUTBOX concept 02 / V6 - cinematic review gallery (isolated styles) */
.or-section{position:relative;isolation:isolate;padding:105px 0 80px;overflow:hidden;background:#1b1c1e;color:#f8f7f3}
.or-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 30%,rgba(251,175,42,.095),transparent 39%),linear-gradient(165deg,#272729 0%,#171819 58%,#232323 100%);z-index:-3}
.or-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:75px 75px;mask-image:linear-gradient(180deg,black 0%,transparent 90%)}
.or-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-2}
.or-aura{position:absolute;border-radius:50%;filter:blur(62px);opacity:.36;will-change:transform}
.or-aura-a{width:390px;height:390px;right:6%;top:20%;background:radial-gradient(circle,rgba(251,175,42,.18),transparent 70%)}
.or-aura-b{width:480px;height:480px;left:-220px;top:37%;background:radial-gradient(circle,rgba(176,138,81,.13),transparent 70%)}
.or-ghost{position:absolute;bottom:4%;left:-2%;white-space:nowrap;opacity:.035;color:white;font:900 clamp(150px,23vw,420px)/.85 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.03em}
.or-topline{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid rgba(255,255,255,.17);padding-top:21px;margin-bottom:38px}
.or-kicker,.or-top-index{font:700 11px/1.4 'Space Grotesk',sans-serif;letter-spacing:.22em;color:#bebcba}
.or-kicker{display:flex;align-items:center;gap:13px;color:#f5e1bd}.or-kicker i{width:7px;height:7px;background:#fbaf2a;border-radius:50%;box-shadow:0 0 0 5px rgba(251,175,42,.11)}
.or-head-row{display:flex;justify-content:space-between;align-items:end;gap:35px}
.or-headline h2{font:900 clamp(84px,11vw,180px)/.76 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;margin:0;text-transform:uppercase;max-width:none}
.or-headline h2>span{color:#fbaf2a}.or-period{color:#f8f7f3}
.or-headline p{margin:32px 0 0;color:#bcbab6;font-size:16px;max-width:560px}
.or-overall{min-width:240px;text-align:right;padding-bottom:7px}
.or-overall-tag{font:700 10px/1.3 'Space Grotesk',sans-serif;letter-spacing:.16em;color:#d9d6cf;white-space:nowrap}
.or-tag-outline{display:inline-block;padding:3px 7px;border:1px solid rgba(251,175,42,.65);color:#fbaf2a;border-radius:50px;margin-left:7px}
.or-overall-score{white-space:nowrap;font:900 92px/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin:16px 0 2px}
.or-overall-score span{color:#a6a19a;font-size:.53em}.or-overall-score b{color:#fbaf2a;font:400 .4em 'DM Sans',sans-serif;margin-left:8px;vertical-align:15px}
.or-overall-stars{font-size:22px;letter-spacing:6px;color:#fbaf2a;line-height:1.5}
.or-overall-note{font:500 10px 'DM Sans',sans-serif;color:#8e8c88}
.or-carousel-area{position:relative;margin-top:68px;perspective:1400px}
.or-carousel-area::before,.or-carousel-area::after{content:"";position:absolute;top:0;bottom:0;z-index:5;pointer-events:none;width:min(7vw,90px)}
.or-carousel-area::before{left:0;background:linear-gradient(90deg,#1b1c1e 0%,transparent 100%)}
.or-carousel-area::after{right:0;background:linear-gradient(270deg,#202021 0%,transparent 100%)}
.or-orbit-line{height:1px;background:linear-gradient(90deg,transparent,rgba(251,175,42,.32),rgba(255,255,255,.13),transparent);position:absolute;left:0;right:0;pointer-events:none;z-index:5}
.or-orbit-line-top{top:0}.or-orbit-line-bottom{bottom:0}
.or-track{display:flex;align-items:center;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:calc(50% - 210px);padding:37px max(24px,calc((100vw - 420px)/2)) 48px;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;outline-offset:-9px}
.or-track::-webkit-scrollbar{display:none}.or-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.or-card{position:relative;flex:0 0 420px;width:420px;min-width:0;scroll-snap-align:center;transform:translate3d(0,var(--or-rise,10px),0) rotateY(var(--or-rotate,0deg)) scale(var(--or-scale,.92));opacity:var(--or-opacity,.6);filter:brightness(var(--or-brightness,.8));transform-style:preserve-3d;will-change:transform,opacity;transition:filter .32s ease;outline-offset:4px}
.or-card-inner{height:365px;padding:29px 30px 25px;border-radius:16px;display:flex;flex-direction:column;position:relative;background:linear-gradient(145deg,#434344,#303032 66%,#292a2c);border:1px solid rgba(255,255,255,.18);box-shadow:0 27px 55px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.1);overflow:hidden;transition:border-color .4s,box-shadow .4s}
.or-card[data-active="true"] .or-card-inner{border-color:rgba(251,175,42,.7);box-shadow:0 40px 90px rgba(0,0,0,.43),0 0 36px rgba(251,175,42,.09),inset 0 1px rgba(255,255,255,.12)}
.or-card-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbaf2a,transparent);transform:scaleX(0);transition:transform .5s}
.or-card[data-active="true"] .or-card-inner::before{transform:scaleX(1)}
.or-card-inner::after{content:"";position:absolute;inset:-80%;background:radial-gradient(circle at var(--or-mx,50%) var(--or-my,50%),rgba(255,255,255,.07),transparent 26%);pointer-events:none}
.or-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.15em;color:#d7d5d0}
.or-card-top i{font-style:normal;color:#8c8985}.or-card-type{font-size:9px;letter-spacing:.13em;color:#a7a49f;white-space:nowrap}
.or-card-type span{color:#fbaf2a;font-size:16px;margin-left:5px;vertical-align:middle}
.or-card-stars{margin:29px 0 15px;color:#fbaf2a;font-size:17px;letter-spacing:6px}
.or-quote{font:500 clamp(17px,1.33vw,20px)/1.43 'Space Grotesk',sans-serif;letter-spacing:-.036em;margin:0;max-width:none;flex:1;overflow:auto;scrollbar-color:rgba(255,255,255,.25) transparent;scrollbar-width:thin;min-height:0}
.or-card-base{margin-top:21px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);display:flex;align-items:center;gap:13px}
.or-avatar{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;flex-shrink:0;font:800 13px 'Space Grotesk',sans-serif;letter-spacing:-.04em;border:2px solid rgba(255,255,255,.2);color:white}
.or-av-1{background:linear-gradient(145deg,#8b6c61,#54433c)}.or-av-2{background:linear-gradient(145deg,#537486,#2b3b50)}.or-av-3{background:linear-gradient(145deg,#735762,#3e303a)}.or-av-4{background:linear-gradient(145deg,#668475,#2e463b)}.or-av-5{background:linear-gradient(145deg,#777057,#484133)}
.or-reviewer{min-width:0;display:flex;flex-direction:column;line-height:1.5}.or-reviewer strong{font:700 14px 'Space Grotesk',sans-serif;color:white}.or-reviewer small{font:400 10px 'DM Sans',sans-serif;color:#aaa8a3}
.or-quote-mark{margin-left:auto;align-self:end;color:#fbaf2a;opacity:.55;font:900 68px/.5 Georgia,serif}
.or-controls{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:33px}
.or-control-left{display:flex;align-items:center;gap:20px;min-width:0;flex:1}
.or-counter{display:flex;align-items:baseline;gap:9px;white-space:nowrap;font:600 13px 'Space Grotesk',sans-serif;color:#bcb9b4;letter-spacing:.08em}
.or-counter b{color:#fbaf2a;font-size:24px;font-weight:700}
.or-progress{height:2px;width:min(270px,26vw);background:rgba(255,255,255,.16);position:relative;overflow:hidden;border-radius:20px}.or-progress>span{display:block;height:100%;background:#fbaf2a;width:0;transition:width .25s ease}
.or-hint{font:600 10px 'Space Grotesk',sans-serif;color:#8e8c89;letter-spacing:.16em;white-space:nowrap}
.or-arrow-group{display:flex;gap:10px}.or-arrow{height:52px;width:52px;border:1px solid rgba(255,255,255,.27);border-radius:50%;background:rgba(255,255,255,.025);color:#f9f8f5;display:grid;place-items:center;transition:background .3s ease,border-color .3s ease,transform .3s ease,color .3s ease}
.or-arrow svg{width:19px;height:19px}.or-arrow:hover:not(:disabled),.or-arrow:focus-visible{background:#fbaf2a;color:#191919;border-color:#fbaf2a;transform:translateY(-3px)}.or-arrow:disabled{opacity:.3;cursor:default}
.or-disclaimer{font:400 10px/1.5 'DM Sans',sans-serif;color:#85817d;margin-top:34px;letter-spacing:.01em}
@media(max-width:960px){.or-section{padding-top:85px}.or-headline h2{font-size:clamp(85px,12vw,130px)}.or-overall{min-width:200px}.or-overall-score{font-size:73px}.or-card{flex-basis:365px;width:365px}.or-track{scroll-padding-inline:calc(50% - 182.5px);padding-inline:max(20px,calc((100vw - 365px)/2))}.or-card-inner{height:362px}.or-quote{font-size:18px}}
@media(max-width:600px){.or-section{padding:70px 0 60px}.or-topline{margin-bottom:28px}.or-top-index{font-size:8px;letter-spacing:.09em}.or-kicker{font-size:9px;letter-spacing:.11em}.or-head-row{display:block}.or-headline h2{font-size:clamp(79px,19vw,116px)}.or-headline p{margin-top:22px;font-size:13px}.or-overall{display:flex;align-items:center;text-align:left;gap:18px;margin-top:32px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.12);min-width:0;flex-wrap:wrap}.or-overall-tag{font-size:9px}.or-overall-score{font-size:51px;margin:0}.or-overall-score b{font-size:.4em;vertical-align:8px}.or-overall-stars{font-size:14px;letter-spacing:2px}.or-overall-note{flex-basis:100%}.or-carousel-area{margin-top:31px}.or-card{flex-basis:min(84vw,360px);width:min(84vw,360px)}.or-track{gap:12px;scroll-padding-inline:8vw;padding:28px 8vw 42px}.or-card-inner{height:347px;padding:22px 22px 20px;border-radius:13px}.or-card-stars{margin:25px 0 12px}.or-quote{font-size:clamp(16px,4.4vw,18px)}.or-card-top{font-size:10px}.or-card-type{font-size:8px}.or-controls{margin-top:10px}.or-control-left{gap:13px}.or-progress{width:min(110px,24vw)}.or-hint{display:none}.or-arrow{height:45px;width:45px}.or-disclaimer{font-size:9px;margin-top:24px}.or-ghost{font-size:180px}}
@media(max-width:350px){.or-top-index{display:none}.or-card-inner{padding:20px 18px;height:362px}.or-card-type{letter-spacing:0}.or-card-stars{margin:22px 0 10px}.or-quote{font-size:16px}}
@media(prefers-reduced-motion:reduce){.or-card,.or-card-inner,.or-arrow,.or-progress>span{transition:none!important}.or-aura{filter:none;opacity:.13}.or-track{scroll-behavior:auto!important}}