@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/instrument-serif-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{color-scheme:light;--bg:#FAF7F2;--surface:#fff;--text:#111114;--muted:#6E6A63;--line:rgba(17,17,20,.09);--accent:#A7192F;--radius:28px;--page:min(1200px,86vw)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--bg);color:var(--text);font:450 16px/1.65 Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,summary{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d9d3c8;outline-offset:5px}img{max-width:100%}p{margin:0 0 1em}h1,:is(h2,h1.page-title),h3,h4{margin:0;font-weight:600;line-height:1.12}:is(h2,h1.page-title){font-size:clamp(36px,4.2vw,62px);letter-spacing:-.055em}h3{letter-spacing:-.035em}em{font-family:Instrument,Georgia,serif;font-weight:400}button,[role=button],summary{touch-action:manipulation}[hidden]{display:none!important}.skip{position:absolute;left:16px;top:-90px;z-index:100;background:#ffffff;color:#111114;padding:12px 20px;border-radius:16px}.skip:focus{top:14px}
/* The content stays calm. Optical material belongs to the controls above it. */
.glass{position:relative;isolation:isolate;border:1px solid #11111455;background:#edeae324;border-radius:999px;color:#111114;box-shadow:inset 0 1px 0 #ffffff75,inset 0 -1px 0 #11111428,0 8px 26px #0004;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;overflow:hidden}
.glass::before,.glass::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}
.glass::before{background:linear-gradient(145deg,#ffffff26 0%,#ffffff08 42%,#ffffff05);backdrop-filter:blur(12px) saturate(1.55);-webkit-backdrop-filter:blur(12px) saturate(1.55)}
.glass::after{background:radial-gradient(ellipse at var(--pointer-x,25%) var(--pointer-y,0%),#fff3,transparent 58%);box-shadow:inset 1px 1px 1px #ffffff54,inset -1px -1px 1px #11111420}

.glass:hover{border-color:#11111488;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #11111440,0 10px 28px #0005}
.glass:active{transform:scale(.975)}
.site-header{position:absolute;left:0;top:0;width:100%;height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:10;background:linear-gradient(#edeae340,transparent)}
.brand{display:inline-flex;align-items:center;gap:12px}.brand img{width:32px;height:32px}.brand span{font-size:18px;letter-spacing:2.2px;line-height:1.35;font-weight:750}.desktop-nav{display:flex;padding:5px;background:#edeae380;border-color:#11111433}.desktop-nav a{padding:9px 21px;min-height:44px;font-size:18px;font-weight:550;border-radius:999px}.desktop-nav a:hover{background:#ffffff12}.nav-quote,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;font-size:18px;font-weight:650;line-height:1.2;min-height:54px;padding:10px 11px 10px 22px;white-space:nowrap}.nav-quote .button-arrow,.button .button-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff2;border:1px solid #11111422;font-size:20px;font-weight:400}.nav-quote{font-size:18px;gap:18px;min-height:50px}.nav-quote .button-arrow{width:29px;height:29px}.button{min-width:198px}.button-label,.button-arrow{position:relative;z-index:2}.mobile-dock{display:none}
.hero{height:100svh;min-height:820px;max-height:1120px;position:relative;overflow:hidden;display:flex;align-items:center;padding:150px 7% 110px;border-radius:0 0 44px 44px;isolation:isolate;background:#edeae3}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#edeae3bd 0%,#edeae338 56%,#edeae30d),linear-gradient(0deg,#edeae3,transparent 36%)}.hero-content{max-width:830px}.eyebrow{font-size:18px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;color:#111114;margin-bottom:22px}.hero h1{font-size:clamp(96px,10.5vw,158px);font-weight:550;letter-spacing:-.075em;line-height:.96;margin:0 0 36px}.hero h1 em{color:#111114;letter-spacing:-.028em;font-size:1.13em;line-height:.92}.hero-discipline{font-size:clamp(20px,1.8vw,27px);font-weight:550;letter-spacing:-.025em;max-width:560px;line-height:1.35;margin-bottom:18px}.hero-description{font-size:18px;line-height:1.75;color:#111114;max-width:475px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.text-action{display:inline-flex;align-items:center;gap:22px;min-height:48px;font-size:18px;font-weight:600}.hero-mark{position:absolute;right:10%;top:36%;width:190px;filter:drop-shadow(0 8px 55px #11111448);opacity:.85;transform:rotate(10deg);pointer-events:none}.hero-index{position:absolute;bottom:45px;left:7%;font-size:18px;letter-spacing:.23em;color:#111114}
.section{width:var(--page);margin:0 auto;padding:96px 0;scroll-margin-top:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:14px}.section-subhead,.reviews-intro{color:var(--muted);font-size:18px;margin-top:-14px;margin-bottom:32px}.section-number{display:none}
.carousel-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.small-control{background:#ffffff0d;border:1px solid #11111426;color:var(--text);min-width:44px;min-height:44px;border-radius:999px;padding:9px 13px;font-size:18px}.motion-control{font-size:18px;padding-inline:18px}.small-control:hover{background:#ffffff1a}.film-carousel{overflow:hidden;margin-inline:calc((var(--page) - 100vw)/2);padding-inline:calc((100vw - var(--page))/2);touch-action:pan-y pinch-zoom}.film-track{display:flex;gap:20px;align-items:flex-start;will-change:transform}.film-slide{flex:0 0 470px;min-width:0;overflow:hidden;border-radius:28px;background:#edeae3;border:1px solid #11111422;padding:8px 8px 0}.preview-media{position:relative;aspect-ratio:16/9;min-height:200px;overflow:hidden;border-radius:21px;background:#edeae3}.preview-media>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.preview-player,.preview-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #11111466;background:#faf7f2cf;backdrop-filter:blur(12px);color:#111114;border-radius:999px;padding:12px 18px;font-size:18px;white-space:nowrap;z-index:2;min-height:44px}.preview-play span{margin-right:8px}.preview-status{position:absolute;top:12px;left:12px;border-radius:999px;background:#faf7f2bf;padding:5px 10px;font-size:18px;letter-spacing:.04em;color:#111114;pointer-events:none}.film-slide[data-state=playing] .preview-play,.film-slide[data-state=playing] .preview-status{display:none}.film-info{display:flex;justify-content:space-between;gap:18px;padding:19px 14px 5px;align-items:start}.film-info h3{font-size:18px;letter-spacing:-.025em;line-height:1.4}.film-info p{font-size:18px;color:#111114;margin:5px 0 0}.film-info .film-view-count{color:#111114;font-size:18px;font-weight:700}.sound-control{flex:none;background:#edeae3;border:1px solid #11111422;border-radius:999px;color:#111114;font-size:18px;font-weight:600;min-height:44px;padding:8px 12px}.sound-control[aria-pressed=true]{background:#A7192F;color:#fff}.film-open{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:10px 14px;font-size:18px;color:#111114}.carousel-hint{font-size:18px;color:#111114;margin-top:20px}.reach-strip{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;margin-top:65px;padding:36px 0;border-block:1px solid var(--line)}.reach-strip>div{display:flex;flex-direction:column;gap:9px}.reach-strip strong{font-size:clamp(42px,5.5vw,78px);line-height:1.05;font-weight:750;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.reach-strip span{font-size:18px;color:#111114}.reach-evidence{color:#111114;font-size:18px;margin-top:18px}.reach-evidence summary{min-height:44px;cursor:pointer;width:fit-content}.reach-evidence p{max-width:760px}.reach-evidence a{text-decoration:underline}.feature-film{margin-top:72px}.feature-film h3{font-size:28px;letter-spacing:.16em;font-weight:450}.realm{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:30px;background:#edeae3;border:1px solid #1111142c}.realm video{display:block;width:100%;height:100%;object-fit:contain}.realm-title{font-size:clamp(28px,6vw,70px);letter-spacing:.18em;font-weight:450}.film-credits{font-size:18px;color:#111114;margin-top:12px}.film-credits summary{min-height:44px;cursor:pointer}.film-credits a{text-decoration:underline}.film-credits p{max-width:850px}
.about{display:grid;grid-template-columns:1fr 1.6fr;gap:72px;border-top:1px solid var(--line);align-items:center}.about-art{display:grid;place-items:center;min-height:320px;background:radial-gradient(ellipse,#A7192F30,transparent 65%)}.about-art img{width:140px;filter:drop-shadow(0 0 42px #11111440)}.about p{color:#111114;font-size:18px;line-height:1.9;margin-top:28px}.about :is(h2,h1.page-title){max-width:530px}
.reviews{border-top:1px solid var(--line)}.reviews-grid{columns:2;column-gap:28px}.review-item{display:inline-block;vertical-align:top;width:100%;margin:0 0 28px;padding:10px 10px 0;border-radius:28px;background:#edeae3;border:1px solid #11111425;box-shadow:0 15px 45px #0003;break-inside:avoid}.review-image{display:block;border-radius:19px;overflow:hidden;background:#faf7f2}.review-image img{display:block;width:100%;height:auto;object-fit:contain}.review-item figcaption{padding:15px 14px 4px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:7px 14px;font-size:18px}.review-item cite{font-style:normal;font-weight:650;color:#111114;overflow-wrap:anywhere}.review-platform{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-size:18px;color:#111114;text-decoration:underline;text-underline-offset:4px}.review-attribution-note{flex-basis:100%;font-size:18px;color:#111114}.review-transcript{flex-basis:100%;border-top:1px solid #11111411;font-size:18px;color:#111114}.review-transcript summary{cursor:pointer;min-height:44px;padding:11px 0}.review-transcript blockquote{margin:5px 0 18px;color:#111114;font-size:18px;line-height:1.7}.review-transcript p{margin:0}
.services{border-top:1px solid var(--line)}.service-group{margin-top:38px}.service-group h3{font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:#111114;font-weight:600;margin:0 0 16px 20px}.service-grid{overflow:hidden;border-radius:28px;border:1px solid #11111417;background:linear-gradient(120deg,#edeae3,#edeae3)}.service-card{padding:28px 32px;display:grid;grid-template-columns:1.35fr .8fr 1fr;grid-template-rows:auto auto;gap:8px 28px;border-bottom:1px solid #11111412;align-items:center}.service-card:last-child{border:0}.service-card h4{font-size:19px;font-weight:600;letter-spacing:-.025em;grid-column:1;grid-row:1}.copy-punctuation{font-size:.8em;color:#111114}.price{font-size:32px;font-weight:600;letter-spacing:-.055em;grid-column:2;grid-row:1 / 3;margin:0;line-height:1.25}.price span{font-size:.65em;color:#111114}.service-card>p:not(.price){font-size:18px;color:#111114;line-height:1.65;grid-column:1;grid-row:2;margin:0;max-width:430px}.project-link{grid-column:3;grid-row:1 / 3;justify-self:end;display:flex;align-items:center;gap:24px;min-height:48px;border-radius:999px;padding:11px 18px;background:#ffffff09;border:1px solid #11111424;font-size:18px;color:#111114}.project-link:hover{background:#ffffff15;border-color:#1111144d}.service-group:last-child .price{font-size:24px}.service-group:last-child .service-card{grid-template-columns:1.35fr .8fr 1fr}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;list-style:none;margin:42px 0 0}.steps li{border-top:1px solid #1111142e;padding-top:22px}.steps span{font-size:18px;color:#A7192F;font-weight:650;letter-spacing:.1em}.steps p{font-size:18px;line-height:1.6;margin:20px 0 0;max-width:260px;letter-spacing:-.02em}
.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:75px;border-top:1px solid var(--line)}.contact-intro :is(h2,h1.page-title){font-size:clamp(58px,7vw,96px);font-weight:500;letter-spacing:-.06em;line-height:1.05}.contact-intro :is(h2,h1.page-title) em{color:#111114;font-size:1.25em;letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:flex;flex-direction:column;gap:10px;font-size:18px;font-weight:550;color:#111114}input,select{min-height:54px;border-radius:16px;border:1px solid #11111425;background:#edeae3;color:#111114;padding:13px 15px;width:100%;min-width:0;font-size:18px}input:hover,select:hover{border-color:#11111470}option{background:#edeae3}.honeypot{display:none!important}.form-privacy{font-size:18px;color:#111114;margin:22px 0}.form-privacy a{text-decoration:underline;text-underline-offset:3px}#form-status{font-size:18px;color:#111114;margin:16px 0 0}.dm{font-size:18px;line-height:1.8;color:#111114;margin:26px 0 0}.dm a{text-decoration:underline;text-underline-offset:4px;color:#111114}.community{width:var(--page);display:flex;align-items:center;gap:28px;margin:10px auto 70px;border-radius:28px;border:1px solid #11111422;padding:30px;background:#edeae3}.community img{width:38px;height:38px;flex:none}.community :is(h2,h1.page-title){font-size:25px;letter-spacing:-.035em}.community p{font-size:18px;line-height:1.7;color:#111114;max-width:790px;margin:12px 0 0}footer{width:var(--page);margin:auto;padding:25px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);color:#111114}footer>div{display:flex;gap:24px;font-size:18px}footer>p{font-size:18px;margin:0}.modal-open{overflow:hidden}dialog{width:min(1100px,94vw);max-height:94svh;padding:24px;border-radius:26px;background:#edeae3;color:#111114;border:1px solid #11111435}dialog::backdrop{background:#edeae3d9;backdrop-filter:blur(18px)}.film-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.film-dialog-heading :is(h2,h1.page-title){font-size:23px;letter-spacing:-.025em}.film-dialog-heading button{border:1px solid #11111444;border-radius:50%;background:#ffffff10;color:#111114;width:44px;height:44px;font-size:28px;flex:none}#film-screen{aspect-ratio:16/9;background:#edeae3;border-radius:16px;overflow:hidden}#film-screen iframe{border:0;width:100%;height:100%;display:block}#film-credit{font-size:18px;color:#111114;margin:16px 0 0}#film-youtube{font-size:18px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}.privacy-page{padding-top:150px;max-width:850px}.privacy-page h1{font-size:48px;margin:0 0 34px;letter-spacing:-.05em}.privacy-page p{color:#111114}.privacy-page a:not(.button){text-decoration:underline}
@media(max-width:1000px){.desktop-nav a{padding-inline:15px}.hero h1{font-size:116px}.hero-mark{right:8%;width:135px;opacity:.5}.about{gap:36px}.contact{gap:40px}.service-card{grid-template-columns:1.25fr .75fr;gap:9px 22px}.project-link{grid-column:1;grid-row:3;justify-self:start;margin-top:8px}.price{grid-column:2;grid-row:1 / 4}.service-group:last-child .service-card{grid-template-columns:1.25fr .75fr}.reach-strip{gap:25px}.steps{grid-template-columns:repeat(2,1fr);gap:36px}.film-slide{flex-basis:440px}}
@media(max-width:700px){:root{--page:calc(100vw - 40px)}.site-header{height:92px;padding:0 20px;gap:12px}.brand{gap:9px}.brand img{width:28px;height:28px}.brand span{font-size:18px;letter-spacing:1.8px}.desktop-nav{display:none}.nav-quote{gap:10px;padding:8px 9px 8px 15px;font-size:18px;min-height:46px}.nav-quote .button-arrow{width:26px;height:26px;font-size:18px}.hero{min-height:810px;height:100svh;max-height:950px;padding:145px 24px 122px;border-radius:0 0 32px 32px;align-items:center}.hero-background{object-position:65% center}.hero-shade{background:linear-gradient(0deg,#edeae3 0%,#edeae340 42%,#edeae30d 90%),linear-gradient(90deg,#edeae366,transparent 95%)}.hero .eyebrow{font-size:18px;letter-spacing:.17em;margin-bottom:28px}.hero h1{font-size:clamp(72px,19vw,104px);margin-bottom:32px;letter-spacing:-.065em}.hero h1 em{font-size:1.1em}.hero-discipline{font-size:21px;max-width:300px;margin-bottom:15px}.hero-description{font-size:18px;line-height:1.75;max-width:320px;color:#111114}.hero-actions{gap:21px;flex-wrap:wrap;margin-top:24px}.button{min-width:181px;min-height:52px;font-size:18px;padding-left:19px}.button .button-arrow{width:30px;height:30px}.text-action{font-size:18px;gap:12px}.hero-mark{width:70px;top:135px;right:25px;opacity:.55}.hero-index{display:none}.section{padding:68px 0;scroll-margin-top:15px}.section-heading{margin-bottom:26px;gap:18px;align-items:start;flex-wrap:wrap}:is(h2,h1.page-title){font-size:38px;letter-spacing:-.05em}.section-heading .eyebrow{font-size:18px;margin-bottom:11px}.film-carousel{padding-inline:20px;margin-inline:-20px}.film-track{gap:14px}.film-slide{flex-basis:calc(100vw - 58px);border-radius:25px;padding:7px 7px 0}.preview-media{border-radius:18px;aspect-ratio:1.64;min-height:200px}.film-info{padding:15px 10px 3px;gap:10px}.film-info h3{font-size:18px;max-width:190px}.film-info p{font-size:18px}.sound-control{font-size:18px;padding:8px 10px}.film-open{padding-inline:10px}.carousel-controls{gap:7px}.small-control{min-height:42px;min-width:42px}.motion-control{font-size:18px;padding-inline:15px}.carousel-hint{font-size:18px;margin-top:16px}.reach-strip{grid-template-columns:1fr;gap:0;margin-top:36px;padding:0}.reach-strip>div{padding:26px 4px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.reach-strip>div:last-child{border:0}.reach-strip strong{font-size:42px;letter-spacing:-.06em}.reach-strip span{font-size:18px;max-width:155px}.reach-evidence{font-size:18px}.feature-film{margin-top:50px}.feature-film h3{font-size:22px}.realm{border-radius:22px}.realm-title{font-size:27px;letter-spacing:.13em}.film-credits{font-size:18px}.about{display:block}.about-art{display:none}.about :is(h2,h1.page-title){max-width:330px}.about p{font-size:18px;line-height:1.85;margin-top:22px}.reviews-grid{columns:1;column-gap:0}.reviews-intro{font-size:18px;line-height:1.7;margin-bottom:27px;max-width:300px}.review-item{border-radius:24px;padding:8px 8px 0;margin-bottom:22px}.review-image{border-radius:16px}.review-item figcaption{padding:10px 10px 0;gap:0 12px}.review-item cite{font-size:18px}.review-platform{font-size:18px}.review-transcript summary{font-size:18px}.review-transcript blockquote{font-size:18px}.service-group{margin-top:29px}.service-group h3{font-size:18px;margin-left:15px;margin-bottom:13px}.service-grid{border-radius:24px}.service-card,.service-group:last-child .service-card{padding:23px 21px;grid-template-columns:1fr auto;gap:8px 14px}.service-card h4{font-size:18px;line-height:1.4}.service-card>p:not(.price){font-size:18px;grid-column:1 / -1;grid-row:2;max-width:290px}.price{font-size:26px;grid-column:2;grid-row:1;align-self:start;text-align:right}.service-group:last-child .price{font-size:18px;max-width:115px}.project-link{grid-column:1 / -1;grid-row:3;font-size:18px;margin-top:7px;min-height:44px;padding:10px 14px;gap:32px}.section-subhead{font-size:18px;margin-top:-10px}.steps{gap:27px 22px;margin-top:32px}.steps span{font-size:18px}.steps p{font-size:18px;line-height:1.65;margin-top:14px}.contact{grid-template-columns:1fr;gap:36px}.contact-intro :is(h2,h1.page-title){font-size:60px}.contact-intro :is(h2,h1.page-title) br{display:none}.form-grid{grid-template-columns:1fr;gap:18px}.form-privacy{font-size:18px}.community{margin-bottom:42px;padding:24px;gap:18px;align-items:start;border-radius:24px}.community img{width:26px;height:26px}.community :is(h2,h1.page-title){font-size:21px;line-height:1.3}.community p{font-size:18px}footer{flex-wrap:wrap;gap:24px;padding-bottom:125px}footer>div{flex-direction:column;gap:10px;font-size:18px}footer>p{width:100%;font-size:18px}.mobile-dock{display:flex;position:fixed;z-index:30;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(360px,calc(100vw - 32px));padding:7px;background:#edeae399;border-color:#1111144d;box-shadow:inset 0 1px 0 #fff7,0 9px 38px #0009}.mobile-dock:active{transform:translateX(-50%)}.mobile-dock a{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:51px;border-radius:999px;color:#111114}.mobile-dock svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mobile-dock a>span{font-size:18px;font-weight:650;letter-spacing:.025em}.mobile-dock a[aria-current=location]{background:#A7192F;color:#fff}.mobile-dock a:hover{background:#ffffff10}dialog{padding:16px;border-radius:23px}.film-dialog-heading :is(h2,h1.page-title){font-size:18px}.privacy-page{padding-top:140px}.privacy-page h1{font-size:36px}}
@media(max-width:360px){.hero{padding-inline:20px;min-height:800px}.hero h1{font-size:68px}.hero .eyebrow{font-size:18px}.hero-mark{width:55px}.hero-discipline{font-size:20px}.hero-actions{gap:12px}.hero-actions .text-action{gap:6px;font-size:18px}.hero-actions .button{min-width:167px}.reach-strip strong{font-size:36px}.site-header{padding-inline:16px}.brand span{font-size:18px}.nav-quote{font-size:18px;padding-left:12px}.review-item figcaption{padding-inline:7px}.film-info h3{max-width:150px}.film-info{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.film-track{will-change:auto}}
@media(prefers-reduced-transparency:reduce){.glass{background:#edeae3}.glass::before,.glass::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important}.mobile-dock{background:#edeae3}dialog::backdrop{backdrop-filter:none;background:#edeae3f5}}
@media(prefers-contrast:more){:root{--muted:#111114;--line:#ffffff70}.glass{background:#edeae3;border-color:#111114}.glass::before,.glass::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important}.review-platform,.film-info p,.reach-strip span{color:#111114}}
.hero-reach{position:absolute;right:7%;bottom:85px;display:flex;flex-direction:column;max-width:210px}.hero-reach strong{font-size:82px;letter-spacing:-.07em;line-height:1.1;font-weight:650}.hero-reach span{font-size:18px;line-height:1.5;color:#111114;max-width:160px}.film-info .film-artist{font-size:18px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px;color:#111114}.film-view-count{font-size:27px!important;font-weight:650;letter-spacing:-.04em!important;color:#111114!important;margin-top:12px!important}.film-view-count span{font-size:18px;font-weight:450;letter-spacing:0;color:#111114}
@media(max-width:700px){.hero-reach{position:static;align-self:flex-start;margin-top:26px;display:flex;flex-direction:row;align-items:center;gap:16px;max-width:280px}.hero-reach strong{font-size:46px}.hero-reach span{font-size:18px;max-width:140px}.hero{flex-direction:column;align-items:stretch;justify-content:center;padding-bottom:105px;min-height:900px}.hero-index{display:none}.hero-mark{display:none}}
@font-face{font-family:BarlowCondensed;src:url('assets/barlow-condensed.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
.hero h1{font-family:BarlowCondensed,Impact,sans-serif;font-weight:600;font-size:clamp(115px,12vw,181px);text-transform:uppercase;line-height:.84;letter-spacing:-.035em;margin-bottom:36px}.hero h1 span{color:#111114}.hero-mark{width:140px;right:11%;opacity:.8}.hero-reach strong{font-family:BarlowCondensed,Impact,sans-serif;letter-spacing:-.025em;font-size:99px;font-weight:600}.stats{position:relative}.stats-date{font-size:18px;color:#111114;padding-bottom:8px}.stats .reach-strip{margin-top:0;padding:46px 0;grid-template-columns:1.5fr 1fr 1fr}.stats .reach-strip>div:first-child strong{font-family:BarlowCondensed,Impact,sans-serif;font-weight:600;font-size:128px;letter-spacing:-.03em;color:#111114}.stats .reach-strip>div{justify-content:center}.stats-chart{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;margin-top:64px;padding:48px;background:radial-gradient(ellipse at top left,#A7192F38,transparent 65%),#edeae3;border:1px solid #1111141c;border-radius:30px}.stats-chart h3{font-size:34px;line-height:1.15;letter-spacing:-.05em;margin-bottom:19px}.stats-chart p{font-size:18px;color:#111114;line-height:1.8}.stat-bars{display:grid;gap:23px}.stat-bar{display:grid;grid-template-columns:1fr auto;gap:10px 16px;font-size:18px;line-height:1.2}.stat-bar strong{font-weight:500;font-variant-numeric:tabular-nums}.stat-bar i{grid-column:1/-1;width:100%;height:5px;border-radius:999px;background:#fff1;overflow:hidden}.stat-bar i::before{content:"";display:block;width:var(--bar);height:100%;border-radius:999px;background:linear-gradient(90deg,#A7192F,#A7192F)}.stat-bar:hover{color:#111114}@media(max-width:700px){.hero h1{font-size:clamp(90px,22vw,140px);line-height:.88;letter-spacing:-.025em;margin-bottom:27px}.hero{min-height:850px;padding-top:143px;justify-content:flex-start}.hero .eyebrow{margin-bottom:24px}.hero-reach strong{font-size:61px}.hero-reach{margin-top:29px}.hero-reach span{font-size:18px}.stats-date{font-size:18px}.stats .reach-strip{padding:0;grid-template-columns:1fr}.stats .reach-strip>div:first-child{grid-template-columns:1fr 1fr;padding-block:28px}.stats .reach-strip>div:first-child strong{font-size:100px}.stats .reach-strip>div{padding:24px 0}.stats-chart{grid-template-columns:1fr;gap:23px;padding:26px;margin-top:34px;border-radius:26px}.stats-chart h3{font-size:30px;margin-bottom:12px}.stats-chart p{font-size:18px}.stat-bars{gap:24px}.stat-bar{font-size:18px}.hero-discipline{max-width:330px}.hero-description{max-width:330px}}
@media(max-width:360px){.hero h1{font-size:70px}.hero{min-height:870px}.hero-reach{margin-top:20px}}
/* Preview interaction belongs to the explicit sound/play controls; the media surface remains swipeable. */
.preview-player{pointer-events:none}

.film-view-count span{margin-left:5px}
/* Clearer material: live Gaussian frost plus an aligned, wavelength-separated hero sample. */
.glass{background:#edeae309;border-color:#11111455;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -2px 3px #11111433,0 7px 23px #00000024}
.glass::before{z-index:-3;background:linear-gradient(145deg,#ffffff12,#ffffff03 48%,#ffffff02);backdrop-filter:blur(5px) saturate(1.18);-webkit-backdrop-filter:blur(5px) saturate(1.18)}
.glass::after{z-index:-1;background:radial-gradient(ellipse at var(--pointer-x,18%) var(--pointer-y,0%),#ffffff1f,transparent 66%);box-shadow:inset 1px 1px 1px #ffffff6b,inset -1px -1px 2px #11111420,inset 0 2px 6px #ffffff12}
.glass-optics{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border-radius:inherit;pointer-events:none;opacity:.79;filter:blur(.7px)}
.desktop-nav,.mobile-dock{background:#edeae30f}
.glass:hover{background:#ffffff08;border-color:#1111148c;box-shadow:inset 0 1px 1px #ffffffa1,inset 0 -2px 3px #00000024,0 8px 24px #0003}
.glass:active{box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 5px #11111438,0 3px 12px #0002}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-optics{display:none!important}.glass{background:#edeae3ee!important}.glass::before,.glass::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important}}
.stats .platform-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:start}.platform-stats .platform-name{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#111114;margin:0 0 20px}.platform-name img{flex:none;object-fit:contain}.stats .platform-stats>div strong,.stats .platform-stats>div:first-child strong{font-family:BarlowCondensed,Impact,sans-serif;font-size:110px;line-height:1;font-weight:600;letter-spacing:-.03em;color:#111114}.platform-stats strong .approximation{font:400 .48em Manrope,sans-serif;color:#A7192F;vertical-align:12%;margin-right:4px}.platform-stats>div{gap:12px}.platform-stats small{font-size:18px;color:#111114;line-height:1.6;max-width:220px}.platform-stats .estimate-label{color:#111114}.social-breakdown{max-width:820px;padding:16px 0 8px}.social-breakdown h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:20px 0 14px}.social-breakdown ul{list-style:none;padding:0;margin:0 0 20px}.social-breakdown li{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:11px 0;border-bottom:1px solid #11111414;font-size:18px}.social-breakdown li>a{text-decoration:none}.social-breakdown li>a>span{margin-left:6px;color:#A7192F}.social-breakdown li>span{text-align:right;font-variant-numeric:tabular-nums}.social-breakdown li small{display:block;font-size:18px;color:#111114}.source-links{display:flex;flex-wrap:wrap;gap:13px 25px;margin-top:22px}.source-links a{min-height:36px}.about p{max-width:740px}@media(max-width:700px){.stats .platform-stats{grid-template-columns:1fr;gap:0}.stats .platform-stats>div,.stats .platform-stats>div:first-child{grid-template-columns:1fr 1fr;padding:26px 0;gap:8px 20px}.platform-stats .platform-name{grid-column:1/-1;margin:0 0 5px;font-size:18px}.stats .platform-stats>div strong,.stats .platform-stats>div:first-child strong{grid-column:1;grid-row:2/4;font-size:83px}.platform-stats>div>span{grid-column:2;align-self:end;font-size:18px}.platform-stats small{grid-column:2;font-size:18px;align-self:start}.platform-stats strong .approximation{font-size:.45em}.social-breakdown li{gap:12px;font-size:18px}.social-breakdown p{font-size:18px}}
/* Put the live backdrop on the control itself for WebKit's compositing path. */
.glass{backdrop-filter:blur(5px) saturate(1.18);-webkit-backdrop-filter:blur(5px) saturate(1.18)}
.glass::before{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
/* Approved optical sample, now used at the same clarity on the actual artwork.
   A feathered light edge replaces the solid perimeter stroke. */
.glass{border-color:transparent;box-shadow:0 7px 23px #00000024}
.glass::after{box-shadow:inset 0 1px 2px #ffffff50,inset 0 -1px 3px #ffffff1a;background:radial-gradient(ellipse at var(--pointer-x,18%) var(--pointer-y,0%),#ffffff24,transparent 64%)}
.glass-optics{opacity:.95}
.glass:hover{border-color:transparent;box-shadow:0 8px 24px #0003}
.glass:active{box-shadow:0 3px 12px #0002}
@media(prefers-contrast:more){.glass{border-color:#111114}}
.preview-open{position:absolute;inset:0;width:100%;height:100%;z-index:3;border:0;border-radius:inherit;background:linear-gradient(0deg,#edeae370,transparent 30%);color:white;display:flex;align-items:center;justify-content:center;padding:0;touch-action:pan-y pinch-zoom}.preview-open:focus-visible{outline-offset:-5px}.preview-play-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:#ffffff16;backdrop-filter:blur(9px);border:1px solid #11111455;transition:opacity .2s}.film-slide[data-state=playing] .preview-play-icon{opacity:0}.film-slide[data-state=playing] .preview-open:hover .preview-play-icon,.preview-open:focus-visible .preview-play-icon{opacity:1}.preview-open-label{position:absolute;bottom:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;text-shadow:none}.preview-status{z-index:4;pointer-events:none}.film-source{font-size:18px!important;color:#111114!important}.film-modal{border-color:#11111426;box-shadow:inset 0 1px 2px #ffffff24,0 28px 100px #0009}.film-modal .film-dialog-heading{margin-bottom:15px}.film-modal #close-film{background:#ffffff08;border:0;min-width:44px;flex:none}.film-modal #film-screen{border-radius:21px;overflow:hidden}.film-modal #film-playback-status{font-size:18px;line-height:1.6;color:#111114;margin:17px 0 0}.film-modal #film-credit{margin-top:8px;font-size:18px}.film-modal #film-youtube{font-size:18px}.preview-media>img{filter:brightness(.88)}@media(max-width:700px){.film-info h3{max-width:220px}.film-info{gap:9px}.film-info .sound-control{font-size:18px;padding-inline:12px}.film-modal{width:calc(100vw - 20px);padding:14px;border-radius:27px}.film-modal #film-screen{border-radius:16px}.film-modal .film-dialog-heading :is(h2,h1.page-title){font-size:18px;line-height:1.3}.preview-open-label{font-size:18px}}
.hero-picture{position:absolute;inset:0;z-index:-3;pointer-events:none}.hero-background,.hero-shade{inset:-32px;width:calc(100% + 64px);height:calc(100% + 64px);transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0);will-change:transform}.hero-background{object-position:62% center}.hero-shade{z-index:-2}.hero-picture .hero-background{z-index:auto}
@media(max-width:700px){.hero-background{object-position:75% center}}
@media(prefers-reduced-motion:reduce){.hero-background,.hero-shade{transform:none;will-change:auto}}
.hero-background{max-width:none}.button-label,.button-arrow{color:var(--glass-label-color,inherit);text-shadow:none}.glass[data-ink=dark] .button-label,.glass[data-ink=dark] .button-arrow{text-shadow:none}
.film-modal #film-screen{min-height:200px}
/* Cinema overlay shares the same real sampled hero artwork and refracting surface. */
.film-modal,.film-modal:hover{background:rgba(255,255,255,.62);border:1px solid rgba(17,17,20,.22);border-radius:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 28px 80px rgba(60,58,52,.18);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.film-modal:active{transform:none}.film-modal::backdrop{background-color:#FAF7F2;background-image:url(/assets/marble.svg);background-size:1100px 1100px;background-position:center top;backdrop-filter:blur(8px)}.film-modal .glass-optics{opacity:.95}.film-modal::after{box-shadow:inset 0 1px 2px #ffffff61,inset 0 -1px 3px #ffffff20}.film-modal #close-film{background:#ffffff09;color:#111114}.film-modal #film-playback-status,.film-modal #film-credit{color:#111114;text-shadow:none}.film-modal .film-dialog-heading :is(h2,h1.page-title){text-shadow:none}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.film-modal::backdrop{background:#edeae3ef;backdrop-filter:none}}
/* One glass family throughout the EPK. Content remains undistorted above the lens. */
body{isolation:isolate}.site-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#edeae3}.atmosphere-picture,.atmosphere-image{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none}.atmosphere-image{object-fit:cover;object-position:center}.site-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(#edeae3ae,#edeae3d4)}
.glass-panel,.glass-panel:hover{position:relative;isolation:isolate;background:#edeae31a;border:1px solid transparent;border-radius:28px;backdrop-filter:blur(5px) saturate(1.18);-webkit-backdrop-filter:blur(5px) saturate(1.18);box-shadow:0 12px 40px #0002}.glass-panel:active{transform:none}.glass-panel::after{background:linear-gradient(135deg,#ffffff08,transparent 45%,#ffffff04);box-shadow:inset 0 1px 2px #ffffff44,inset 0 -1px 3px #ffffff1c}.glass-panel>.glass-optics{opacity:.95}.glass-panel>*:not(.glass-optics){position:relative;z-index:1}
.film-slide{overflow:hidden;contain:paint}.film-slide.glass{backdrop-filter:none;-webkit-backdrop-filter:none}.film-slide::before{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.preview-media{isolation:isolate;clip-path:inset(0 round 21px);transform:translateZ(0)}.preview-player,.preview-player iframe{max-width:100%;max-height:100%;overflow:hidden}.film-open{margin:4px 8px 8px;border-radius:16px;background:#ffffff05}.sound-control,.project-link,.small-control{background:#ffffff08}.text-action{padding:11px 18px}.preview-status,.preview-play-icon{background:#ffffff14;border:0;box-shadow:inset 0 1px 2px #ffffff55;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.stats .platform-stats{border:0;padding:0;gap:20px}.stats .platform-stats>div,.stats .platform-stats>div:first-child{padding:28px 24px;border:0;min-width:0}.stats-chart{background:#edeae31a}.about{padding:48px 40px;margin-block:35px}.service-grid{background:#edeae31a}.service-card{background:transparent}.steps li{padding:24px}.steps p{font-size:18px}.contact #quote-form{padding:28px}.glass-field{display:block;border-radius:16px;background:#ffffff05}.glass-field input,.glass-field select{background:transparent;border-color:transparent;border-radius:inherit}.glass-field:focus-within{outline:3px solid #d9d3c8;outline-offset:3px}.glass-field input:focus-visible,.glass-field select:focus-visible{outline:none}.glass-field option{background:#edeae3}.review-transcript summary{border-radius:12px}.review-transcript summary:hover{background:#ffffff08}.community{background:#edeae31a}footer a:not(.brand){border-radius:18px;padding:10px 14px;background:#ffffff08;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 1px 2px #ffffff26}.reach-evidence>summary{padding:10px 18px;background:#ffffff08;border-radius:20px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:inset 0 1px 2px #ffffff30}.reach-evidence[open]{padding:12px 18px;border-radius:24px;background:#ffffff06;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
@media(max-width:700px){.stats .platform-stats{gap:14px}.stats .platform-stats>div,.stats .platform-stats>div:first-child{padding:24px 20px}.stats .platform-stats>div strong,.stats .platform-stats>div:first-child strong{font-size:76px}.about{padding:30px 24px;margin-block:20px}.contact #quote-form{padding:22px 18px}.form-grid{gap:18px}.steps{gap:14px}.steps li{padding:22px}.preview-media{clip-path:inset(0 round 18px)}.text-action{padding-inline:16px}.hero-actions{gap:12px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.site-atmosphere{display:none}.glass-panel,.glass-field,.reach-evidence[open]{background:#edeae3!important}input,select{color:#111114!important}.glass-panel::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}/* The loop viewport has no inset: Embla measures its exact clipping width. */
.film-carousel{padding-inline:0}.film-slide:last-child{margin-right:20px}.preview-media{width:100%;min-width:0}.film-modal #film-youtube{padding:10px 17px;text-decoration:none;min-height:44px;margin-top:12px}
@media(max-width:700px){.film-carousel{padding-inline:0}.film-slide:last-child{margin-right:14px}}
.film-modal #film-screen{width:100%;min-width:0}.film-modal #film-screen iframe{max-width:100%}
.film-modal{position:fixed;inset:0;margin:auto;overflow:auto;max-height:94svh}
/* Supplied portrait and the approved expanded personal introduction. */
.about{grid-template-columns:minmax(240px,.78fr) minmax(0,1.22fr);gap:48px;align-items:start}.about-portrait{display:block;min-width:0;width:100%;margin:0;padding:7px;border-radius:26px;align-self:start}.about-portrait img{display:block;width:100%;height:auto;border-radius:20px;max-width:100%}.about-copy{min-width:0}.about-copy .section-heading{margin-bottom:26px}.about-copy p{max-width:65ch;font-size:18px;line-height:1.85;margin:0 0 1.35em}.community-join{min-height:60px;max-width:100%;min-width:0;white-space:normal;text-align:left;margin-top:8px;padding:14px 16px 14px 21px}.community-join .button-arrow{flex:none}.about-portrait:active{transform:none}
.film-open{min-height:52px;padding:14px 18px;font-size:18px;font-weight:650;background:#ffffff0b;box-shadow:inset 0 1px 2px #ffffff25;border-radius:18px}.film-open:hover{background:#ffffff17}
.carousel-controls{justify-content:center;margin:26px auto 0;gap:18px}.carousel-controls #carousel-prev,.carousel-controls #carousel-next{width:60px;height:60px;min-width:60px;min-height:60px;font-size:30px;line-height:1;padding:0}.carousel-controls .motion-control{min-height:52px;font-size:18px;padding-inline:20px}.carousel-controls button:disabled{opacity:.38;cursor:default;transform:none}.carousel-controls button:disabled:hover{background:#ffffff05}.carousel-controls button:focus-visible{outline:3px solid #d9d3c8;outline-offset:5px}
/* Native overflow accepts trackpad deltaX, touchscreen swipes and the platform scrollbar. */
.film-carousel{overflow-x:auto;overflow-y:hidden;touch-action:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#11111480 #11111408;padding-bottom:12px}.film-carousel::-webkit-scrollbar{height:7px}.film-carousel::-webkit-scrollbar-thumb{background:#d9d3c8;border-radius:8px}.film-carousel::-webkit-scrollbar-track{background:#ffffff08;border-radius:8px}.film-track{transform:none!important;will-change:auto}.film-slide{scroll-snap-align:start;transform:none!important}.film-slide:last-child{margin-right:0}.preview-open{touch-action:auto}@media(max-width:700px){.about{display:flex;flex-direction:column;gap:30px;padding:24px}.about-portrait{max-width:380px;margin-inline:auto;padding:6px;border-radius:24px}.about-portrait img{border-radius:18px}.about-copy p{font-size:18px;line-height:1.85}.about-copy :is(h2,h1.page-title){font-size:36px}.community-join{font-size:18px;width:100%;gap:14px}.film-open{min-height:52px;font-size:18px;padding:14px}.carousel-controls{gap:14px;margin-top:22px}.carousel-controls .motion-control{font-size:18px;padding-inline:15px}}
@media(prefers-reduced-motion:reduce){.film-carousel{scroll-behavior:auto}}

/* Native gestures and the automatic drift share one scroll position without snap contention. */
.film-carousel{scroll-snap-type:none;overflow-anchor:none}
.stats-chart .chart-caption{font-size:18px;line-height:1.6;margin-top:18px;color:#111114}
/* The approved final cut is the headline film, within the existing hero. */
.hero.hero-with-film{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:4vw;height:auto;min-height:900px;max-height:none;padding-bottom:155px}
.hero-with-film .hero-content{grid-column:1;grid-row:1;min-width:0}
.hero-with-film h1{font-size:clamp(100px,10vw,150px)}
.hero-with-film .hero-mark{display:none}
.headline-film{grid-column:2;grid-row:1;width:100%;min-width:0;border-radius:30px;padding:20px;align-self:center;scroll-margin-top:110px}
.headline-film-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.headline-film-heading .eyebrow{font-size:18px;margin:0 0 9px}
.headline-film :is(h2,h1.page-title){font-family:BarlowCondensed,Impact,sans-serif;font-size:clamp(38px,4vw,58px);letter-spacing:.035em;line-height:1}
.headline-runtime{font-size:18px;color:#111114;font-variant-numeric:tabular-nums}
.headline-film .realm{border-radius:19px;border:0;isolation:isolate}


.headline-film-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;font-size:18px;color:#111114}
.headline-film-footer label{display:flex;align-items:center;gap:8px}
#realm-quality{border:1px solid #11111433;background:#edeae380;color:#111114;padding:9px 11px;border-radius:15px;min-height:44px;font-size:18px}
#realm-status{font-size:18px;color:#111114;margin:12px 0 0}#realm-status:empty{display:none}
@media(max-width:1050px){.hero.hero-with-film{grid-template-columns:1fr;gap:40px;min-height:0;padding-top:150px;padding-bottom:70px}.hero-with-film .hero-content{grid-column:1;grid-row:auto}.headline-film{grid-column:1;grid-row:auto;max-width:760px}.hero-with-film .hero-reach{position:static;grid-column:1;flex-direction:row;align-items:center;gap:20px;max-width:320px}.hero-with-film .hero-reach strong{font-size:64px}.hero-with-film .hero-index{display:none}}
@media(max-width:700px){.hero.hero-with-film{padding:132px 24px 60px;gap:32px;min-height:0;height:auto}.hero-with-film h1{font-size:clamp(80px,22vw,120px)}.headline-film{padding:14px;border-radius:25px}.headline-film-heading{margin-bottom:14px}.headline-film :is(h2,h1.page-title){font-size:40px}.headline-film .realm{border-radius:14px}.headline-film-footer{gap:8px;font-size:18px}.hero-with-film .hero-reach{margin-top:0}.hero-with-film .hero-actions{gap:12px}.hero-with-film .text-action{font-size:18px}}
.headline-film-footer label{flex-direction:row;font-size:18px;white-space:nowrap}
#realm-quality{width:auto}
@media(min-width:1051px){.hero-with-film .hero-reach{bottom:35px;right:7%;flex-direction:row;align-items:center;gap:18px;max-width:280px}.hero-with-film .hero-reach strong{font-size:64px}.hero-with-film .hero-reach span{max-width:160px}}

/* Phase 1 light editorial theme: warm off white base, gray glass, ink text, red accent. */
:root{color-scheme:light;--bg:#FAF7F2;--surface:#fff;--text:#111114;--muted:#6E6A63;--line:rgba(17,17,20,.09);--accent:#A7192F}
body{background:var(--bg);color:var(--text)}
.glass{background:rgba(255,255,255,.62);border:1px solid rgba(17,17,20,.09);color:#111114;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 30px rgba(17,17,20,.08);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}
.glass::before{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.18) 48%,rgba(17,17,20,.04));backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}
.glass::after{background:radial-gradient(ellipse at var(--pointer-x,25%) var(--pointer-y,0%),rgba(255,255,255,.5),transparent 58%);box-shadow:inset 1px 1px 1px rgba(255,255,255,.65)}
.glass:hover{border-color:rgba(17,17,20,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 32px rgba(17,17,20,.1)}
.site-header{background:linear-gradient(rgba(250,247,242,.94),rgba(250,247,242,0))}
.desktop-nav{background:rgba(255,255,255,.62);border:1px solid rgba(17,17,20,.09);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}
.desktop-nav a:hover{background:rgba(17,17,20,.05)}
.button-arrow{background:#A7192F;color:#fff;border-color:transparent}
.hero{background:#FAF7F2}
.hero-background{opacity:.22;filter:saturate(.8) brightness(1.15)}
.hero-shade{background:linear-gradient(90deg,rgba(250,247,242,.97) 0%,rgba(250,247,242,.78) 55%,rgba(250,247,242,.35)),linear-gradient(0deg,#FAF7F2,transparent 42%)}
.eyebrow{color:#A7192F}.hero h1{color:#111114}.hero h1 em{color:#A7192F}.hero-description,.hero-index{color:#6E6A63}
.site-atmosphere{background:linear-gradient(180deg,#FAF7F2,#F1EDE6)}.site-atmosphere::after{background:linear-gradient(rgba(250,247,242,.55),rgba(250,247,242,.9))}
.film-slide,.review-item,.service-grid,.realm,.community,.stats-chart{background:#fff;border-color:rgba(17,17,20,.09);color:#111114}
.preview-media{background:#EDEAE3}.preview-play{background:rgba(255,255,255,.88);color:#111114;border-color:rgba(17,17,20,.12)}
.preview-status{background:rgba(255,255,255,.85);color:#111114}
.film-info p,.carousel-hint,.reach-strip span,.reach-evidence,.film-credits,.about p,.reviews-intro,.service-card>p:not(.price),.steps p,.dm,.form-privacy,footer,.film-open,.section-subhead{color:#6E6A63}
.service-group h3,.steps span{color:#A7192F}
.project-link{background:#F1EDE6;border-color:rgba(17,17,20,.09);color:#111114}.project-link:hover{background:#EDEAE3}
.sound-control{background:#F1EDE6;color:#111114;border-color:rgba(17,17,20,.09)}.sound-control[aria-pressed=true]{background:#A7192F;color:#fff}
input,select{background:#fff;color:#111114;border-color:rgba(17,17,20,.16)}option{background:#fff;color:#111114}input:hover,select:hover{border-color:rgba(17,17,20,.32)}
dialog{background:#fff;color:#111114;border-color:rgba(17,17,20,.12)}dialog::backdrop{background:rgba(250,247,242,.72)}
.mobile-dock{background:rgba(255,255,255,.62);border:1px solid rgba(17,17,20,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 30px rgba(17,17,20,.08);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);color:#111114}
.mobile-dock a{color:#6E6A63}.mobile-dock a[aria-current=location]{background:#A7192F;color:#fff}
.skip{background:#111114;color:#fff}
@media(prefers-reduced-transparency:reduce){.glass,.glass-panel,.mobile-dock,.desktop-nav{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}input,select{color:#111114!important}}
@media(prefers-contrast:more){:root{--muted:#111114;--line:rgba(17,17,20,.38)}}

/* Phase 3 marble glass: white Carrara marble base, true liquid glass.
   Chromium path: live SVG displacement (authored maps, gray center, rim
   gradients) referenced from backdrop-filter. Other engines: baked
   refraction frames over the phase 1 frost. Header bar stays frosted. */
body{background-color:#FAF7F2;background-image:url(/assets/marble.svg);background-size:1100px 1100px;background-position:center top}
.site-atmosphere{background:none}.site-atmosphere::after{background:none}
.hero{background:transparent}
.hero-background{opacity:0}
.hero-shade{background:linear-gradient(90deg,rgba(250,247,242,.88) 0%,rgba(250,247,242,.5) 55%,rgba(250,247,242,.14)),linear-gradient(0deg,rgba(250,247,242,.7),transparent 45%)}
@media(max-width:700px){.hero-shade{background:linear-gradient(0deg,rgba(250,247,242,.92) 0%,rgba(250,247,242,.45) 45%,rgba(250,247,242,.1) 92%),linear-gradient(90deg,rgba(250,247,242,.55),transparent 95%)}}
.glass,.glass-panel,.mobile-dock,.desktop-nav{border-color:rgba(17,17,20,.22)}
.glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 2px rgba(17,17,20,.10),0 10px 28px rgba(60,58,52,.12)}
.glass:hover{border-color:rgba(17,17,20,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 2px rgba(17,17,20,.12),0 12px 30px rgba(60,58,52,.14)}
.mobile-dock{box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 2px rgba(17,17,20,.10),0 10px 28px rgba(60,58,52,.12)}
/* Gating fix: the default state is the full frosted system with the baked
   refraction frames. A script adds the lg-refract class to the root element
   only in Chromium browsers, where navigator.userAgentData exists. With the
   class present the baked frames switch off and the live displacement path
   further down applies. No supports query is used for this gate: Safari
   answers such a query as if the url form were supported and then paints
   nothing, which would strip the frost from the browsers that need it. */
.glass::before{background-image:url(/assets/glass-frame-chip.png),linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.18) 48%,rgba(17,17,20,.04));background-size:100% 100%,100% 100%;background-repeat:no-repeat}
.glass-panel::after{background-image:url(/assets/glass-frame-card.png),linear-gradient(135deg,rgba(255,255,255,.10),transparent 45%,rgba(255,255,255,.03));background-size:100% 100%,100% 100%;background-repeat:no-repeat}
.mobile-dock{background-image:url(/assets/glass-frame-chip.png);background-size:100% 100%;background-repeat:no-repeat}
.glass::after{background-image:radial-gradient(ellipse at var(--pointer-x,25%) var(--pointer-y,0%),rgba(255,255,255,.5),transparent 58%),linear-gradient(100deg,transparent 32%,rgba(255,255,255,.30) 50%,transparent 68%);background-size:auto,260% 100%;background-position:0 0,var(--sheen-pos,15%) 0;background-repeat:no-repeat}
html.lg-refract .glass::before{background-image:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.18) 48%,rgba(17,17,20,.04))}
html.lg-refract .glass-panel::after{background-image:linear-gradient(135deg,#ffffff08,transparent 45%,#ffffff04)}
html.lg-refract .mobile-dock{background-image:none}
html.lg-refract .glass::after{background-image:radial-gradient(ellipse at var(--pointer-x,25%) var(--pointer-y,0%),rgba(255,255,255,.5),transparent 58%)}
@media(prefers-reduced-transparency:reduce){.glass-panel::after{background-image:none!important}}
@media(prefers-reduced-motion:no-preference) and (prefers-reduced-transparency:no-preference){
html.lg-refract .glass-panel{backdrop-filter:url(#lg-card)}
html.lg-refract .glass{backdrop-filter:url(#lg-chip)}
html.lg-refract .glass::before{backdrop-filter:none;-webkit-backdrop-filter:none}
html.lg-refract .film-modal,html.lg-refract .inspiration-dialog{backdrop-filter:url(#lg-card)}
html.lg-refract .mobile-dock{backdrop-filter:url(#lg-chip)}
}/* Phase 4 icon layer: inline SVG icons replace the old text glyph icons.
   One sizing rule serves every context because each surface already sets
   its own font size (the 29px button circle runs at 20px, the icon
   buttons at theirs). The play mark inside the 55px preview circle gets
   an explicit 20px so it matches the old glyph weight. */
.icon-glyph{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex:none}
.preview-play-icon .icon-glyph{width:20px;height:20px}
/* Mobile stability: no live backdrop blur on phones. */
@media (max-width:700px){
.glass,.glass-panel,.film-modal,.inspiration-dialog,.mobile-dock,.desktop-nav,.site-header,.preview-play,.preview-status,.preview-play-icon,.reach-evidence>summary,.reach-evidence[open],footer a:not(.brand){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.glass::before,.film-slide::before,.film-modal::backdrop,dialog::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.glass,.glass-panel,.film-modal,.inspiration-dialog,.mobile-dock,.site-header,.preview-play,.preview-status{background:rgba(255,255,255,.94)!important}
}

/* Crimson pressed and selected highlight: buttons and pills flash crimson with white text when clicked or on (Jamaal, 2026-10-09). */
.button:active,.chip:active,.category-button:active,.library-filter:active,.creator-source-button:active,.sound-control:active,.journal-tab:active,[aria-pressed=true]{background:#A7192F!important;color:#fff!important}

/* Primary button: solid crimson fill, white text (Jamaal, 2026-10-09). */
.button.primary{background:#A7192F;color:#fff;border-color:transparent}
.button.primary .button-arrow{background:#fff;color:#A7192F!important;border-color:transparent}

/* Homepage audit fix: proof strip placement on Work and Music views */
.page-reach{position:static;flex-direction:row;align-items:center;gap:20px;max-width:360px;margin:4px 0 30px}
.page-reach strong{font-size:54px}
.page-reach span{max-width:210px}