/* Presentation shell: references the rounded frame and compact navigation supplied by the client. */
:root{--studio-ground:#d8d9d6;--studio-blue:#e5edf0;--studio-white:#fbfcfc;--max:1160px;--ink:#24292c;--muted:#71777a;--line:#dfe3e4;--soft:#f0f3f3}
html{background:var(--studio-ground)}body{padding:24px 26px 30px 106px;background:var(--studio-ground);color:var(--ink)}.studio-shell{max-width:1510px;margin:0 auto;background:var(--studio-white);border:3px solid rgba(255,255,255,.9);border-radius:42px;min-height:calc(100svh - 54px);box-shadow:0 16px 50px #28353c0b}.studio-shell .wrap{width:min(var(--max),calc(100% - 80px))}.site-header{top:12px;z-index:15;margin:15px 18px 0;border:1px solid #fff;border-radius:28px;background:#ffffffed;backdrop-filter:blur(18px)}.header-inner{min-height:66px}.site-header .wrap{width:calc(100% - 40px)}.header-logo{width:142px}.header-nav{gap:8px;font-size:11px}.header-nav a{padding:10px 13px;border-radius:20px;color:#656d72}.header-nav a:hover{background:#edf1f3;color:#25292c}.header-nav a:last-child{background:#edf1f3}.studio-rail{position:fixed;z-index:30;left:25px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:7px;background:#f8faf9e8;border:1px solid #fff;border-radius:34px;padding:14px 10px;box-shadow:0 8px 28px #27343d0a}.studio-rail a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;color:#7d858a}.studio-rail a:hover{background:#e4ebee;color:#252d32}.studio-rail a[aria-current=page]{background:#29343d;color:white}.studio-rail svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.studio-rail .rail-tooltip{display:none;position:absolute;left:57px;white-space:nowrap;background:#28333d;color:white;border-radius:8px;padding:7px 11px;font-size:11px}.studio-rail a:hover .rail-tooltip,.studio-rail a:focus-visible .rail-tooltip{display:block}.hero{position:relative;padding:54px 0 35px;text-align:left}.hero h1{font-size:clamp(58px,7vw,92px);line-height:1.02;font-weight:500;letter-spacing:-.065em;margin:18px 0 24px}.hero .eyebrow{margin-bottom:0;font-size:10px;letter-spacing:.1em}.hero .intro-copy{position:absolute;right:0;top:100px;max-width:320px;font-size:15px;line-height:1.65;margin:0;color:#768087}.option-tabs{display:inline-flex;margin:10px 0 0;background:#eaf0f2;padding:6px;border-radius:30px;border:1px solid #e2eaed;gap:0}.option-tabs button{border:0!important;border-radius:24px;padding:12px 24px;font-size:12px;background:none;color:#788187}.option-tabs button[aria-selected=true]{background:#fff;color:#252b30;box-shadow:0 2px 8px #32424c08}.colour-options{justify-content:flex-start;gap:8px;margin-top:20px}.colour-options button{border:1px solid #dce2e4!important;padding:8px 13px;border-radius:20px;font-size:10px;background:transparent}.colour-options button[aria-pressed=true]{border-color:#8e9ba3!important;background:#f6f8f9}.design-innovation-entry{max-width:none;padding:22px 25px;margin-top:24px;border:1px solid #dce6ea;border-radius:26px;background:var(--studio-blue);align-items:center;gap:24px}.design-innovation-entry .section-label{font-size:9px;letter-spacing:.1em;color:#6d7d87;margin-bottom:8px}.design-innovation-entry p{font-size:12px;color:#657680;max-width:480px}.design-detail-actions{gap:8px}.design-detail-actions .innovation-cta{border-radius:22px;background:#2a3740;padding:12px 16px;gap:15px;box-shadow:none}.technical-cta{border-radius:22px;border-color:#b8c9d2;background:#f8fbfc;padding:12px 16px;font-size:12px}.design-stage{padding-top:7px}.design-caption{padding:8px 3px 18px;font-size:10px;color:#7b858b}.design-caption button{font-size:10px}.design-image-button{border:1px solid #e7e7e2;background:#f0eee8;border-radius:30px;overflow:hidden;padding:0;width:100%;box-shadow:0 8px 25px #38434a04}.design-image{width:100%}.option-summary{padding:45px 10px 55px;gap:75px}.option-summary h2{font-size:36px;letter-spacing:-.045em;font-weight:500}.option-summary p{font-size:14px;color:#70777b}.palette{gap:16px}.quiet-section{padding:65px 0}.section-heading{font-size:40px;font-weight:500;letter-spacing:-.045em}.section-head p{font-size:14px;color:#748087}.wide-art{border-radius:28px;overflow:hidden;border:1px solid #e5e5df;padding:0;background:#eeede8}.detail-section{background:#edf2f4;margin:0 18px;border-radius:30px;padding:55px 0}.detail-section .wrap{width:calc(100% - 52px)}.detail-grid{gap:50px}.detail-copy h2{font-size:36px;font-weight:500;letter-spacing:-.045em}.detail-copy p{font-size:14px}.detail-art{border-radius:22px;background:#f5f3ec;overflow:hidden}.material-grid{gap:65px}.material-grid h3{font-size:24px;font-weight:500}.site-footer{margin:0 25px;border-top:1px solid #e0e5e7;padding:24px 0 30px}.site-footer .wrap{width:calc(100% - 30px)}.footer-inner{font-size:10px}.image-dialog{border-radius:26px;box-shadow:0 20px 70px #18252c33}.dialog-bar{background:#fafcfb;font-size:11px;padding:17px 24px}.innovation-hero{background:#e7eef1;border-radius:30px;padding:55px 44px;margin-top:28px;margin-bottom:42px}.innovation-hero h1,#innovation-page-title{font-size:clamp(42px,5.5vw,75px);margin:18px 0 25px;line-height:1.08}.innovation-lead{max-width:660px;font-size:17px;color:#6b7d87}.mechanism-heading h2{font-size:38px}.mechanism-heading{padding:20px 0 30px}.demo-block{border:1px solid #e5e5df;border-radius:28px;background:#f3f1eb;padding:25px 20px}.demo-controls{background:#fff9;border-radius:26px;padding:5px;width:fit-content;margin:0 auto}.demo-controls button{font-size:11px;border-color:transparent;padding:10px 17px}.demo-controls button[aria-pressed=true]{background:#2a3740}.demo-instruction{color:#748087;font-size:11px;margin-bottom:15px}.mechanism-intent{font-size:21px}.state-explanation{border-color:#9baeb7;background:#f1f5f6;border-radius:0 12px 12px 0;padding:15px 18px}.development-tag{background:#eef3f5;border-color:#e2e9ec;color:#72828b}.usage-board{padding-top:45px}.usage-board .section-heading{font-size:34px}.innovation-summary h2{font-size:36px}.film-intro{padding-top:55px}.film-intro h1{font-size:clamp(44px,6vw,76px)}.film-player-section video{border-radius:27px;overflow:hidden;border:1px solid #e2e5e6}.scene-index{background:#edf2f4;border-radius:23px;padding:15px 20px}.scene-index button{padding:12px 0;border-color:#dae2e6}.prompt-area{border-radius:24px;background:#eff3f5}.film-layout{gap:55px}.tech-main{background:#fcfcfa}.tech-heading{padding-top:50px}.tech-title-row h1{font-size:clamp(38px,5vw,62px)}.technical-status{background:#edf2f3;border-left:3px solid #9daeb5;border-radius:0 18px 18px 0}.print-button{background:#edf2f3;border-color:#dfe5e6}.sample-switch button[aria-pressed=true]{background:#2a3740}.flat-sheet{background:white;border-radius:22px}.tech-main th{background:#edf2f3}.tech-main td{background:#fff}.construction-grid>div:first-child{background:#f4f3ee;border-radius:22px}.table-scroll{border:1px solid #e1e5e5;border-radius:14px;overflow:hidden}.tech-main table{background:white}.workflow li{border-color:#bdcbd1}.workflow li:before{color:#748b97}.tech-section h2{font-size:30px}.check-grid label{font-size:12px}.approval-grid{background:#f1f4f4;padding:25px;border-radius:20px}.landing-body{background:var(--studio-ground)}.landing{min-height:calc(100svh - 160px);position:relative}.landing-logo{width:310px}.landing .entry{font-size:16px}.replay-film{bottom:25px;font-size:11px}.intro-screen{background:#f4f4ef}.intro-skip,.intro-sound{border:1px solid #ffffffaa;background:#ffffffda;backdrop-filter:blur(12px)}
@media(min-width:1600px){body{padding-right:50px;padding-left:130px}.studio-rail{left:42px}}
@media(max-width:1050px){body{padding:18px 18px 25px 88px}.studio-rail{left:16px;padding:12px 7px}.studio-rail a{width:39px;height:39px}.studio-shell{border-radius:34px}.studio-shell .wrap{width:calc(100% - 52px)}.hero .intro-copy{max-width:260px;font-size:13px;top:95px}.header-nav{gap:0}.header-nav a{padding:8px 9px;font-size:10px}.design-detail-actions{min-width:185px}.design-detail-actions a{width:100%;justify-content:space-between}.design-innovation-entry{padding:20px}.header-logo{width:128px}.option-tabs button{padding:11px 19px}.option-summary{gap:40px}.innovation-hero{padding:40px 30px}.mechanism-grid{gap:35px}}
@media(max-width:700px){body{padding:10px 10px 90px}.studio-shell{border-radius:28px;min-height:calc(100svh - 110px)}.studio-shell .wrap{width:calc(100% - 32px)}.studio-rail{left:50%;top:auto;bottom:14px;transform:translateX(-50%);flex-direction:row;border-radius:30px;gap:8px;padding:8px 12px;box-shadow:0 8px 30px #263b4c20}.studio-rail a{width:40px;height:40px}.studio-rail .rail-tooltip{left:auto;bottom:56px}.site-header{top:7px;margin:8px 8px 0;border-radius:21px}.header-inner{min-height:55px;gap:10px}.site-header .wrap{width:calc(100% - 22px)}.header-logo{width:108px}.header-nav a{padding:7px;font-size:10px}.header-nav .desktop-link{display:none}.hero{padding:34px 0 25px}.hero h1{font-size:57px;margin:18px 0}.hero .intro-copy{position:static;font-size:13px;max-width:310px;margin-bottom:22px}.option-tabs{width:100%;display:flex}.option-tabs button{padding:11px 8px;font-size:10px;flex:1}.option-tabs .option-letter{margin-right:4px}.colour-options{flex-wrap:wrap;gap:6px;margin-top:14px}.colour-options button{font-size:9px;padding:7px 10px}.design-innovation-entry{display:block;border-radius:22px;margin-top:18px;padding:18px}.design-detail-actions{margin-top:17px;flex-direction:row;flex-wrap:wrap;gap:7px}.design-detail-actions a{width:auto;min-width:0;flex:1;font-size:10px;padding:11px 12px;gap:8px}.design-detail-actions .innovation-cta{margin-top:0;font-size:10px;padding:11px 12px;gap:8px}.design-caption{gap:15px;font-size:9px}.design-caption button{font-size:9px}.design-image-button,.wide-art{border-radius:20px}.option-summary{padding:30px 2px 40px;gap:20px}.option-summary h2{font-size:30px}.option-summary p{font-size:13px}.quiet-section{padding:45px 0}.section-heading{font-size:32px}.section-head p{font-size:13px}.detail-section{margin:0 8px;padding:35px 0;border-radius:22px}.detail-section .wrap{width:calc(100% - 28px)}.detail-copy h2{font-size:30px}.detail-copy p{font-size:13px}.site-footer{margin:0 13px;padding-bottom:20px}.site-footer .wrap{width:100%}.footer-inner{font-size:9px}.innovation-hero{padding:28px 23px;margin-top:20px;margin-bottom:30px;border-radius:23px}#innovation-page-title{font-size:clamp(35px,8vw,49px)}.innovation-lead{font-size:14px}.mechanism-heading h2{font-size:29px}.mechanism-intent{font-size:19px}.demo-block{border-radius:22px;padding:18px 12px}.mechanism-explanation ol{font-size:13px}.usage-board .section-heading{font-size:29px}.technical-status{font-size:12px;padding:17px}.tech-title-row h1{font-size:39px}.tech-section h2{font-size:27px}.table-scroll{overflow:auto}.flat-sheet{padding:3px;border-radius:13px}.tech-selectors{gap:15px}.sample-switch{gap:4px}.sample-switch button{font-size:10px;padding:10px 12px}.tech-selectors label{font-size:11px}.tech-selectors select{margin-left:6px;max-width:210px}.workflow{grid-template-columns:1fr}.approval-grid{grid-template-columns:1fr}.film-layout{gap:25px}.scene-index{padding:10px 15px;border-radius:18px}.film-player-section video{border-radius:18px}.film-intro{padding:35px 0}.landing{min-height:calc(100svh - 150px);padding:25px}.landing-logo{width:250px}}
@media print{html,body{background:white!important}body{padding:0!important}.studio-rail,.site-header{display:none!important}.studio-shell{border:0;box-shadow:none;border-radius:0;margin:0;min-height:0}.studio-shell .wrap{width:100%!important}.technical-status{border-radius:0}.flat-sheet,.table-scroll,.construction-grid>div:first-child,.approval-grid{border-radius:0}.table-scroll{overflow:visible}.site-footer{margin:0}.tech-main td{background:white}}