/* Fahren451heit — Expression system. Local, progressive and performance-minded. */
:root{--show-ink:#18221f;--show-paper:#f5efe4;--show-cream:#eadfcd;--show-copper:#a66a3e;--show-line:#d5c4ad;--show-teal:#74988d;--show-ease:cubic-bezier(.19,1,.22,1)}
::selection{background:#b88755;color:#181e1b}
:focus-visible{outline:2px solid #c18f54!important;outline-offset:5px}
.site-header{background:rgba(25,31,28,.96);border-color:rgba(255,255,255,.09);color:#faf2e8}
.site-header .brand{color:#f3ece0}
.site-header .desktop-nav a{color:#d5d5c9}
.site-header .desktop-nav a:hover,.site-header .desktop-nav a.nav-active{color:#fff}
.site-header .header-contact{border:1px solid #bba180;border-radius:30px;padding:11px 18px;color:#f4e7d1;transition:background .3s,color .3s}
.site-header .header-contact:hover{background:#eedac1;color:#19231e}
.site-header .nav-inner{min-height:76px}
.site-header .brand-symbol{color:#d2b486}
.site-header .mobile-toggle span{background:#f4e8d5}
.site-header .mobile-nav{background:#19211d;color:#f2e9da}
body{background:#eae2d6}
.hero-expressive{background:linear-gradient(130deg,#eee5d8 0%,#faf5ea 44%,#e9dfd0 100%)}
.hero-expressive .hero-grid{grid-template-columns:52% 48%;min-height:min(810px,calc(100vh - 76px));position:relative}
.hero-expressive .hero-editorial{padding:82px 0 18px;isolation:isolate;min-width:0}
.hero-expressive .hero-kicker{font-size:11px;letter-spacing:.17em;font-weight:700}
.hero-expressive .headline-massive{font-family:Arial,"Helvetica Neue",sans-serif;font-weight:900;letter-spacing:-.092em;line-height:.9;font-size:clamp(67px,8.4vw,139px);margin:64px -35% 32px 0;position:relative;z-index:4;white-space:normal;max-width:none;text-wrap:nowrap}
.hero-expressive .headline-massive .hero-line{display:block;width:max-content;max-width:none;animation:headline-rise 1.05s both var(--show-ease)}
.hero-expressive .headline-massive .hero-line:nth-child(2){animation-delay:.12s}
.hero-expressive .headline-massive .hero-line:nth-child(3){animation-delay:.24s}
.hero-expressive .headline-massive em{font-family:Georgia,serif;font-weight:400;font-size:.93em;letter-spacing:-.065em;text-transform:none;color:#a5794e}
.hero-expressive .headline-massive b{font-size:.74em;color:#19231f;letter-spacing:-.078em}
.hero-expressive .text-outline{color:transparent;-webkit-text-stroke:1.5px #26322b;text-shadow:1px 1px 0 rgba(255,255,255,.25)}
.hero-expressive .hero-tagline{font-size:clamp(20px,2vw,29px);font-weight:400;max-width:620px;line-height:1.36;position:relative;z-index:4}
.hero-expressive .hero-description{font-size:15px;line-height:1.75;max-width:520px;position:relative;z-index:4;color:#596057}
.hero-expressive .hero-buttons{position:relative;z-index:4;margin-top:32px}
.hero-expressive .hero-meta{color:#897d6e;position:relative;z-index:4}
.hero-expressive .hero-buttons .button-primary{background:#1e3029;padding:18px 27px;border-radius:100px;box-shadow:0 16px 32px rgba(25,37,29,.14)}
.hero-expressive .hero-buttons .button-primary:hover{background:#a47349}
.hero-scroll i{font-size:19px;display:inline-block;font-style:normal;animation:scroll-bounce 1.7s ease-in-out infinite}
.hero-expressive .hero-media{margin:38px calc((min(1440px,100vw - 104px) - 100vw)/2) 35px 0;min-height:650px;border-radius:160px 0 0 4px;border:1px solid rgba(255,255,255,.5);position:relative;isolation:isolate;background:#23221e;clip-path:inset(0 0 0 0 round 160px 0 0 4px);animation:hero-reveal 1.6s .08s both var(--show-ease)}
.hero-expressive .hero-media img{object-position:67% center;transform:scale(1.1) translate3d(var(--hx,0px),var(--hy,0px),0);transition:transform .8s ease-out;filter:contrast(1.03) saturate(.88)}
.hero-expressive .hero-media-overlay{background:linear-gradient(90deg,rgba(23,24,20,.38),transparent 38%),linear-gradient(0deg,rgba(13,22,17,.68),transparent 38%)}
.hero-stage .stage-mark{position:absolute;z-index:3;font-size:10px;letter-spacing:.2em;font-weight:700;color:#f9ead2;border:1px solid rgba(255,243,224,.5);padding:10px 12px;backdrop-filter:blur(10px);background:rgba(16,31,25,.3)}
.hero-stage .stage-mark-a{top:47px;right:35px}.hero-stage .stage-mark-b{bottom:98px;right:35px}.stage-mark-b span{font-size:18px;margin-left:8px}
.hero-stage .stage-crosshair{position:absolute;z-index:2;inset:50% auto auto 53%;width:145px;height:145px;transform:translate(-50%,-50%);border:1px solid rgba(247,227,189,.42);border-radius:50%;opacity:.8;animation:crosshair-spin 24s linear infinite}
.hero-stage .stage-crosshair::before{content:"";position:absolute;inset:18px;border:1px dashed rgba(247,227,189,.42);border-radius:50%}
.hero-stage .stage-crosshair::after{content:"";position:absolute;inset:60px;border-radius:50%;background:#fff4d5;box-shadow:0 0 15px #efca90,0 0 50px #dbaa68}
.hero-stage .stage-crosshair span:first-child{position:absolute;left:50%;top:-20px;bottom:-20px;border-left:1px solid rgba(248,224,178,.35)}
.hero-stage .stage-crosshair span:last-child{position:absolute;top:50%;left:-20px;right:-20px;border-top:1px solid rgba(248,224,178,.35)}
.stage-scan{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 20%,rgba(255,242,210,.13) 49.7%,rgba(255,242,210,.18) 50%,transparent 50.4%);background-size:100% 130%;animation:stage-sweep 7s ease-in-out infinite alternate}
.stage-film-grain{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.15;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.13) 3px,transparent 4px);mix-blend-mode:soft-light}
.hero-expressive .media-caption{bottom:28px;left:34px;display:flex;gap:12px}
.hero-expressive .media-caption span{color:#f4e1be}
.hero-expressive .hero-bottom{position:relative;z-index:3}
.manifest-ticker{background:#19231e;color:#f7f0e1;overflow:hidden;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:19px 0;transform:translateZ(0)}
.ticker-track{display:flex;gap:0;width:max-content;animation:ticker-roll 33s linear infinite}
.ticker-track>span{font-weight:850;font-size:clamp(17px,2.7vw,36px);letter-spacing:-.055em;white-space:nowrap;line-height:1.1;padding-right:1em}
.ticker-track i{color:#bb8c5d;font-style:normal;font-weight:400;margin:0 .7em}
@keyframes ticker-roll{to{transform:translateX(-50%)}}@keyframes stage-sweep{from{transform:translateY(-42%)}to{transform:translateY(45%)}}@keyframes crosshair-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes headline-rise{from{opacity:0;transform:translateY(50px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes hero-reveal{from{clip-path:inset(0 0 100% 0 round 160px 0 0 4px);filter:brightness(1.6)}to{clip-path:inset(0 0 0 0 round 160px 0 0 4px);filter:none}}
@keyframes scroll-bounce{50%{transform:translateY(6px)}}
/* Scroll-directed 'matter to meaning' theatre */
.narrative{height:340vh;position:relative;background:#14221d;color:#eee6d8;isolation:isolate}
.narrative-sticky{position:sticky;top:76px;height:calc(100vh - 76px);min-height:710px;overflow:hidden;background:radial-gradient(ellipse at 70% 50%,rgba(85,99,81,.23),transparent 43%),#14201c}
.narrative-sticky::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(238,209,165,.065) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}
.narrative-shell{height:100%;display:flex;flex-direction:column;position:relative}
.narrative-header,.narrative-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid rgba(235,225,201,.2);font-size:10px;letter-spacing:.21em;font-weight:700;color:#ccbda7}
.narrative-indicator{font-weight:500;font-size:12px;letter-spacing:.12em;color:#d9a970;margin-left:26px}
.narrative-bottom{margin-top:auto;border-bottom:0;border-top:1px solid rgba(235,225,201,.2)}
.narrative-progress{height:2px;background:rgba(255,255,255,.15);width:40%;max-width:340px;overflow:hidden}
.narrative-progress span{display:block;width:0;height:100%;background:#e3b87e}
.narrative-body{flex:1;display:grid;grid-template-columns:44% 56%;align-items:center;min-height:0;position:relative}
.narrative-copy{padding:40px 30px 40px 0;position:relative;z-index:9}
.narrative-eyebrow{font-size:11px;font-weight:800;letter-spacing:.23em;color:#d3a67c}
.narrative-copy h2{font-family:Arial,Helvetica,sans-serif;font-weight:850;font-size:clamp(60px,6.5vw,110px);line-height:.95;letter-spacing:-.077em;margin:35px 0 29px;white-space:nowrap}
.narrative-copy h2 em{font-family:Georgia,serif;font-style:italic;font-size:1.05em;letter-spacing:-.08em;color:#ddb282}
.narrative-ink{color:transparent;-webkit-text-stroke:1.25px rgba(246,232,202,.76)}
.narrative-copy>p#narrativeDetail{font-size:17px;line-height:1.65;max-width:490px;color:#cfcfc1;min-height:82px}
.narrative-track{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:445px}
.narrative-jump{background:transparent;border:1px solid rgba(244,228,205,.18);padding:12px;text-align:left;color:#bdc4b9;font-size:12px;letter-spacing:.01em;transition:background .4s,border-color .3s,color .3s;border-radius:3px}
.narrative-jump:hover,.narrative-jump.is-current{background:#b17f50;color:#151f1a;border-color:#cf9a65}
.narrative-jump span{margin-right:8px;opacity:.65;font-family:Georgia,serif}
.narrative-visual{height:min(630px,76vh);position:relative;perspective:1000px;transform:translateZ(0)}
.narrative-ambient{position:absolute;inset:13% 8%;border-radius:50%;background:radial-gradient(circle,rgba(183,134,87,.22),transparent 57%);filter:blur(6px);animation:ambient-pulse 6s ease-in-out infinite}
.paper-stack{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .95s var(--show-ease),opacity .6s;z-index:2}
.note{position:absolute;width:42%;min-width:180px;max-width:280px;height:205px;background:#e9e0d1;color:#303b33;border:1px solid #d3bea1;padding:25px;box-shadow:0 22px 50px rgba(0,0,0,.24);transform-style:preserve-3d;transition:transform .95s var(--show-ease),opacity .7s}
.note span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.15em;margin-bottom:24px;color:#84643c}.note b{font-family:Georgia,serif;font-size:23px;font-weight:400;display:block;line-height:1.12;margin-bottom:22px}
.note i{display:block;width:90%;height:1px;margin:12px 0;background:#a49d8f}.note i:last-child{width:63%}
.note-one{top:11%;left:13%;transform:rotate(-11deg) translateZ(12px)}.note-two{top:27%;left:41%;transform:rotate(10deg) translateZ(44px)}.note-three{top:49%;left:20%;transform:rotate(-5deg) translateZ(25px)}
.data-lines{position:absolute;inset:2% 0;width:100%;height:96%;overflow:visible;opacity:0;transform:scale(.7) rotate(-13deg);transition:opacity .8s, transform 1.2s var(--show-ease);z-index:3;filter:drop-shadow(0 0 12px rgba(229,191,136,.25))}
.data-lines path{fill:none;stroke:url(#kinetic-line);stroke-width:2.5;stroke-dasharray:10 10;animation:data-dash 5s linear infinite}.data-lines circle{fill:none;stroke:#dcb17f;stroke-width:2}
.system-product{position:absolute;left:7%;top:10%;width:86%;height:80%;border:1px solid rgba(225,197,156,.44);background:linear-gradient(160deg,#263830,#15231f);border-radius:14px;box-shadow:0 42px 90px rgba(0,0,0,.38),0 0 70px rgba(196,154,109,.11);transform:translateY(70px) rotateX(17deg) rotateY(-20deg) scale(.55);opacity:0;z-index:5;padding:26px;transition:transform 1.1s var(--show-ease), opacity .75s;pointer-events:none}
.product-chrome{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.14em;color:#c9d1c8;border-bottom:1px solid #61716855;padding-bottom:23px;white-space:nowrap}
.product-chrome b{margin-left:auto;font-weight:400;color:#d8b780}
.product-light{background:#b7d6c0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 16px #a9d6b8}
.product-head{font-size:clamp(23px,2.6vw,37px);font-family:Georgia,serif;line-height:1.1;margin-top:26px;color:#f9f2e5}
.product-head strong{font-style:italic;font-weight:400;color:#ddb789}
.product-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}
.product-kpis div{background:#ffffff0c;border:1px solid #ffffff1e;border-radius:6px;padding:14px}
.product-kpis span{display:block;font-size:9px;letter-spacing:.12em;color:#b6c4b6}.product-kpis strong{display:block;font-family:Georgia,serif;font-size:clamp(24px,3vw,42px);font-weight:400;margin-top:9px}
.product-chart{width:100%;height:25%;overflow:visible}
.narrative-halo{position:absolute;left:47%;top:48%;width:260px;height:260px;border:1px solid rgba(210,174,120,.24);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 65px rgba(209,171,123,.04),0 0 0 130px rgba(209,171,123,.025)}
.scene-readout{position:absolute;bottom:0;left:3%;font-size:11px;letter-spacing:.19em;color:#c9bbab}
.scene-readout span{color:#ddae76}
.narrative[data-scene="1"] .paper-stack{transform:scale(.75) rotate(-8deg);opacity:.72}
.narrative[data-scene="1"] .note-one{transform:translate(-42px,-30px) rotate(-17deg)}
.narrative[data-scene="1"] .note-two{transform:translate(30px,-10px) rotate(16deg)}
.narrative[data-scene="1"] .note-three{transform:translate(-6px,30px) rotate(-12deg)}
.narrative[data-scene="1"] .data-lines,.narrative[data-scene="2"] .data-lines,.narrative[data-scene="3"] .data-lines{opacity:1;transform:scale(1)}
.narrative[data-scene="2"] .paper-stack,.narrative[data-scene="3"] .paper-stack{transform:translateY(-120px) scale(.55) rotate(-18deg);opacity:0}
.narrative[data-scene="2"] .system-product{opacity:.87;transform:translateY(12px) rotateX(6deg) rotateY(-14deg) scale(.89)}
.narrative[data-scene="3"] .system-product{opacity:1;transform:translateY(0) rotateX(0) rotateY(0) scale(1)}
.narrative[data-scene="3"] .data-lines{opacity:.13}
.narrative[data-scene="3"] .narrative-halo{animation:orbital-breathe 4s ease-in-out infinite}
@keyframes data-dash{to{stroke-dashoffset:-200}}@keyframes ambient-pulse{50%{opacity:.35;transform:scale(1.12)}}@keyframes orbital-breathe{50%{box-shadow:0 0 0 90px rgba(209,171,123,.055),0 0 0 170px rgba(209,171,123,.025)}}
/* project library becomes the centerpiece, not an afterthought */
.work-section{padding-top:125px;background:#faf7f0}
.work-section .section-head h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(60px,6.9vw,113px);font-weight:850;letter-spacing:-.078em;line-height:.94}
.work-section .section-head h2 em{font-family:Georgia,serif;font-weight:400}
.work-section .work-head p{max-width:390px;font-size:17px}
.project-lab{position:relative;border-color:#c6b9a8;box-shadow:0 24px 70px rgba(52,46,36,.11)}
.project-lab-corner{display:none}
.project-tab.is-current{box-shadow:inset 6px 0 0 #a47c51}
.project-tab{transition:background .3s,transform .3s;min-height:102px}
.project-tab:not(.is-current):hover{transform:translateX(5px)}
.app-window{box-shadow:0 27px 55px rgba(20,27,22,.23);transition:box-shadow .5s}
.app-window:hover{box-shadow:0 30px 70px rgba(20,27,22,.34)}
.project-display{min-height:720px}
.project-story{background:linear-gradient(100deg,#fbf8f2,#f1ece3)}
/* Bold interlude / typographic sculpture */
.interlude-loud{padding:clamp(75px,10vw,156px) 0;background:#a06c46;color:#fff5e9;position:relative;overflow:hidden;isolation:isolate}
.interlude-loud::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.065) 80px);pointer-events:none}
.interlude-loud .interlude-inner{display:flex;flex-direction:column;position:relative;z-index:2}
.interlude-loud .interlude-marker{font-size:12px;color:#f5d6b0;margin-bottom:38px}
.interlude-loud h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(62px,10vw,175px);line-height:.87;letter-spacing:-.096em;text-transform:uppercase;margin:0 0 52px;max-width:none}
.interlude-loud h2 .kinetic-line{display:block;white-space:nowrap;transform:translateX(var(--line-x,0px));transition:transform .12s linear}
.interlude-loud h2 em{font-family:Georgia,serif;text-transform:none;color:#322b22;font-size:1.02em;letter-spacing:-.07em;font-weight:400}
.interlude-loud .asterisk{font-weight:400;color:#e5bf88;font-size:.55em;vertical-align:top;margin-left:.08em}
.interlude-loud p{font-size:clamp(16px,2.5vw,26px);line-height:1.5;max-width:750px;margin:0 0 48px;color:#f6e4ce}
.interlude-loud p strong{font-weight:600;color:white}
.interlude-loud .interlude-bottom{border-top:1px solid rgba(255,255,255,.3);display:flex;justify-content:space-between;align-items:center;padding-top:23px;font-size:11px;letter-spacing:.16em;color:#fff2e2}
.interlude-arrow{font-size:70px;line-height:1}
.interlude-spotlight{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--lx,70%) var(--ly,40%),rgba(255,230,177,.27),transparent 38%);transition:opacity .3s}
/* additional motion richness, restrained materials */
.system-screen{box-shadow:0 40px 80px rgba(0,0,0,.26);transition:transform .5s var(--show-ease);transform-style:preserve-3d}
.system-screen:hover{transform:perspective(1100px) rotateY(-2deg) rotateX(1deg)}
.statement-main h2,.about-text h2,.process-head h2,.system-intro h2,.contact-grid h2{letter-spacing:-.075em}
.footer-brand{font-weight:850}
@media (min-width:1700px){.hero-expressive .headline-massive{font-size:142px}}
@media (max-width:1190px){
.hero-expressive .hero-grid{grid-template-columns:50% 50%;min-height:670px}
.hero-expressive .headline-massive{font-size:clamp(64px,8vw,108px);margin-right:-48%}
.hero-expressive .hero-media{min-height:600px}
.narrative-copy h2{font-size:clamp(59px,7vw,86px)}
.note{padding:17px;height:180px}.note b{font-size:20px}
}
@media (max-width:900px){
.hero-expressive .hero-grid{display:flex;flex-direction:column;min-height:0}
.hero-expressive .hero-editorial{padding:75px 0 25px}
.hero-expressive .headline-massive{font-size:clamp(66px,11vw,102px);margin:45px 0 27px;max-width:100%;text-wrap:wrap}
.hero-expressive .hero-media{width:100%;margin:0 0 32px;min-height:490px;border-radius:70px 4px 4px 4px;clip-path:inset(0 round 70px 4px 4px 4px)}
.narrative-body{grid-template-columns:1fr 1fr}
.narrative-copy h2{font-size:clamp(52px,6.5vw,77px)}
.narrative-copy{padding-right:4px}.narrative-copy>p#narrativeDetail{font-size:14px}
.narrative-visual{height:520px}
.narrative-jump{padding:8px;font-size:10px}
.system-product{padding:15px}
.product-kpis{gap:4px}.product-kpis div{padding:7px}
}
@media (max-width:720px){
.site-header .mobile-nav{background:#1b231e;color:#f7efdf}
.hero-expressive .hero-grid{display:flex;flex-direction:column}
.hero-expressive .hero-editorial{padding:45px 0 35px}
.hero-expressive .headline-massive{font-size:clamp(53px,10.6vw,82px);white-space:normal;letter-spacing:-.081em;margin:40px 0 28px}
.hero-expressive .headline-massive .hero-line{width:auto;white-space:nowrap}
.hero-expressive .headline-massive b{font-size:.72em}
.hero-expressive .hero-kicker{letter-spacing:.09em;font-size:9px}
.hero-expressive .hero-tagline{font-size:21px}
.hero-expressive .hero-media{min-height:330px;margin:0 0 0;border-radius:38px 3px 3px 3px}
.hero-stage .stage-mark{font-size:8px;padding:6px}
.hero-stage .stage-mark-a{top:20px;right:18px}.hero-stage .stage-mark-b{bottom:60px;right:18px}
.hero-stage .stage-crosshair{width:100px;height:100px}
.hero-stage .stage-crosshair::after{inset:44px}
.hero-expressive .hero-meta{padding-top:35px}
.hero-expressive .media-caption{left:15px;bottom:18px;font-size:7px}
.manifest-ticker{padding:13px 0}.ticker-track>span{font-size:22px}
.narrative{height:auto}
.narrative-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:hidden}
.narrative-header,.narrative-bottom{font-size:8px;letter-spacing:.08em;padding:15px 0}
.narrative-header>span:last-child{white-space:nowrap}.narrative-indicator{margin-left:7px;font-size:9px}
.narrative-body{display:flex;flex-direction:column;align-items:stretch}
.narrative-copy{padding:60px 0 0}
.narrative-copy h2{font-size:clamp(56px,13vw,92px);margin:20px 0}
.narrative-copy>p#narrativeDetail{min-height:60px;font-size:15px}
.narrative-track{margin-top:24px;max-width:none}
.narrative-jump{padding:12px 9px;font-size:11px}
.narrative-visual{height:490px;margin:10px 0 25px}
.note{min-width:160px;height:154px;padding:14px}.note span{margin-bottom:15px}.note b{font-size:17px;margin-bottom:14px}.note i{margin:8px 0}
.system-product{top:15%;left:4%;width:92%;height:72%;padding:14px}.product-head{font-size:25px;margin-top:18px}.product-kpis strong{font-size:25px}.product-kpis span{font-size:7px}
.scene-readout{font-size:8px;bottom:0}
.narrative-halo{left:50%;width:170px;height:170px}
.narrative-bottom{margin-top:0}
.work-section .section-head h2{font-size:clamp(54px,11vw,74px)}
.interlude-loud{padding:75px 0}
.interlude-loud h2{font-size:clamp(48px,11vw,90px);margin:0 0 35px}
.interlude-loud p{font-size:18px}
.interlude-arrow{font-size:48px}
}
@media (max-width:360px){
.hero-expressive .headline-massive{font-size:51px}
.narrative-copy h2{font-size:53px}
.hero-expressive .hero-tagline{font-size:19px}
.narrative-visual{height:450px}.note{min-width:140px;width:47%}
.product-chrome{font-size:7px;letter-spacing:0}
}
@media (prefers-reduced-motion:reduce){
.hero-expressive .headline-massive .hero-line,.hero-expressive .hero-media,.stage-scan,.stage-crosshair,.hero-scroll i,.ticker-track,.data-lines path,.narrative-ambient,.narrative-halo{animation:none!important}
.hero-expressive .hero-media{clip-path:none!important}
.narrative{height:auto!important}.narrative-sticky{position:relative;top:auto;height:auto;min-height:0}
.narrative-visual{min-height:420px}
.narrative[data-scene="3"] .system-product{transform:none}
.interlude-loud h2 .kinetic-line{transform:none!important}
}
/* Post-render refinements */
.hero-expressive .headline-massive .hero-line:nth-child(3){font-size:.76em}
@media (min-width:901px) and (max-width:1190px){.hero-expressive .hero-media{margin-right:0;clip-path:inset(0 round 90px 4px 4px 4px);border-radius:90px 4px 4px 4px}.hero-expressive .headline-massive{font-size:clamp(65px,7.5vw,100px)}}
@media (max-width:720px){.hero-expressive .headline-massive .hero-line:nth-child(3){font-size:.95em}}
@media (max-width:360px){.hero-expressive .headline-massive .hero-line:nth-child(3){font-size:.88em}}
html,body{overflow-x:clip}