/* NOCTURNE — Independent portfolio concept by Saltra. No external assets. */
:root{--ink:#151918;--paper:#ecede8;--muted:#727873;--acid:#d6ec87;--border:#343c37;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:83px}body{margin:0;background:var(--ink);font-family:var(--sans);color:#f1f1eb;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}::selection{background:var(--acid);color:#151918}:focus-visible{outline:3px solid var(--acid);outline-offset:5px}.skip-link{position:fixed;left:20px;top:-100px;padding:14px 20px;z-index:100;background:var(--acid);color:var(--ink)}.skip-link:focus{top:8px}
.concept-bar{background:#d7eb92;color:#17201a;min-height:34px;padding:7px 4vw;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;font-weight:700;letter-spacing:.14em;position:relative;z-index:12}.concept-mark{display:flex;gap:9px;align-items:center}.signal{width:6px;height:6px;border-radius:50%;background:#193b2a;display:inline-block}.concept-bar a{border-bottom:1px solid #62774b;padding-bottom:1px}.concept-bar-middle{letter-spacing:.04em;font-size:10px;font-weight:500}.site-header{height:83px;background:var(--ink);display:flex;align-items:center;gap:40px;padding:0 4vw;position:relative;z-index:11;border-bottom:1px solid #303831}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{width:44px;height:44px;display:grid;place-items:center;border:1px solid #77876c;font-size:25px;letter-spacing:-.16em;font-weight:900;line-height:1}.brand-dot{color:var(--acid)}.brand-name{font-size:17px;font-weight:900;letter-spacing:.16em;display:flex;flex-direction:column;gap:3px}.brand-sub{font-size:6.7px;font-weight:650;letter-spacing:.29em;color:#a8b1a7}.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.desktop-nav a{font-size:11px;font-weight:700;color:#d6ddd5;transition:color .2s}.desktop-nav a:hover{color:var(--acid)}.nav-cta{font-size:10px;font-weight:800;letter-spacing:.09em;background:var(--acid);color:#1d2620;padding:17px 20px;display:flex;align-items:center;gap:24px}.nav-cta:hover,.primary-button:hover{background:#f0ffab}.menu-toggle{display:none;border:1px solid #66716a;background:transparent;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;background:white;margin:6px 0}.mobile-nav{display:none}
.hero{min-height:760px;height:calc(100svh - 117px);max-height:1080px;position:relative;overflow:hidden;background:#161b18}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media picture,.hero-media img{width:100%;height:100%;object-fit:cover}.hero-media img{object-position:55% 50%;filter:saturate(.88) contrast(1.09)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,14,.94) 0%,rgba(9,17,14,.83) 27%,rgba(9,17,14,.38) 58%,rgba(9,17,14,.12) 100%),linear-gradient(0deg,rgba(9,17,14,.88),transparent 32%)}.hero-inner{position:relative;z-index:2;min-height:calc(100% - 72px);display:flex;flex-direction:column;padding:clamp(65px,8vh,110px) 7.2vw 20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:14px}.eyebrow .line{width:31px;height:1px;background:var(--acid);display:inline-block}.hero-kicker{margin:0 0 36px;color:#e0e6de}.hero h1{font-size:clamp(84px,10vw,167px);letter-spacing:-.092em;line-height:.84;font-weight:900;margin:0;font-family:var(--sans);max-width:1100px}.hero h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.095em;color:var(--acid)}.hero h1 .period{color:var(--acid)}.hero-bottom{display:flex;gap:85px;align-items:center;margin-top:auto;padding-top:38px}.hero-bottom p{font-size:17px;line-height:1.65;color:#e9ebe4;max-width:340px}.round-link{width:128px;height:128px;border:1px solid rgba(237,245,225,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-10deg);transition:background .25s,color .25s,transform .3s}.round-link:hover{background:var(--acid);color:var(--ink);transform:rotate(0)}.round-link>span:first-child{font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.06em}.round-arrow{font-size:21px;position:absolute;right:15px;bottom:13px}.hero-edge{position:relative;z-index:2;height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 4vw;border-top:1px solid rgba(238,244,233,.25);font-size:9px;letter-spacing:.18em;font-weight:700}.hero-edge a:hover{color:var(--acid)}.ribbon{height:70px;background:var(--acid);color:#182019;display:flex;align-items:center;justify-content:space-around;gap:38px;overflow:hidden;white-space:nowrap;padding:0 15px}.ribbon span{font-size:11px;font-weight:900;letter-spacing:.13em}.ribbon i{display:block;width:7px;height:7px;background:#152418;transform:rotate(45deg);flex:none}
.intro{background:var(--paper);color:var(--ink);padding:105px 7vw 140px}.section-index{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #aeb3ab;padding-top:15px;color:#667169;font-size:10px;font-weight:700;letter-spacing:.12em}.intro-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:60px;align-items:end;padding-top:70px}.overline{font-size:10px;letter-spacing:.17em;font-weight:800;color:#4e6a52;margin-bottom:33px}.intro h2,.film-section h2,.lab h2{font-family:var(--sans);font-size:clamp(62px,6.5vw,112px);letter-spacing:-.086em;line-height:.97;font-weight:900;margin:0}.intro h2 em,.film-section h2 em,.lab h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em;color:#788578}.intro-right{max-width:440px}.radial-glyph{width:100px;height:100px;border:1px solid #a6b2a5;border-radius:50%;margin-bottom:55px;display:grid;place-items:center}.radial-glyph:before,.radial-glyph:after{content:"";width:2px;height:68px;background:#41644e;position:absolute;transform:rotate(35deg)}.radial-glyph:after{transform:rotate(-35deg)}.intro-right p{font-size:17px;line-height:1.75;color:#555f58}.intro-right p+p{font-size:14px;margin-top:20px}.under-link{display:inline-flex;justify-content:space-between;gap:80px;border-bottom:1px solid #536759;font-size:11px;letter-spacing:.09em;font-weight:850;padding:12px 0;margin-top:20px}.under-link:hover{color:#597a4f}.film-section{background:#d9ddd6;color:var(--ink);padding:112px 7vw 130px}.film-section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:62px}.eyebrow.dark{color:#607466}.film-section h2{font-size:clamp(58px,6.4vw,108px)}.film-section-head>p{max-width:295px;line-height:1.8;color:#516056;font-size:15px;margin:0 0 7px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.film-card{padding:28px;background:#edf0e9;display:flex;flex-direction:column;min-height:560px;position:relative;overflow:hidden;transition:transform .3s}.film-card:hover{transform:translateY(-7px)}.film-card.feature-card{background:#c5cfc5}.film-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:.12em;color:#506154}.card-arrow{font-size:18px}.film-art{height:185px;position:relative;overflow:hidden;margin:26px 0 27px;isolation:isolate}.film-art:before{content:"";position:absolute;inset:4% 7%;border:1px solid rgba(23,35,29,.2)}.film-art span{position:absolute;display:block}.film-art-one span:nth-child(1){left:20%;width:42%;height:140%;top:-20%;background:linear-gradient(135deg,#6a9689,#152f2e);transform:skew(-23deg)}.film-art-one span:nth-child(2){left:45%;width:36%;height:140%;top:-20%;background:linear-gradient(125deg,rgba(255,255,255,.5),rgba(0,0,0,.1));transform:skew(-23deg)}.film-art-one span:nth-child(3){left:20%;top:33%;width:65%;height:1px;background:#e6efe7;transform:rotate(-15deg)}.film-art-two span:nth-child(1){inset:13% 22%;background:#172420;transform:rotate(18deg);box-shadow:20px 14px 0 #667e70,40px 28px 0 #9baea0}.film-art-two span:nth-child(2){width:95%;height:2px;background:#cadbca;left:5%;top:50%;transform:rotate(-20deg)}.film-art-two span:nth-child(3){width:48px;height:48px;border:1px solid #687b6a;border-radius:50%;right:7%;top:13%}.film-art-three span:nth-child(1){width:155px;height:155px;border-radius:50%;background:linear-gradient(120deg,#c6d6c8 0 33%,#879e8e 33% 66%,#19342d 66%);left:calc(50% - 78px);top:10px;box-shadow:0 0 0 25px rgba(30,65,48,.1)}.film-art-three span:nth-child(2){width:180px;height:1px;background:#516953;top:50%;left:calc(50% - 90px);transform:rotate(-35deg)}.film-card h3{font-size:clamp(32px,3.4vw,58px);letter-spacing:-.075em;line-height:.94;margin:0 0 15px}.film-card p{font-size:14px;line-height:1.7;color:#55635a;max-width:305px;margin:0}.film-foot{font-size:8.5px;letter-spacing:.13em;color:#526255;font-weight:800;border-top:1px solid #b8c2b8;padding-top:18px;margin-top:auto}
.break-section{min-height:420px;background:#202826;color:#edf0e6;padding:80px 7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;text-align:center;position:relative;overflow:hidden}.break-section:before{content:"";position:absolute;width:670px;height:670px;border-radius:50%;border:1px solid #455148;left:calc(50% - 335px);top:-140px}.break-section>span{font-size:9px;font-weight:800;letter-spacing:.24em;color:#b3c8a2;position:relative;z-index:1}.break-section p{position:relative;z-index:1;font-size:clamp(55px,7vw,110px);line-height:.9;letter-spacing:-.09em;font-weight:900;margin:0}.break-section em{font-family:var(--serif);font-weight:400;color:var(--acid)}.break-rule{width:95px;height:1px;background:var(--acid)}
.lab{background:#eff0eb;color:var(--ink);padding:115px 7vw 135px}.lab-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:62px}.lab h2{font-size:clamp(70px,8vw,135px)}.lab h2 em{color:#7f9285}.lab-heading-side{max-width:330px;display:flex;align-items:flex-end;gap:28px}.mini-n{font-size:78px;font-weight:900;letter-spacing:-.15em;line-height:.8}.mini-n span{color:#87a17d}.lab-heading-side p{font-size:15px;color:#627167;line-height:1.7;max-width:220px}.lab-frame{display:grid;grid-template-columns:1.05fr .95fr;background:#161c18;min-height:710px;box-shadow:0 24px 65px rgba(17,25,19,.12)}.window-visual{min-height:710px;position:relative;overflow:hidden;background:#a5a9a0}.window-image{height:100%;width:100%;position:absolute;inset:0}.window-image img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.tint-mask{position:absolute;inset:0;background:#081715;opacity:.5;-webkit-mask-image:url('../assets/images/window-mask.svg');mask-image:url('../assets/images/window-mask.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;pointer-events:none;transition:opacity .16s linear}.window-top,.window-bottom{position:absolute;z-index:2;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:9px;letter-spacing:.16em;font-weight:800;text-shadow:0 1px 9px #0b1615}.window-top{top:25px}.window-bottom{bottom:26px}.live-dot{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 4px rgba(215,237,137,.15)}.lab-controls{padding:clamp(33px,4vw,68px);display:flex;flex-direction:column;gap:28px;color:#f2f4ed}.lab-controls-top{display:flex;justify-content:space-between;font-size:10px;color:var(--acid);font-weight:800;letter-spacing:.18em}.lab-icon{font-size:27px;color:#71826e}.control-kicker{font-size:10px;font-weight:700;letter-spacing:.14em;color:#adb8aa;margin:22px 0 12px}.readout{font-size:clamp(110px,12vw,185px);font-weight:800;letter-spacing:-.1em;line-height:.8;color:var(--acid);font-variant-numeric:tabular-nums}.readout span{font-size:.29em;vertical-align:top;margin-left:15px;letter-spacing:0}.control-state{font-family:var(--serif);font-style:italic;font-size:27px;color:#d7ddd3;margin:22px 0 7px}.slider-unit{margin-top:6px}.slider-unit label{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.12em;font-weight:800}.slider-unit label span{color:var(--acid)}input[type=range]{width:100%;height:38px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;display:block;margin:17px 0 5px}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--acid) var(--range-pct,46%),#5c695c var(--range-pct,46%));border-radius:2px}input[type=range]::-moz-range-track{height:3px;background:#5c695c}input[type=range]::-moz-range-progress{height:3px;background:var(--acid)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;background:var(--acid);border:5px solid #161c18;box-shadow:0 0 0 2px var(--acid);border-radius:50%;margin-top:-10px}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--acid);border:3px solid #161c18;box-shadow:0 0 0 2px var(--acid);border-radius:50%}.slider-scale{display:flex;justify-content:space-between;font-size:9px;color:#9ba99b;letter-spacing:.1em;font-weight:700}.presets{border-top:1px solid #39453b;padding-top:22px}.presets>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a2ad9d}.preset-row{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.preset{border:1px solid #475249;background:transparent;color:#e1e8dd;padding:12px 14px;min-width:52px;font-size:12px;font-weight:750}.preset:hover{border-color:var(--acid)}.preset.active{background:var(--acid);color:var(--ink);border-color:var(--acid)}.compare-button{width:100%;border:1px solid #687569;color:#ebf0e7;background:transparent;letter-spacing:.1em;font-size:10px;font-weight:800;padding:16px;min-height:48px}.compare-button:hover,.compare-button[aria-pressed=true]{background:#334234}.compare-button span{font-size:17px;margin-right:11px}.disclaimer{font-size:11px;line-height:1.65;color:#abb7ab;margin:0}.disclaimer strong{color:#f0f2e8}
.close-section{min-height:650px;display:grid;grid-template-columns:.8fr 1.2fr;background:var(--acid);color:#19221a}.close-art{border-right:1px solid #a6bc73;display:flex;flex-direction:column;justify-content:space-between;padding:60px 6vw;overflow:hidden}.close-art>span:last-child{font-size:10px;letter-spacing:.13em;font-weight:800}.close-giant{font-size:clamp(260px,29vw,510px);font-weight:900;line-height:.9;letter-spacing:-.19em;opacity:.85}.close-copy{padding:85px 8vw 85px 6vw;display:flex;flex-direction:column;justify-content:center}.close-copy .eyebrow .line{background:#19251b}.close-copy h2{font-size:clamp(65px,6.4vw,115px);line-height:.91;letter-spacing:-.09em;margin:30px 0}.close-copy h2 em{font-family:var(--serif);font-weight:400;color:#52714b}.close-copy>p:not(.eyebrow){max-width:470px;font-size:15px;line-height:1.7;color:#405443}.close-actions{display:flex;gap:16px;align-items:center;margin-top:28px;flex-wrap:wrap}.primary-button,.secondary-button{padding:19px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;font-weight:850;letter-spacing:.09em;min-height:54px}.primary-button{background:#19221a;color:#eff3dc}.primary-button:hover{background:#3e573c}.secondary-button{border:1px solid #3a503d}.secondary-button:hover{background:rgba(22,32,24,.08)}.footer{background:#131715;padding:52px 5vw 35px;display:grid;grid-template-columns:1fr 1.25fr .65fr;gap:40px;align-items:start}.footer-brand{font-size:31px;font-weight:900;letter-spacing:.13em}.footer-brand span{color:var(--acid)}.footer>p{max-width:520px;color:#aab7aa;font-size:12px;line-height:1.75;margin:0}.footer-right{display:flex;flex-direction:column;gap:18px;align-items:flex-end;font-size:10px;letter-spacing:.09em;font-weight:800}.footer-right a:hover{color:var(--acid)}
@media(max-width:1100px){.desktop-nav{gap:18px}.site-header{gap:20px}.intro-layout{grid-template-columns:1.2fr .8fr;gap:35px}.hero h1{font-size:clamp(75px,10.5vw,132px)}.film-card{padding:23px}.lab-frame{grid-template-columns:.9fr 1.1fr}.lab-controls{padding:38px}.readout{font-size:clamp(99px,13vw,150px)}}
@media(max-width:850px){.concept-bar-middle{display:none}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{position:absolute;z-index:20;top:117px;left:0;right:0;padding:24px 5vw 28px;background:#1b231e;box-shadow:0 15px 30px rgba(0,0,0,.3)}.mobile-nav.open{display:flex;flex-direction:column;gap:0}.mobile-nav a{font-size:14px;font-weight:750;letter-spacing:.04em;padding:18px 0;border-bottom:1px solid #3b493e}.hero{height:auto;min-height:750px}.hero-inner{min-height:680px;padding:100px 6vw 50px}.hero-media img{object-position:62% 50%}.hero-scrim{background:linear-gradient(90deg,rgba(12,18,15,.89),rgba(12,18,15,.40)),linear-gradient(0deg,rgba(12,18,15,.76),transparent 55%)}.hero h1{font-size:clamp(73px,13vw,120px)}.intro,.film-section,.lab{padding:85px 6vw}.intro-layout{grid-template-columns:1fr}.intro-right{max-width:650px}.radial-glyph{margin-bottom:25px}.film-grid{grid-template-columns:1fr 1fr}.film-card:last-child{grid-column:1/-1;min-height:470px}.film-card{min-height:540px}.film-art{height:145px}.film-section-head{align-items:start;flex-direction:column;gap:23px}.lab-heading{align-items:start;flex-direction:column;gap:15px}.lab-frame{grid-template-columns:1fr}.window-visual{min-height:570px}.window-image img{object-position:center 45%}.lab-controls{padding:48px}.readout{font-size:160px}.close-section{grid-template-columns:1fr}.close-art{min-height:200px;padding:25px 6vw;border-right:0;border-bottom:1px solid #a6bc73;flex-direction:row;align-items:center}.close-giant{font-size:180px;line-height:1}.close-copy{padding:75px 6vw}.footer{grid-template-columns:1fr 1fr}.footer-right{align-items:flex-start}}
@media(max-width:570px){.concept-bar{font-size:8px;min-height:36px;padding:7px 16px;letter-spacing:.05em}.concept-mark{gap:6px}.site-header{height:69px;padding:0 18px}.brand-symbol{height:38px;width:38px;font-size:22px}.brand-name{font-size:14px}.brand-sub{font-size:6px}.mobile-nav{top:105px}.hero{min-height:690px}.hero-inner{min-height:623px;padding:86px 21px 34px}.hero-kicker{font-size:8px;letter-spacing:.09em;margin-bottom:40px}.hero h1{font-size:clamp(57px,14.3vw,86px);line-height:.94;letter-spacing:-.09em}.hero-bottom{gap:15px;align-items:flex-end}.hero-bottom p{font-size:14px;max-width:250px}.round-link{height:93px;width:93px;flex-shrink:0}.round-link>span:first-child{font-size:9px}.round-arrow{right:9px;bottom:7px;font-size:15px}.hero-edge{padding:0 20px;font-size:8px}.hero-edge span:last-child{display:none}.ribbon{height:59px;gap:25px;justify-content:flex-start}.ribbon span{font-size:9px}.intro,.film-section,.lab{padding:77px 22px 90px}.section-index{font-size:8px}.section-index span:last-child{display:none}.intro-layout{padding-top:43px}.intro h2,.film-section h2{font-size:clamp(49px,12vw,69px);line-height:1.02}.intro-right p{font-size:15px}.intro-right p+p{font-size:13px}.radial-glyph{height:70px;width:70px}.radial-glyph:before,.radial-glyph:after{height:45px}.film-grid{grid-template-columns:1fr}.film-card,.film-card:last-child{grid-column:auto;min-height:485px}.film-art{height:148px;margin:21px 0}.film-card h3{font-size:45px}.break-section{min-height:330px;padding:80px 22px}.break-section p{font-size:clamp(40px,11vw,65px)}.break-section>span{font-size:8px}.lab-heading{margin-bottom:35px}.lab h2{font-size:clamp(62px,16vw,100px)}.lab-heading-side{gap:16px}.mini-n{font-size:65px}.lab-heading-side p{font-size:13px}.window-visual{min-height:490px}.window-top,.window-bottom{left:17px;right:17px;font-size:8px}.lab-controls{padding:34px 23px;gap:24px}.readout{font-size:clamp(115px,29vw,170px)}.control-state{font-size:24px}.preset{padding:11px 10px;min-width:46px}.close-art{min-height:150px}.close-giant{font-size:135px}.close-copy{padding:74px 22px}.close-copy h2{font-size:clamp(54px,12vw,72px)}.close-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{width:100%}.footer{padding:40px 22px;grid-template-columns:1fr;gap:22px}.footer-right{flex-direction:row;flex-wrap:wrap;gap:24px}.footer-brand{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.film-card:hover{transform:none}}/* Keep the photo and tint mask on the exact same 3:4 image coordinates. */
.window-visual{aspect-ratio:3/4;min-height:0}
.window-image img{object-fit:fill}
@media(max-width:850px){.window-visual{min-height:0}}
@media(max-width:570px){.window-visual{min-height:0}}

/* Glass silhouette correction: both panes traced on the exact photograph canvas.
   Image and SVG use the same 1100 × 1467 coordinate system at every breakpoint. */
.window-visual{aspect-ratio:1100/1467}
.window-image{inset:0}
.window-image img{object-fit:fill}
.tint-mask{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:#06100f}

.footer-brand small{font-family:var(--sans);font-style:normal;font-size:.25em;font-weight:800;letter-spacing:.16em;vertical-align:middle;color:#d6ec87}

/* Scroll storytelling. Content stays visible if JavaScript is unavailable. */
html.scroll-enabled .scroll-reveal{opacity:0;transform:translate3d(0,35px,0);filter:blur(2px);transition:opacity .78s cubic-bezier(.2,.72,.26,1),transform .85s cubic-bezier(.2,.72,.26,1),filter .85s ease;transition-delay:var(--stagger,0ms)}
html.scroll-enabled .scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
@media(prefers-reduced-motion:reduce){html.scroll-enabled .scroll-reveal{opacity:1;transform:none;filter:none;transition:none}}

/* R9: unified interaction for all three film cards, including IO-revealed cards. */
.film-card,.film-card.feature-card{transition:transform .42s cubic-bezier(.22,.7,.24,1),background-color .42s ease,box-shadow .42s ease}
.film-card.feature-card{background:#e4e9e0}
html.scroll-enabled .film-card.is-visible:hover,.film-card:hover{transform:translate3d(0,-7px,0);box-shadow:0 18px 35px rgba(16,32,27,.12)}
.film-card:focus-within{outline:2px solid #526b4b;outline-offset:2px}
@media(prefers-reduced-motion:reduce){html.scroll-enabled .film-card.is-visible:hover,.film-card:hover{transform:none}}
.film-section h2 em {
  letter-spacing: -0.07em;
}
.break-section em {
  letter-spacing: -0.07em;
}
.close-copy h2 em {
  letter-spacing: -0.07em;
}
.close-copy h2 {
  letter-spacing: -0.07em;
}
.film-section h2 {
  letter-spacing: -0.07em;
}
.intro h2 {
  letter-spacing: -0.07em;
}
.intro h2 .apostrophe {
  letter-spacing: -0.07em;
  margin-left: 0.02em;
}
.intro h2 em {
  letter-spacing: -0.07em;
}
.intro h2 em .feels-apostrophe {
  margin-left: -0.06em;
}