/* ORF.ID — editorial framing inside the ORF identity. */
.orfid-page{--ink:#090527;--paper:#f8f3ff;--pink:#ff4ca1;--cyan:#62fff0;background:var(--ink)}
.orfid-page .site-header{border-bottom:1px solid #09052730;background:var(--paper);color:var(--ink)}
.orfid-page .linkedin-link{border-color:#09052744}.orfid-page .site-header [aria-current]{background:var(--ink);color:var(--paper);padding:7px 12px;border-radius:3px}
.id-main{overflow:clip}.id-intro{background:var(--paper);color:var(--ink);padding:26px 4vw 38px}
.id-topline{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;letter-spacing:.13em}.id-topline p{margin:0}.id-topline a{font-size:12px;text-decoration:none;letter-spacing:0}.id-topline a span{margin-left:32px}
.id-wordmark{font-size:clamp(95px,23.7vw,410px);font-weight:700;line-height:.88;letter-spacing:-.045em;margin:35px 0 26px;display:flex;align-items:baseline;position:relative;width:100%}.id-wordmark .id-dot{color:#bd1465;margin-inline:-.005em .005em}.id-register{font-size:.24em;font-weight:400;align-self:start;letter-spacing:0;margin-left:auto;padding-top:.25em}
.id-intro-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:end;border-top:1px solid #09052730;padding-top:21px}.id-intro-bottom p{font-size:16px;line-height:1.35;margin:0}.id-intro-bottom p:first-child{font-size:25px;letter-spacing:-.04em}.id-intro-bottom strong{font-weight:600}.id-intro-bottom p:nth-child(2){color:#4b425d}.id-edition{text-align:right;font-size:9px;line-height:1.65;letter-spacing:.12em}
.id-room{padding:24px 4vw 38px;scroll-margin-top:0;background:radial-gradient(ellipse at 25% 5%,#25133c,transparent 60%),var(--ink)}
.id-room-heading{display:flex;align-items:center;gap:30px;margin-bottom:23px;line-height:1}.id-room-heading h2{font-size:10px;font-weight:500;letter-spacing:.14em;margin:0;display:flex;align-items:center;gap:9px}.id-room-heading p{font-size:11px;margin:0;color:#c5b9da;font-variant-numeric:tabular-nums}.id-room-hint{margin-left:auto;font-size:11px;color:#c5b9da}.id-led{width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.id-console{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(230px,25%);gap:28px;align-items:stretch}.id-side-label{writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;display:flex;justify-content:space-between;color:#b9aaca;align-items:center;padding-block:8px}.id-side-label span{font-size:30px;writing-mode:horizontal-tb}
.id-monitor{position:relative;background:#140f24;min-width:0;height:490px;display:flex;align-items:center;justify-content:center;isolation:isolate;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px}
.id-monitor:before,.id-monitor:after,.id-frame-corner:before,.id-frame-corner:after{content:'';position:absolute;width:20px;height:20px;border-color:var(--cyan);border-style:solid;pointer-events:none;z-index:2}.id-monitor:before{left:0;top:0;border-width:1px 0 0 1px}.id-monitor:after{right:0;bottom:0;border-width:0 1px 1px 0}.id-frame-corner:before{right:0;top:0;border-width:1px 1px 0 0}.id-frame-corner:after{left:0;bottom:0;border-width:0 0 1px 1px}
.id-monitor video{width:100%;height:100%;object-fit:contain;max-width:100%;position:relative;background:transparent;z-index:1}.id-monitor[data-format=portrait] video{width:auto;max-width:100%;aspect-ratio:9/16}.id-monitor[data-format=landscape] video{height:auto;max-height:100%;aspect-ratio:16/9}.id-monitor video::cue{background:#090527e6;color:#fff;font-size:14px}
.id-screen-play{position:absolute;z-index:3;inset:0;border:0;background:linear-gradient(transparent 35%,#09052766);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#090527;width:100%;height:calc(100% - 52px);margin:0}.id-screen-play span{width:74px;height:74px;border-radius:50%;background:var(--cyan);display:grid;place-items:center;font-size:22px;padding-left:4px;box-shadow:0 0 0 12px #62fff022;transition:transform .25s}.id-screen-play:hover span{transform:scale(1.1)}.id-screen-play small{color:#fff;font-size:9px;letter-spacing:.15em;background:var(--ink);padding:5px 10px}.id-screen-caption{position:absolute;inset:16px 18px auto;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#d9cfe4;pointer-events:none;z-index:2}.id-screen-caption span{background:#090527d9;padding:4px 7px}.is-playing .id-screen-caption{opacity:0}
.id-film-info{display:flex;flex-direction:column;padding:0;min-width:0}.id-film-kicker{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:var(--cyan);margin:4px 0 26px}.id-film-info h3{font-size:clamp(32px,3.2vw,58px);font-weight:500;line-height:1.03;letter-spacing:-.06em;margin:0 0 20px}.id-film-project{font-size:11px;color:var(--pink);margin:0 0 16px}.id-film-info #id-description{font-size:13px;line-height:1.65;color:#d1c5df;margin:0 0 15px}.id-film-note{font-size:10px;line-height:1.65;color:#b8a9cc;margin:0 0 16px}.id-description{font-size:11px;color:#cdbfe0;margin-bottom:20px}.id-description summary{cursor:pointer;text-underline-offset:4px;text-decoration:underline}.id-description p{font-size:12px}.id-case-link{display:flex;justify-content:space-between;align-items:center;border-block:1px solid #ffffff33;padding:16px 0;text-decoration:none;font-size:12px;margin-top:auto}.id-case-link:hover{color:var(--cyan)}.id-controls{align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.id-controls button{width:35px;height:35px;border:1px solid #ffffff44;border-radius:50%;background:none;font-size:18px}.id-controls button:hover{background:var(--pink);color:var(--ink)}.id-controls [role=status]{font-size:9px;color:#c6b6da;text-align:center}.id-play-error{font-size:12px;color:var(--cyan)}
.id-timeline{height:15px;background:repeating-linear-gradient(90deg,#ffffff26 0 1px,transparent 1px 16px);border-top:1px solid #ffffff22;margin:24px 0 15px 62px;position:relative}.id-timeline span{position:absolute;left:0;top:-2px;width:0;height:2px;background:var(--cyan);transition:width .2s linear}
.js .id-filmstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-left:62px}.id-frame{display:block;background:none;border:1px solid transparent;border-radius:0;text-align:left;padding:8px;color:var(--paper);min-width:0;transition:background .22s,border-color .22s}.id-frame[aria-pressed=true]{border-color:var(--cyan);background:#62fff00a}.id-frame:hover{background:#ffffff0c}.id-frame-top,.id-frame-bottom{display:flex;justify-content:space-between;gap:10px;font-size:9px}.id-frame-top{margin-bottom:9px;text-transform:uppercase;letter-spacing:.06em}.id-frame-top>span:first-child{color:#bcafd0}.id-frame-bottom{margin-top:9px;align-items:baseline}.id-frame-bottom strong{font-size:12px;font-weight:500}.id-frame-bottom>span{color:#c4b4d8;font-variant-numeric:tabular-nums}.id-frame-image{display:block;height:135px;position:relative;overflow:hidden}.id-frame-image img{width:100%;height:100%;object-fit:cover;object-position:center 32%;transition:transform .4s,filter .4s;filter:saturate(.6)}.id-frame:hover img,.id-frame[aria-pressed=true] img{transform:scale(1.035);filter:saturate(1)}.id-frame-play{position:absolute;right:10px;bottom:10px;background:var(--pink);width:28px;height:28px;color:var(--ink);display:grid;place-items:center;border-radius:50%;font-size:17px}.id-nojs{margin:25px 0;font-size:14px}
.id-index{padding:65px 4vw 75px;background:var(--paper);color:var(--ink)}.id-index-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.id-index h2{font-size:clamp(35px,5vw,80px);line-height:1;letter-spacing:-.065em;font-weight:550;margin:18px 0 0}.id-index h2 em{font-style:normal;color:#a01b5d}.id-search{font-size:11px;flex-direction:column;gap:10px;width:300px;max-width:100%}.id-search input{min-width:0;border:0;border-bottom:1px solid #09052766;background:transparent;padding:12px 0;border-radius:0;font-size:14px;color:var(--ink)}.id-search input::placeholder{color:#65556f}.id-index-tools{align-items:center;justify-content:space-between;gap:20px;margin:30px 0 8px}.id-filters{display:flex;gap:8px;flex-wrap:wrap}.id-filters button{background:none;border:1px solid #09052750;padding:7px 15px;border-radius:20px;color:var(--ink);font-size:11px}.id-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.id-index-tools p{font-size:11px;white-space:nowrap}.id-entry{display:grid;grid-template-columns:65px minmax(0,1fr) 140px 50px;gap:25px;align-items:start;padding:28px 0;border-top:1px solid #0905273b}.id-entry-number{font-size:12px;padding-top:7px}.id-entry h3{font-size:clamp(23px,3vw,43px);font-weight:500;line-height:1.12;letter-spacing:-.05em;margin:0 0 8px}.id-entry h3 a{text-decoration:none}.id-entry h3 a span{display:inline-block;font-size:.7em;transition:transform .2s}.id-entry h3 a:hover span{transform:translate(3px,-3px)}.id-entry p{font-size:12px;line-height:1.6;color:#51415c;margin:8px 0}.id-entry details{font-size:11px;max-width:650px;margin-top:12px}.id-entry summary{cursor:pointer}.id-entry-type{font-size:11px;padding-top:7px}.id-entry-duration{text-align:right;font-size:18px;font-variant-numeric:tabular-nums}.id-entry-duration small{display:block;font-size:9px;margin-top:5px}.id-empty{padding:30px 0;font-size:25px}.id-empty button{border:0;border-bottom:1px solid;background:none;color:var(--ink);padding:5px 0;font-size:14px}
.id-brand-section{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #09052730}.id-brand-poster{background:var(--pink);color:var(--ink);padding:45px 4vw;position:relative;display:flex;flex-direction:column;min-height:500px;overflow:hidden}.id-brand-poster img{width:190px;height:auto}.id-brand-poster p{font-size:clamp(48px,6.3vw,110px);font-weight:550;line-height:.95;letter-spacing:-.065em;margin:65px 0}.id-brand-poster p span{color:#090527}.id-poster-foot{font-size:10px;letter-spacing:.16em;margin-top:auto;border-top:1px solid #09052744;padding-top:18px}.id-brand-copy{padding:45px 4vw;align-self:center}.id-brand-copy h2{font-size:clamp(28px,3vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:22px 0}.id-brand-copy>p:not(.eyebrow){font-size:14px;color:#c8bbdb;max-width:480px}.id-brand-download{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid #ffffff44;padding:18px 0;margin-top:30px;text-decoration:none;font-size:13px;color:var(--cyan)}.id-brand-copy .id-kit-note{font-size:10px!important;line-height:1.6;margin:14px 0 25px}.id-parent-link{font-size:11px}.orfid-page .site-footer{background:#110a2e}
/* Bright surfaces require their own high-contrast focus indicator. */
.orfid-page :is(.id-intro,.id-index,.site-header) :focus-visible{outline-color:#822255}
@media(min-width:1600px){.id-monitor{height:600px}.id-room,.id-intro,.id-index{padding-inline:max(4vw,calc((100vw - 1700px)/2))}}
@media(max-width:1000px){.id-console{grid-template-columns:minmax(0,1fr) minmax(230px,30%);gap:22px}.id-side-label{display:none}.id-timeline,.js .id-filmstrip{margin-left:0}.id-monitor{height:440px}.id-room-hint{display:none}.id-intro-bottom{grid-template-columns:1fr 1fr}.id-edition{display:none}}
@media(max-width:680px){.id-intro{padding-top:24px;padding-bottom:26px}.id-topline p{font-size:8px;max-width:180px}.id-topline a{font-size:10px}.id-topline a span{margin-left:6px}.id-wordmark{margin:36px 0 28px;font-size:25vw}.id-register{font-size:.18em}.id-intro-bottom{gap:16px}.id-intro-bottom p:first-child{font-size:20px}.id-intro-bottom p:nth-child(2){font-size:11px}.id-console{grid-template-columns:1fr;gap:25px}.id-room{padding-top:22px}.id-room-heading{justify-content:space-between;gap:10px}.id-monitor{height:440px;max-height:70svh}.id-film-info h3{font-size:40px;max-width:340px;margin-bottom:12px}.id-film-kicker{margin-bottom:15px}.id-film-info #id-description{max-width:500px}.id-film-note{margin-bottom:12px}.id-film-project{margin-bottom:12px}.id-description{margin-bottom:15px}.id-controls{margin-top:15px}.id-timeline{margin-top:26px}.js .id-filmstrip{gap:8px}.id-frame{padding:5px}.id-frame-image{height:105px}.id-frame-top{font-size:8px;gap:4px;letter-spacing:0}.id-frame-top>span:last-child{display:none}.id-frame-bottom strong{font-size:10px;line-height:1.3}.id-frame-bottom>span{display:none}.id-frame-play{width:22px;height:22px;font-size:14px;right:5px;bottom:5px}.id-index{padding-top:40px;padding-bottom:45px}.id-index-head{display:block}.id-index h2{font-size:11vw}.id-search{margin-top:30px;width:100%}.id-entry{grid-template-columns:28px minmax(0,1fr) 35px;gap:12px;padding:22px 0}.id-entry-type{display:none}.id-entry h3{font-size:25px}.id-entry p{font-size:11px}.id-filters{gap:5px}.id-filters button{padding:7px 10px;font-size:10px}.id-brand-section{grid-template-columns:1fr}.id-brand-poster{min-height:390px;padding:35px 6vw}.id-brand-poster p{font-size:21vw;margin:40px 0}.id-brand-copy{padding:40px 6vw}.id-brand-copy h2{font-size:34px}.id-brand-poster img{width:150px}}
@media(prefers-reduced-motion:reduce){.id-frame:hover img,.id-frame[aria-pressed=true] img,.id-screen-play:hover span,.id-entry h3 a:hover span{transform:none}}
.id-platforms{display:flex;flex-wrap:wrap;gap:12px;font-size:11px}.id-platforms:not(:empty){margin-block:14px}

/* The F is an explicit contour: clear stem, shorter crossbar and optical space after R. */
.id-letter-f{width:.48em;height:.728em;flex:none;fill:currentColor;margin-left:.075em;margin-right:.025em;overflow:visible}