/* Full-width, two-tone cutting table. Existing artwork keeps its shared geometry. */
.hero{width:100%;max-width:none;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;align-items:stretch;min-height:calc(100svh - 85px)}
.hero .hero-copy{position:relative;display:flex;align-items:center;padding:70px clamp(36px,5.8vw,110px);background-color:#fff;background-image:linear-gradient(#1a073507 1px,transparent 1px),linear-gradient(90deg,#1a073507 1px,transparent 1px),linear-gradient(#1a073505 1px,transparent 1px),linear-gradient(90deg,#1a073505 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:19px 19px;isolation:isolate}
.hero .hero-message{position:relative;z-index:1;width:100%;max-width:590px;margin-inline:auto}
.hero .copy-mat{position:absolute;inset:19px;border:1px solid #1a073509;pointer-events:none;color:#1a07353a}
.hero .copy-mat:before,.hero .copy-mat:after{content:'';position:absolute;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#1a073519 0 1px,transparent 1px 20px)}
.hero .copy-mat:before{top:-7px}.hero .copy-mat:after{bottom:-7px}
.hero .copy-mat>span{position:absolute;top:14px;left:14px;font:500 6px Space,Inter,sans-serif;letter-spacing:.15em}
.hero .copy-mat>i{position:absolute;right:24px;bottom:24px;width:95px;height:95px;border:1px solid #1a073509;border-radius:50%;background:linear-gradient(45deg,transparent 49.5%,#1a073509 50%,transparent 50.5%)}
.hero h1.hero-title{font-size:clamp(43px,4.7vw,78px)}
.hero .hero-lead{max-width:405px}
.hero .invention-board{--board-ink:#202638;--mat-step:20px;--mat-major:100px;align-self:stretch;justify-self:stretch;max-width:none;height:100%;border:0;border-radius:0;box-shadow:none;background:var(--board-ink);padding:38px clamp(32px,4vw,76px) 40px;display:flex;flex-direction:column;isolation:isolate}
.hero .invention-board>.cutting-mat{z-index:-1;box-shadow:none;background:none;opacity:.5}
.hero .mat-grid{border-color:#d5c5ed22;background-image:linear-gradient(#cab4e51a 1px,transparent 1px),linear-gradient(90deg,#cab4e51a 1px,transparent 1px),linear-gradient(#cab4e50c 1px,transparent 1px),linear-gradient(90deg,#cab4e50c 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px}
.hero .mat-ruler{color:#ded0f257;opacity:.65}
.hero .mat-ruler-top,.hero .mat-ruler-bottom{background-size:100% 3px,100% 6px;opacity:.45}
.hero .mat-ruler-left,.hero .mat-ruler-right{opacity:.3}
.hero .mat-rays,.hero .mat-protractor{opacity:.25}
.hero .mat-protractor{left:23%;width:260px;height:260px}
.hero .mat-templates{top:100px;right:35px;opacity:.16}
.hero .board-heading{position:relative;z-index:1;min-height:32px;padding:0;background:none;border:0;color:#fff;letter-spacing:.14em;font-size:9px;gap:20px;flex:none}
.hero .board-heading i{background:#eab0bf}
.hero .board-phase,.hero .invention-board[data-stage=prototype] .board-phase{display:inline;color:#c3b3d7;font-size:8px;letter-spacing:.09em;white-space:nowrap}
.hero .scene-frame{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:410px;margin-block:16px 12px}
.hero .specimen{--mat-step:20px;--mat-major:100px;position:relative;flex:none;height:clamp(410px,55svh,570px);width:100%;background:none;border:0;overflow:visible;isolation:isolate}
.hero .specimen:before{display:none}
.hero .narrative-engine{--engine-scale:1.2;top:47%}
.hero .engine-shadow{background:#0008;filter:blur(14px)}
.hero .engine-guides{opacity:.35}
.hero .concept-note{width:76%;max-width:385px;min-height:226px;padding:34px 29px;transform:translate(-50%,-48%) rotate(-7deg);box-shadow:0 30px 80px -24px #0009;border-color:#ede1e7}
.hero .concept-note strong{font-size:33px;max-width:none;margin-block:22px 28px}
.hero .concept-note small{font-size:8px}.hero .concept-note>span{font-size:10px}
.hero .scene-frame>.engine-toggle{position:absolute;bottom:10px;right:0;margin:0;z-index:8;color:#e0e5ef;background:#202638a6;border-color:#aab8d247;font-size:10px;padding-inline:13px;min-height:44px}
.hero .engine-toggle:hover{background:#343f57;border-color:#aab8d280}
.hero .board-controls{position:relative;z-index:1;background:none;padding:0;flex:none}
.hero .stage-panels{margin:0;min-height:0}
.hero .stage-copy strong{font:400 clamp(21px,1.9vw,30px)/1.35 Space,Inter,sans-serif;letter-spacing:-.45px;color:#fff;max-width:520px}
.hero .stage-panels .stage-copy{padding:0;max-width:100%}
.hero .stage-copy:focus-visible{outline:1px solid #ded0ed;outline-offset:8px}
.hero .stage-navigation{display:flex;align-items:center;gap:24px;margin-top:28px}
.hero .stage-tabs{flex:1;min-width:0;padding:0;gap:0;background:none;border:0;border-bottom:1px solid #ded0eb29;border-radius:0}
.hero .stage-tabs:before{top:auto;bottom:-1px;left:0;width:calc(100%/3);height:2px;border-radius:0;background:#e8bed1;box-shadow:none}
.hero .stage-tabs button,.hero .stage-tabs button[aria-selected=true],.hero .stage-tabs button:not([aria-selected=true]):hover{padding:14px 4px;min-height:48px;font-size:12px;color:#b4a4c7;background:transparent;border:0;gap:8px;font-weight:400;border-radius:0}
.hero .stage-tabs button[aria-selected=true],.hero .stage-tabs button:not([aria-selected=true]):hover{color:#fff}
.hero .stage-tabs button>span,.hero .stage-tabs button:not([aria-selected=true])>span{color:#a995bd;font-size:8px}
.hero .stage-tabs button[aria-selected=true]>span{color:#ebbbcf}
.hero .stage-tabs button:focus-visible{outline-color:#e4c8f0;outline-offset:-3px;border-radius:3px}
.hero .playback-toggle{width:44px;height:44px;flex:none;display:grid;place-items:center;padding:0;border:1px solid #aab8d255;border-radius:50%;color:#fff;background:var(--board-ink);cursor:pointer;transition:background .2s}
.hero .playback-toggle[hidden]{display:none}
.hero .playback-toggle:hover{background:#343f57}.hero .playback-toggle:focus-visible{outline:2px solid #e4c8f0;outline-offset:3px}
.hero .playback-icon{width:10px;height:12px;border-inline:3px solid currentColor}
.hero .playback-toggle[data-paused=true] .playback-icon{width:0;height:0;border:0;border-left:9px solid currentColor;border-block:6px solid transparent;margin-left:3px}
.hero .playback-toggle:disabled{opacity:.45;cursor:default}
@media(min-width:1600px){.hero .narrative-engine{--engine-scale:1.43}.hero .specimen{height:580px}.hero .concept-note{max-width:430px;min-height:260px;padding:40px 35px}.hero .concept-note strong{font-size:38px}}
@media(max-width:1100px) and (min-width:801px){.hero .hero-copy{padding-inline:40px}.hero .invention-board{padding-inline:32px}.hero .scene-frame{min-height:365px}.hero .specimen{height:395px}.hero .narrative-engine{--engine-scale:.99}.hero .concept-note{width:84%;padding:27px 22px;min-height:195px}.hero .concept-note strong{font-size:28px}.hero .stage-copy strong{font-size:23px}.hero .stage-navigation{gap:13px}.hero .stage-tabs button{font-size:11px;gap:5px}.hero .board-heading{font-size:7px;gap:10px}.hero .board-phase{font-size:7px}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr);min-height:0}.hero .hero-copy{padding:65px 40px}.hero .hero-message{max-width:570px}.hero h1.hero-title{font-size:clamp(44px,8.6vw,69px)}.hero .invention-board{padding:32px 40px 34px;min-height:700px}.hero .scene-frame{min-height:400px;flex:1}.hero .specimen{height:430px}.hero .narrative-engine{--engine-scale:1.15}.hero .board-heading{font-size:9px}.hero .board-phase{font-size:8px}.hero .stage-copy strong{font-size:28px;max-width:570px}.hero .stage-navigation{margin-top:22px}.hero .concept-note{width:70%;max-width:365px}.hero .board-controls{width:100%;max-width:570px;margin-inline:auto}.hero .concept-note strong{font-size:31px}}
@media(max-width:520px){.hero .hero-copy{padding:58px 29px 54px}.hero h1.hero-title{font-size:clamp(35px,10.4vw,54px)}.hero .eyebrow{font-size:6px;letter-spacing:.07em}.hero .hero-lead{font-size:14px;line-height:1.75}.hero .hero-note{font-size:8px}.hero .invention-board{padding:29px 27px 30px;min-height:590px}.hero .board-heading{font-size:7px;gap:10px}.hero .board-phase,.hero .invention-board[data-stage=prototype] .board-phase{font-size:6px;letter-spacing:.03em}.hero .scene-frame{min-height:326px;margin-block:10px 14px}.hero .specimen{height:326px}.hero .narrative-engine{--engine-scale:.79;top:46%}.hero .concept-note{width:81%;min-height:190px;padding:26px 21px}.hero .concept-note strong{font-size:26px;margin-block:21px 23px}.hero .concept-note small{font-size:6px}.hero .concept-note>span{font-size:7px}.hero .stage-copy strong{font-size:23px;line-height:1.35;letter-spacing:-.3px}.hero .stage-navigation{gap:10px;margin-top:20px}.hero .stage-tabs button{font-size:11px;gap:5px}.hero .stage-tabs button>span{font-size:7px}.hero .scene-frame>.engine-toggle{font-size:9px;bottom:0;padding-inline:11px}.hero .mat-protractor{width:200px;opacity:.17}.hero .mat-templates{top:85px}.hero .copy-mat>span{font-size:5px}}
@media(max-width:359px){.hero .hero-copy{padding-inline:25px}.hero .invention-board{padding-inline:24px}.hero .board-heading{font-size:6px}.hero .board-phase,.hero .invention-board[data-stage=prototype] .board-phase{font-size:5px}.hero .narrative-engine{--engine-scale:.69}.hero .concept-note strong{font-size:22px}.hero .concept-note{padding:24px 18px;min-height:173px}.hero .stage-copy strong{font-size:21px}.hero .stage-tabs button{font-size:10px;gap:4px}.hero .stage-tabs button>span{font-size:6px}.hero .stage-navigation{gap:7px}}
.motion-off .hero *,.motion-off .hero *:before,.motion-off .hero *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.hero *,.hero *:before,.hero *:after{animation:none!important;transition:none!important}}