/* V003 · cinematic macro / dolly / light. Original v001 and v002 remain intact. */
.oddb-cover[data-hero-version="v003"]{--cinema-white:#fff7ef;position:relative;isolation:isolate;min-height:max(690px,100svh);padding:0;background:#ed341b;color:var(--cinema-white);overflow:clip}
.oddb-cover[data-hero-version="v003"]::after{content:none}
.ob-h3-backdrop{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 14% 27%,#ff4929 0%,#f6371d 38%,#db2416 74%,#a11714 100%)}
.ob-h3-scene{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform 1.5s cubic-bezier(.2,.65,.25,1)}
.ob-h3-camera{position:absolute;inset:0;transform-origin:73% 49%;will-change:transform}
.ob-h3-berry{position:absolute;right:-12vw;top:50%;width:min(86vw,133svh);aspect-ratio:1;transform:translateY(-47%) rotate(-9deg);filter:drop-shadow(-22px 30px 30px rgba(55,0,4,.23))}
.ob-h3-fruit,.ob-h3-light{width:100%;height:100%;max-width:none;display:block;object-fit:contain}
.ob-h3-light{position:absolute;inset:0;filter:brightness(1.9) saturate(.7);mix-blend-mode:screen;opacity:.24;mask-image:linear-gradient(110deg,transparent 39%,#000 48%,transparent 57%);mask-size:350% 100%;mask-position:100% 0;-webkit-mask-image:linear-gradient(110deg,transparent 39%,#000 48%,transparent 57%);-webkit-mask-size:350% 100%;-webkit-mask-position:100% 0}
.ob-h3-red-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(241,48,24,.88),rgba(241,48,24,.21) 36%,transparent 62%)}
.ob-h3-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
[data-hero-version="v003"] .oddb-cover-copy{position:relative;z-index:5;margin:0;min-height:max(690px,100svh);width:100%;padding:clamp(6rem,14svh,10rem) var(--pad) clamp(3.7rem,7svh,5rem);display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}
[data-hero-version="v003"] h1.oddb-cover-logo{width:min(65vw,66rem);margin:0;line-height:1}
[data-hero-version="v003"] .oddb-cover-logo svg{width:100%;height:auto;display:block;overflow:visible}
[data-hero-version="v003"] .oddb-cover-logo path{fill:var(--cinema-white)}
[data-hero-version="v003"] .ob-h3-copy-bottom{margin-top:auto;padding-top:2rem;max-width:min(35rem,45vw)}
[data-hero-version="v003"] .oddb-cover-title{width:100%;margin:0 0 .85rem;font-family:var(--serif);font-size:clamp(1.8rem,2.6vw,3rem);line-height:1.02;text-wrap:balance}
[data-hero-version="v003"] .oddb-deck{max-width:28rem;margin:0 0 1.5rem;font-size:14px;line-height:1.45;color:rgba(255,247,239,.9)}
[data-hero-version="v003"] .oddb-pill{pointer-events:auto;color:#b52415;background:var(--cinema-white);border-color:var(--cinema-white);min-height:46px}
.ob-h3-controls{position:absolute;z-index:7;right:var(--pad);bottom:1.3rem;display:flex;gap:1.3rem}
.ob-h3-controls button{background:none;border:0;border-bottom:1px solid rgba(255,247,239,.5);padding:.45rem 0;color:var(--cinema-white);font:12px/1.3 Arial,Helvetica,sans-serif;cursor:pointer}
.ob-h3-controls button:focus-visible{outline:2px solid var(--cinema-white);outline-offset:5px}
.ob-h3-drops{position:absolute;inset:0;z-index:4;pointer-events:none}
.ob-h3-drop{position:absolute;display:block;width:var(--drop-size);aspect-ratio:1;opacity:.7;filter:blur(var(--drop-blur,0px));transform:translateZ(0)}
.ob-h3-drop svg{width:100%;height:100%;display:block}
.ob-h3-drop:nth-child(1){--drop-size:clamp(25px,3.6vw,58px);left:65%;top:19%;--drop-blur:.25px}
.ob-h3-drop:nth-child(2){--drop-size:clamp(8px,1.4vw,23px);left:91%;top:17%}
.ob-h3-drop:nth-child(3){--drop-size:clamp(14px,2.5vw,40px);left:84%;top:68%;--drop-blur:.7px}
.ob-h3-drop:nth-child(4){--drop-size:clamp(35px,6.5vw,104px);left:97%;top:41%;--drop-blur:3px}
.ob-h3-drop:nth-child(5){--drop-size:clamp(9px,1.1vw,18px);left:54%;top:82%;--drop-blur:.2px}
[data-hero-version="v003"][data-hero-state="intro"] .ob-h3-drop{opacity:0}
@media(max-width:800px){
 .oddb-cover[data-hero-version="v003"]{min-height:max(820px,100svh)}
 [data-hero-version="v003"] .oddb-cover-copy{min-height:max(820px,100svh);padding:5rem 1.15rem 5rem}
 [data-hero-version="v003"] h1.oddb-cover-logo{width:100%;max-width:36rem}
 [data-hero-version="v003"] .ob-h3-copy-bottom{max-width:100%;padding-top:min(80vw,27rem)}
 [data-hero-version="v003"] .oddb-cover-title{font-size:clamp(1.8rem,7vw,2.9rem);max-width:32rem}
 [data-hero-version="v003"] .oddb-deck{font-size:14px;max-width:29rem}
 .ob-h3-berry{width:min(134vw,780px);right:-28vw;top:41%;transform:translateY(-43%) rotate(-9deg)}
 .ob-h3-camera{transform-origin:66% 37%}
 .ob-h3-red-veil{background:linear-gradient(180deg,rgba(237,52,27,.05) 40%,rgba(218,40,22,.2) 51%,#d92b19 71%,#d92b19)}
 .ob-h3-drop:nth-child(1){left:71%;top:26%}
 .ob-h3-drop:nth-child(2){left:94%;top:14%}
 .ob-h3-drop:nth-child(3){left:13%;top:48%}
 .ob-h3-drop:nth-child(4){left:97%;top:49%}
 .ob-h3-drop:nth-child(5){display:none}
 .ob-h3-controls{right:1.15rem}
}
@media(prefers-reduced-motion:reduce){
 .ob-h3-camera,.ob-h3-scene{transform:none!important;transition:none!important}
 .ob-h3-drops,.ob-h3-controls,.ob-h3-light{display:none}
}

/* Optical edition: photographed composition preserved; live refraction added. */
[data-hero-revision="optical"] .ob-h3-optics{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none;display:none}
[data-hero-revision="optical"][data-optics="ready"] .ob-h3-optics{display:block}
[data-hero-revision="optical"][data-optics="ready"] .ob-h3-drops{display:none}
[data-hero-revision="optical"] .ob-h3-drop:nth-child(n+3){display:none}
[data-hero-revision="optical"] .ob-h3-light{opacity:0}
[data-hero-revision="optical"] .ob-h3-copy-bottom{position:relative;isolation:isolate}
[data-hero-revision="optical"] .ob-h3-copy-bottom::before{content:"";position:absolute;inset:-12px -45px -12px -30px;z-index:-1;background:#a71e13;opacity:.78;filter:blur(32px);border-radius:32px;pointer-events:none}
[data-hero-revision="optical"] .oddb-deck{color:#fff7ef}
[data-hero-revision="optical"] .ob-h3-controls{gap:1.1rem}
[data-hero-revision="optical"] .ob-h3-controls button{min-height:34px}
[data-hero-revision="optical"][data-motion-paused="true"] .ob-h3-scene{transition:none}
@media(max-width:800px){
 [data-hero-revision="optical"] .ob-h3-copy-bottom::before{top:calc(min(80vw,27rem) - 8px);right:-28px;bottom:-18px;left:-28px;filter:blur(26px)}
 [data-hero-revision="optical"] .ob-h3-controls{gap:1rem;left:1.15rem;right:1.15rem;justify-content:flex-end}
 [data-hero-revision="optical"] .ob-h3-controls button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 [data-hero-revision="optical"] .ob-h3-optics{display:none!important}
}