/* R7.1: object-led scenes, native scroll progression, no boxed artwork. */
:root{--bg:#050505;--surface:#0c0c0b;--text:#f1eee7;--muted:#b7b5ac;--line:#45443d;--accent:#c9bc9e;--header:rgba(5,5,5,.88);--hero-shadow:#050505}
:root[data-theme=light]{--bg:#eeeae1;--surface:#e5e0d5;--text:#201f1a;--muted:#5f5a50;--line:#aaa292;--accent:#6e5b3b;--header:rgba(238,234,225,.9);--hero-shadow:#eeeae1}
html{scroll-behavior:smooth;scroll-padding-top:115px}
body{background:var(--bg)}
.wrap{width:min(1380px,calc(100% - 144px))}
.site-header{position:fixed;top:0;height:104px;padding:0 44px;border:0;background:linear-gradient(var(--bg),transparent);transition:background .3s;z-index:30}
.has-scrolled .site-header{height:88px;background:var(--header);backdrop-filter:blur(14px)}
.brand-symbol,.header-center{display:none}
.brand-name{font-size:45px;line-height:.8;letter-spacing:-.025em}
.brand-sub{font-size:7px;letter-spacing:.48em;margin-top:12px}
.header-controls{gap:14px}
.header-contact{min-width:160px;font-family:Editorial,Georgia,serif;text-transform:uppercase;font-size:16px;letter-spacing:.045em;min-height:43px;padding:7px 25px}
.lang-switch button{font-size:10px;min-width:37px}
.site-header .icon-button{border:0;width:44px;height:44px}
.site-header .menu-toggle{width:53px;margin-left:8px}
.menu-toggle svg{width:31px;height:31px}
.eyebrow{font-size:10px;letter-spacing:.2em}
.pill{border-color:color-mix(in srgb,var(--text) 45%,transparent);font-size:11px;font-weight:400;letter-spacing:.055em;padding:11px 25px;gap:30px;min-height:45px}
.pill.primary{border-color:color-mix(in srgb,var(--text) 65%,transparent)}
.chapter-index{right:22px;gap:0}
.chapter-index a{width:36px;height:36px}
.chapter-index span{width:5px;height:5px;border:1px solid var(--muted);background:transparent}
.chapter-index a[aria-current=true] span{background:var(--text);border-color:var(--text);transform:scale(1.3)}
.cinema-scene{--scene-p:0;--zoom:1;--turn:0deg;--shift:0px;--title-opacity:1;--interlude-opacity:0;--title-y:0px;position:relative;overflow:visible}
.scene-sticky{position:sticky;top:0;height:100svh;min-height:760px;overflow:hidden;background:var(--bg);isolation:isolate}
.hero.cinema-scene{height:185svh;min-height:1400px;padding:0;isolation:auto}
.hero::after{display:none}
.hero-eyebrow{position:absolute;top:135px;left:44px;width:245px;padding:0;margin:0;text-align:left;opacity:var(--title-opacity);font-size:9px;line-height:1.9;letter-spacing:.2em;z-index:3}
.hero-art{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:min(72svh,850px);height:auto;aspect-ratio:1;margin:0;z-index:1;max-width:80vw}
.hero-art img{animation:none!important;display:block;width:100%;height:100%;object-fit:contain;transform:translateY(var(--shift)) rotate(var(--turn)) scale(var(--zoom));transform-origin:50% 48%;will-change:transform;filter:none}
.hero-art img{opacity:calc(1 - var(--interlude-opacity) * .66)}
.hero-copy{position:absolute;left:32px;right:32px;bottom:29px;margin:0;z-index:3;opacity:var(--title-opacity);transform:translateY(var(--title-y));text-align:center;pointer-events:none}
.hero h1{font-family:Editorial,Georgia,serif;font-size:clamp(85px,9.7vw,185px);text-transform:uppercase;letter-spacing:-.047em;line-height:.76;font-weight:400;text-shadow:0 2px 25px var(--bg);text-wrap:initial}
.hero h1 span:first-child{font-size:.65em;letter-spacing:-.035em;margin-bottom:8px}
.hero h1 span:last-child{font-size:1em}
.hero h1 em{font-style:normal;font-size:1em}
.hero-context{position:absolute;left:44px;bottom:220px;z-index:3;max-width:255px;font-size:11px;line-height:1.9;color:var(--muted);opacity:var(--title-opacity);transform:translateY(var(--title-y))}
.hero-context .hero-scope{margin:12px 0 0;font-size:10px;letter-spacing:.015em;color:var(--accent)}
.hero-bottom{position:absolute;right:44px;bottom:228px;display:flex;align-items:flex-end;flex-direction:column;gap:20px;z-index:4;opacity:var(--title-opacity);transform:translateY(var(--title-y))}
.hero-scroll{font-size:8px;letter-spacing:.2em;display:flex;align-items:center;gap:22px;min-height:35px;color:var(--muted)}
.hero-scroll span{font-size:19px;color:var(--accent)}
.hero-interlude{position:absolute;z-index:3;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none;opacity:var(--interlude-opacity);padding:30px;background:linear-gradient(transparent,rgba(0,0,0,.18),transparent)}
.hero-interlude>p{font:400 clamp(45px,5.7vw,105px)/.98 Editorial,Georgia,serif;letter-spacing:-.035em;color:var(--text);text-shadow:0 2px 35px var(--bg)}
.hero-interlude>span{display:block;font-size:12px;color:var(--muted);margin-top:26px;letter-spacing:.025em}
.study-caption{position:absolute;left:44px;bottom:15px;font-size:8px;max-width:330px;color:var(--muted);z-index:5}
.motion-control{position:fixed;right:28px;bottom:22px;z-index:29;background:var(--header);backdrop-filter:blur(10px);width:43px;height:43px;border-color:var(--line);font-size:11px}
.scene-progress-line{position:absolute;left:0;bottom:0;height:1px;width:100%;background:var(--accent);opacity:.65;transform:scaleX(var(--scene-p));transform-origin:left}
.manifesto{padding:145px 0 140px;border:0}
.manifesto .eyebrow{font-size:9px;margin-bottom:32px}
.manifesto h2{font-size:clamp(58px,6.2vw,112px);line-height:.98;max-width:1050px;letter-spacing:-.04em}
.manifesto p:not(.eyebrow){font-size:13px;max-width:560px;line-height:1.95;margin-top:32px}
.statements{margin-top:34px;font:400 22px/1.4 Editorial,Georgia,serif;gap:38px;color:var(--accent)}
.statements span+span::before{margin-right:38px;font-size:9px}
.single-function-story.cinema-scene{height:165svh;min-height:1250px;padding:0;border:0}
.scene-art{position:absolute;width:min(62vw,92svh,1050px);right:3%;top:50%;transform:translateY(-50%);z-index:1}
.scene-art .function-art{max-width:none;width:100%}
.art-paper{background:transparent;overflow:visible}
.function-art img{filter:none;object-fit:contain}
.scene-art .art-paper{transform:translateY(var(--shift)) rotate(var(--turn)) scale(var(--zoom));transform-origin:56% 50%;will-change:transform}
.function-art figcaption{font-size:8px;color:var(--muted);letter-spacing:.04em;line-height:1.7}
.scene-art figcaption{text-align:right;margin-right:11%;margin-top:10px}
.scene-copy{position:relative;z-index:4;top:25%;left:max(6vw,44px);width:35%;max-width:570px;padding-right:25px}
.scene-copy h2{font-size:clamp(60px,6.5vw,116px);line-height:.94;letter-spacing:-.045em;margin:27px 0 32px;text-shadow:0 2px 30px var(--bg)}
.scene-copy>p:not(.eyebrow){max-width:310px;font-size:12px;line-height:1.95;color:var(--muted)}
.scene-copy .pill{margin-top:29px}
.scene-example{border-top:1px solid var(--line);max-width:310px;margin-top:30px;padding-top:19px}
.scene-example .eyebrow{font-size:8px}
.scene-example>p{font:400 24px/1.2 Editorial,Georgia,serif;margin-top:12px}
.possibilities{padding:130px 0 115px}
.collection-intro{min-height:780px;grid-template-columns:1fr 1.12fr;gap:44px;margin-bottom:65px;position:relative;align-items:center}
.collection-intro>div{position:relative;z-index:2;min-width:0;max-width:600px}
.collection-intro h2{font-size:clamp(58px,6.25vw,108px);line-height:.97;letter-spacing:-.045em;margin:28px 0 30px}
.collection-intro>div>p:not(.eyebrow){font-size:12px;max-width:330px;line-height:1.9;margin-bottom:19px}
.collection-intro>.function-art{width:100%;max-width:none;margin-left:0;position:relative;z-index:1}
.collection-intro .art-paper{background:transparent}
.collection-intro figcaption{text-align:right;margin-right:7%}
.catalogue-tools{border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:0;gap:15px}
.text-link{font-size:10px;letter-spacing:.03em}
.catalogue-tools .note{font-size:10px}
.area:first-child{border-top:0}
.area summary{padding:32px 0;grid-template-columns:40px 1.2fr .85fr 25px;gap:25px}
.area-title{font-size:clamp(35px,3.7vw,61px);line-height:1.07;letter-spacing:-.035em}
.area-short{font-size:10px;line-height:1.9;max-width:350px}
.area-number{font-size:10px}
.area-plus{font-size:22px}
.function-rows{padding-left:65px;padding-bottom:25px}
.function-row{padding:28px 0;grid-template-columns:1fr 1.45fr;gap:65px}
.function-name h3{font-size:30px;line-height:1.15;max-width:335px}
.function-select{min-height:44px;font-size:10px;letter-spacing:.01em;padding:8px 17px;gap:25px}
.function-io{gap:40px}
.function-io b{font-size:8px;letter-spacing:.17em}
.function-io p{font-size:12px;line-height:1.85}
.scope{font-size:10px;margin-top:28px;max-width:620px}
.experience{background:var(--surface);padding:135px 0 110px;border:0}
.section-heading{grid-template-columns:1.2fr .8fr;gap:90px;margin-bottom:60px}
.section-heading h2{font-size:clamp(55px,5.8vw,100px);line-height:.97;letter-spacing:-.04em;margin-top:25px}
.section-heading>p{font-size:12px;line-height:1.95;max-width:360px}
.experience-layout{display:block}
.interactive-example .example-selector{gap:35px;margin:0 0 40px;border-bottom:1px solid var(--line)}
.interactive-example .example-selector button{font-family:Editorial,Georgia,serif;font-size:28px;letter-spacing:-.015em;border:0;border-radius:0;min-height:65px;padding:10px 0;color:var(--muted);background:none}
.interactive-example .example-selector button[aria-pressed=true]{color:var(--text);background:none;border-bottom:1px solid var(--text)}
.interactive-example .flow-stage{display:grid;grid-template-columns:250px 1fr;gap:65px;min-height:345px;border-top:0;padding:14px 0 35px}
.interactive-example .flow-index{display:flex;flex-direction:column;gap:2px;margin-bottom:0}
.interactive-example .flow-index button{flex-direction:row;align-items:center;gap:22px;font-size:10px;min-height:62px;padding:9px 0}
.interactive-example .flow-index button span{font-size:32px}
.interactive-example .flow-content{max-width:800px;padding:10px 0}
.interactive-example .flow-content h3{font-size:clamp(33px,3.4vw,57px);letter-spacing:-.02em;line-height:1.06;max-width:720px;margin:17px 0 25px}
.interactive-example .flow-content p{max-width:660px;font-size:13px;line-height:1.9}
.interactive-example .flow-content dl{gap:26px 70px}
.interactive-example .flow-content dd{font-size:14px}
.interactive-example .flow-controls{display:flex;align-items:center;justify-content:space-between}
.interactive-example .flow-status{margin:0;font-size:10px}
.interactive-example .flow-actions{gap:13px}
.example-function{display:flex;justify-content:space-between;padding-top:27px}
.example-function .pill{margin:0}
.example-function .eyebrow{font-size:8px}
.experience-notice{font-size:10px;max-width:710px}
.potential{padding:130px 0;border:0}
.calculator{gap:100px}
.calculator-results{padding-left:65px}
.calculated-values output{font-size:clamp(65px,7vw,120px)}
.calculator-results>.note{font-size:10px;line-height:1.9}
.calculator-inputs h3{font-size:34px}
.approach{padding:0 0 140px}
.scope-scene{height:155svh;min-height:1200px}
.scope-scene .scene-art{width:min(65vw,84svh,1100px);right:2%;top:52%}
.scope-scene .scene-copy{top:25%}
.approach-steps{margin-top:65px;gap:75px}
.approach-step h3{font-size:38px;letter-spacing:-.025em}
.approach-step p{font-size:12px;line-height:1.9;max-width:320px}
.approach-step .eyebrow{font-size:9px}
.faq{padding:0 0 135px}
.faq-items{max-width:1000px}
.faq summary{font-family:Editorial,Georgia,serif;font-size:29px;line-height:1.2;padding:25px 0;min-height:84px}
.faq details>p{font-size:12px;line-height:1.9}
.contact{padding:135px 0 105px;background:var(--surface);border:0}
.contact .section-heading{grid-template-columns:1.3fr .7fr}
.contact .section-heading h2{max-width:800px}
.selected-functions>h3{font-size:29px}
.selected-functions{margin-bottom:37px;padding-bottom:30px}
.contact-form{gap:25px 65px}
.field label{font-size:11px;line-height:1.7}
.form-bottom{justify-content:space-between;gap:70px;margin-top:15px}
.form-bottom .note{font-size:10px;max-width:490px}
.form-buttons .text-link{font-size:10px}
.contact-direct{display:flex;align-items:center;margin-top:55px;padding-top:35px}
.contact-direct a{font-size:clamp(32px,3.8vw,64px);letter-spacing:-.025em}
.company{padding:95px 0 65px}
.company h2{font-size:52px}
.company-facts dd{font-size:12px}
.company-top{gap:100px}
.company-contacts,.company address{font-size:12px}
.site-footer{padding:45px 0 35px}
.footer-statement{font-size:50px;line-height:1;letter-spacing:-.03em}
.footer-bottom{margin-top:45px;font-size:9px}
.site-menu{padding:32px 6%}
.menu-top{margin-bottom:45px}
.menu-links{gap:8px}
.menu-links a{font-size:clamp(38px,5.5vw,88px);letter-spacing:-.035em;line-height:1.08;padding:7px 0;align-self:flex-start}
.site-menu .brand-name{font-size:42px}
.site-menu .icon-button{width:50px;height:50px;font-size:26px}
.cinema-scene:focus-within .hero-bottom,.cinema-scene:focus-within .hero-copy,.cinema-scene:focus-within .hero-context{opacity:1;transform:none}
.motion-paused .hero-art img,.motion-paused .scene-art .art-paper{transform:none!important;will-change:auto}
.motion-paused .hero-copy,.motion-paused .hero-context,.motion-paused .hero-bottom,.motion-paused .hero-eyebrow{opacity:1;transform:none}
.motion-paused .hero-interlude{display:none}
@media(min-width:1700px){.hero-art{top:7%;width:min(72svh,880px)}.hero-copy{bottom:27px}}
@media(max-height:850px) and (min-width:901px){.scene-sticky{min-height:700px}.hero.cinema-scene{height:185svh;min-height:1350px}.hero-art{top:7%;width:570px;height:auto}.hero h1{font-size:9.5vw}.hero-copy{bottom:28px}.hero-context{bottom:195px}.hero-bottom{bottom:200px}}
@media(max-width:1150px){.wrap{width:calc(100% - 92px)}.site-header{padding-inline:32px}.brand-name{font-size:38px}.header-controls{gap:6px}.hero-art{max-width:78vw;width:650px}.hero-context{left:32px;max-width:210px;font-size:10px;bottom:210px}.hero-bottom{right:32px;bottom:220px}.hero h1{font-size:10vw}.scene-copy{width:40%;left:5vw}.scene-copy h2{font-size:7.3vw}.scene-art{width:77vw;right:-10%}.scope-scene .scene-art{right:-11%;width:81vw}.collection-intro{min-height:640px}.collection-intro h2{font-size:6.8vw}.function-row{gap:40px}.calculator{gap:55px}.calculator-results{padding-left:40px}.company-top{gap:55px}}
@media(max-width:900px){
 .site-header{height:90px;padding-inline:25px}.has-scrolled .site-header{height:78px}.header-contact{display:none}.hero.cinema-scene{min-height:1400px}.hero-art{top:16%;width:min(70svh,650px);max-width:90vw}.hero-copy{bottom:85px}.hero h1{font-size:11.3vw}.hero-context{left:30px;bottom:240px;font-size:10px;max-width:200px}.hero-bottom{bottom:250px;right:30px}.hero-eyebrow{top:112px;font-size:8px}.scene-copy{top:13%;width:52%;left:6vw}.scene-copy h2{font-size:8vw}.scene-art{width:86vw;right:-20%;top:59%}.scope-scene .scene-art{right:-22%;width:95vw;top:60%}.scene-copy>p:not(.eyebrow){max-width:270px;font-size:11px}.scene-copy .pill{margin-top:25px}.scene-example{max-width:270px}.collection-intro h2{font-size:7vw}.collection-intro{min-height:600px}.collection-intro>.function-art{width:130%;margin-left:-12%}.function-row{grid-template-columns:1fr;gap:24px}.function-name{display:flex;gap:25px;align-items:center}.function-name h3{margin:0;max-width:440px}.area summary{grid-template-columns:30px 1fr .85fr 20px;gap:18px}.area-title{font-size:40px}.section-heading{gap:45px}.section-heading h2{font-size:62px}.interactive-example .flow-stage{grid-template-columns:185px 1fr;gap:35px}.interactive-example .flow-index button{gap:15px;font-size:9px}.calculator{display:block}.calculator-results{border:0;border-top:1px solid var(--line);padding:35px 0 0;margin-top:35px}.calculated-values{max-width:700px}.calculated-values output{font-size:95px}.example-function{display:flex}.approach-steps{gap:32px}.approach-step h3{font-size:32px}.company-top{gap:35px}
}
@media(max-width:760px){
 html{scroll-padding-top:92px}.wrap{width:calc(100% - 44px)}.site-header{height:82px;padding:0 19px}.has-scrolled .site-header{height:72px}.brand{gap:0}.brand-name{font-size:30px;letter-spacing:-.03em}.brand-sub{font-size:5px;letter-spacing:.42em;margin-top:9px}.header-controls{gap:0}.lang-switch button{min-width:30px;min-height:44px;font-size:9px}.site-header .icon-button{width:39px;height:44px}.site-header .menu-toggle{width:38px;margin-left:4px}.menu-toggle svg{width:25px;height:25px}.chapter-index{display:none}
 .hero.cinema-scene{height:165svh;min-height:1240px}.scene-sticky{height:100svh;min-height:760px}.hero-eyebrow{top:105px;font-size:7px;letter-spacing:.16em;max-width:none;line-height:1.8}.hero-art{top:145px;width:min(90vw,405px);max-width:none;height:auto;aspect-ratio:1;left:50%;transform:translateX(-50%);margin:0;z-index:1}.hero-copy{bottom:173px;left:14px;right:14px;margin:0}.hero h1{font-size:clamp(36px,11.5vw,72px);line-height:.79;letter-spacing:-.042em}.hero h1 span:first-child{font-size:1.27em;margin-bottom:13px}.hero h1 span:last-child{font-size:1em}.hero-context{position:absolute;left:25px;right:25px;bottom:98px;text-align:center;max-width:none;font-size:10px;line-height:1.8;transform:translateY(var(--title-y));opacity:var(--title-opacity)}.hero-context>p:first-child{max-width:320px;margin:0 auto}.hero-context .hero-scope{display:none}.hero-bottom{left:24px;right:24px;bottom:38px;flex-direction:row;align-items:center;justify-content:center;gap:25px}.hero-bottom .pill{font-size:9px;min-height:42px;padding:9px 20px;gap:18px}.hero-scroll{font-size:7px;letter-spacing:.12em;gap:8px;min-height:44px}.hero-scroll span{font-size:16px}.study-caption{bottom:10px;left:22px;font-size:7px;max-width:270px}.motion-control{bottom:13px;right:15px;width:38px;height:38px;font-size:10px}.hero-interlude>p{font-size:clamp(39px,10.7vw,67px);line-height:.98}.hero-interlude>span{font-size:10px;max-width:260px;line-height:1.9;margin-top:20px}
 .manifesto{padding:90px 0 95px}.manifesto .eyebrow{font-size:8px;margin-bottom:27px}.manifesto h2{font-size:clamp(43px,11.8vw,72px);line-height:1.02}.manifesto p:not(.eyebrow){font-size:12px;max-width:350px;margin-top:26px}.statements{font-size:23px;gap:8px;margin-top:26px}
 .single-function-story.cinema-scene{height:160svh;min-height:1200px}.scene-copy{position:absolute;left:23px;right:23px;top:94px;width:auto;max-width:none;padding:0}.scene-copy .eyebrow{font-size:8px}.scene-copy h2{font-size:clamp(46px,12.5vw,76px);line-height:.98;margin:22px 0 20px;letter-spacing:-.035em;max-width:390px}.scene-copy>p:not(.eyebrow){max-width:315px;font-size:11px;line-height:1.85}.scene-example{display:none}.scene-copy .pill{margin-top:23px;font-size:10px;min-height:44px;padding:8px 20px;gap:20px}.scene-art{position:absolute;right:auto;left:50%;top:auto;bottom:17px;transform:translateX(-50%);width:min(94vw,470px);max-width:none}.scene-art figcaption{text-align:left;margin-left:3%;margin-right:0;font-size:7px;margin-top:5px}.scene-art .art-paper{transform-origin:50% 58%}
 .possibilities{padding:80px 0 85px}.collection-intro{display:flex;flex-direction:column;gap:20px;min-height:0;margin-bottom:42px}.collection-intro>div{width:100%;max-width:none}.collection-intro h2{font-size:clamp(46px,12vw,75px);line-height:.98;margin:23px 0 25px}.collection-intro>div>p:not(.eyebrow){font-size:11px;max-width:320px;line-height:1.9;margin-bottom:14px}.collection-intro>.function-art{margin:0;width:100%;max-width:490px;align-self:center}.collection-intro figcaption{text-align:left;margin-right:0;font-size:7px}.collection-intro .text-link{font-size:10px}.catalogue-tools{gap:6px 20px;padding-bottom:18px}.catalogue-tools .note{width:100%;font-size:9px}.catalogue-tools .text-link{font-size:9px}.area summary{padding:27px 0;grid-template-columns:22px 1fr 20px;gap:12px}.area-title{font-size:33px;line-height:1.02}.area-number{font-size:9px}.area-short{font-size:9px;line-height:1.9;margin-top:4px;max-width:none}.area-plus{font-size:22px}.function-rows{padding-left:34px;padding-bottom:18px}.function-row{padding:25px 0;gap:20px}.function-name{display:block}.function-name h3{font-size:29px;margin-bottom:17px}.function-io{display:block}.function-io>div+div{margin-top:18px}.function-io b{font-size:8px;letter-spacing:.14em;margin-bottom:7px}.function-io p{font-size:11px;line-height:1.9}.function-select{font-size:10px;min-height:44px;gap:18px;padding:9px 17px}.scope{font-size:9px;line-height:1.9;max-width:330px}
 .experience{padding:90px 0 85px}.section-heading,.contact .section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:clamp(46px,12vw,75px);line-height:1.02;margin-top:23px}.section-heading>p{font-size:11px;line-height:1.9;margin-top:25px;max-width:340px}.interactive-example .example-selector{gap:21px;margin-bottom:27px;flex-wrap:nowrap;justify-content:space-between}.interactive-example .example-selector button{font-size:21px;min-height:55px;line-height:1.1;max-width:105px;text-align:left}.interactive-example .flow-stage{display:block;min-height:400px;padding:0 0 25px}.interactive-example .flow-index{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.interactive-example .flow-index button{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-height:60px;font-size:8px;line-height:1.55}.interactive-example .flow-index button span{font-size:28px}.interactive-example .flow-content{padding:0}.interactive-example .flow-content h3{font-size:34px;line-height:1.09;margin:16px 0 24px}.interactive-example .flow-content p{font-size:12px;line-height:1.9}.interactive-example .flow-content dl{gap:21px 25px}.interactive-example .flow-content dt{font-size:8px;line-height:1.7}.interactive-example .flow-content dd{font-size:11px;line-height:1.8}.interactive-example .flow-content.review{padding-left:20px}.interactive-example .flow-controls{display:block;margin-top:20px}.interactive-example .flow-status{font-size:9px;margin-bottom:22px}.interactive-example .flow-actions{justify-content:space-between;gap:10px}.interactive-example .flow-actions .pill{font-size:9px;padding:8px 17px;gap:10px;min-height:44px}.example-function{display:block;margin-top:27px;padding-top:23px}.example-function>div>p:last-child{font-size:11px}.example-function .pill{margin-top:20px;font-size:10px}.experience-notice{font-size:9px;line-height:1.9;margin-top:26px}
 .potential{padding:90px 0}.calculator-inputs h3{font-size:31px}.calculator-inputs>.note{font-size:10px;line-height:1.8}.calculator-fields{gap:23px}.calculator-fields .field label{font-size:10px;line-height:1.8}.number-field>span{font-size:8px}.calculator-actions{gap:20px}.calculator-actions .text-link{font-size:10px}.calculator-results{margin-top:30px;padding-top:30px}.calculator-results .eyebrow{font-size:8px;letter-spacing:.12em}.calculated-values output{font-size:70px}.calculated-values{gap:25px;margin-top:25px}.calculated-values span{font-size:9px}.calculator-results>.note{font-size:9px;line-height:1.9}
 .approach{padding-bottom:90px}.scope-scene{height:155svh;min-height:1160px}.scope-scene .scene-copy{top:96px}.scope-scene .scene-art{width:min(94vw,470px);right:auto;top:auto;bottom:20px}.scope-scene .scene-copy h2{font-size:clamp(46px,12.5vw,76px)}.approach-steps{margin-top:38px;display:block}.approach-step{margin-top:30px;padding-top:22px}.approach-step .eyebrow{font-size:8px;margin-bottom:17px}.approach-step h3{font-size:32px;margin-bottom:15px}.approach-step p{font-size:11px;line-height:1.9;max-width:350px}
 .faq{padding:0 0 90px}.faq .section-heading{margin-bottom:35px}.faq summary{font-size:25px;line-height:1.12;padding:23px 0;gap:25px;min-height:77px}.faq details>p{font-size:11px;line-height:1.9;padding-right:10px}.faq summary span{font-size:21px}
 .contact{padding:90px 0 80px}.selected-functions>h3{font-size:28px;line-height:1.2}.selected-functions .note{font-size:10px;line-height:1.9}.selected-functions{margin-bottom:30px;padding-bottom:28px}.contact .field label{font-size:11px;line-height:1.8}.contact .field{margin-bottom:27px}.contact .field input,.contact .field textarea,.contact .field select{font-size:16px;line-height:1.7;min-height:52px}.form-bottom{display:block;margin-top:12px}.form-bottom .note{font-size:9px;line-height:1.9;margin-top:20px}.form-buttons .text-link{font-size:9px}.form-buttons .pill{font-size:10px}.contact-direct{display:block;margin-top:40px;padding-top:28px}.contact-direct .note{font-size:9px}.contact-direct a{font-size:32px;letter-spacing:-.025em;margin-top:16px}.brief-result pre{font-size:11px;line-height:1.9;padding:18px}.brief-result h3{font-size:33px}.result-actions .pill{font-size:9px;min-height:44px}.result-note{font-size:9px}.company{padding:80px 0 50px}.company h2{font-size:44px}.company-top{display:block}.company-contacts,.company address{font-size:11px}.company-facts{gap:24px}.company-facts dt{font-size:9px}.company-facts dd{font-size:11px}.location-grid h4{font-size:28px}.location-grid p,.location-grid a{font-size:11px}.footer-statement{font-size:38px}.site-footer{padding:35px 0}.footer-links button,.footer-links a{font-size:10px;min-height:44px}.footer-bottom{font-size:8px;line-height:1.9;margin-top:30px}.site-menu{padding:27px 24px}.site-menu .brand-name{font-size:33px}.menu-top{margin-bottom:50px}.menu-links{gap:15px}.menu-links a{font-size:42px;line-height:1.03;max-width:90%;padding:4px 0}.site-menu .icon-button{height:44px;width:44px}.site-menu .brand-sub{display:block}.dialog h2{font-size:39px}.dialog .company-facts{margin-top:25px}
}
@media(max-width:370px){.site-header{padding:0 13px}.site-header .brand-name{font-size:25px}.brand-sub{font-size:4px}.header-controls{gap:0}.lang-switch button{min-width:27px;font-size:8px}.site-header .icon-button{width:36px}.site-header .menu-toggle{width:34px;margin-left:1px}.hero-art{top:151px;width:92vw}.hero h1{font-size:11.3vw}.hero h1 span:first-child{font-size:1.3em}.hero-copy{bottom:179px}.hero-context{font-size:9px;bottom:107px}.hero-bottom{bottom:42px;gap:12px}.hero-bottom .pill{font-size:8px;padding-inline:15px;gap:12px}.hero-scroll{font-size:6px;gap:5px}.scene-copy{left:21px;right:21px;top:92px}.scene-copy h2{font-size:13vw}.scene-copy>p:not(.eyebrow){font-size:10px;max-width:280px}.scene-copy .pill{font-size:9px;margin-top:19px}.scene-art{bottom:32px;width:93vw}.area-title{font-size:29px}.area-short{font-size:8px}.function-name h3{font-size:27px}.function-rows{padding-left:30px}.interactive-example .example-selector{gap:13px}.interactive-example .example-selector button{font-size:19px}.interactive-example .flow-index{gap:10px}.interactive-example .flow-index button{font-size:7px}.calculated-values output{font-size:60px}.contact-direct a{font-size:27px}.menu-links a{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero.cinema-scene,.single-function-story.cinema-scene,.scope-scene{height:auto;min-height:0}.scene-sticky{position:relative}.hero-art img,.scene-art .art-paper{transform:none!important;will-change:auto}.hero-copy,.hero-context,.hero-bottom,.hero-eyebrow{opacity:1;transform:none}.hero-interlude{display:none}.scene-progress-line{display:none}}
@media(min-width:901px) and (max-width:1150px){.scene-art{width:min(58vw,84svh);right:2%;top:50%}.scope-scene .scene-art{width:min(61vw,80svh);right:1%;top:52%}.scene-copy{width:39%;top:22%}}
@media(min-width:761px) and (max-width:900px){.scene-copy{top:13%;width:58%;left:6vw}.scene-art,.scope-scene .scene-art{width:min(72vw,53svh);right:3%;top:auto;bottom:28px;left:auto;transform:none}.scene-example{display:none}.scope-scene .scene-copy{top:13%}}
@media(min-width:761px) and (max-width:1150px){.collection-intro>.function-art{width:100%;margin-left:0}}
@media(max-width:760px){.hero-eyebrow{left:22px;right:22px;width:auto;text-align:center}.hero h1 span:first-child{font-size:1.15em}html:lang(en) .hero h1{font-size:9.7vw}html:lang(en) .hero h1 span:first-child{font-size:1.35em}}
.motion-paused .hero-art img{opacity:1}
