.brochure-page{background:radial-gradient(circle at 82% 12%, #0d706833, transparent 34vw), var(--bg-deep);min-height:100svh;color:var(--white);position:relative}.brochure-topbar{z-index:10;padding:18px var(--gutter);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1614e0;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:24px;display:flex;position:sticky;top:0}.brochure-brand,.brochure-download,.brochure-controls button{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600}.brochure-brand{color:var(--white)}.brochure-download{color:var(--teal-bright)}.brochure-brand:focus-visible,.brochure-download:focus-visible,.brochure-controls button:focus-visible{outline:2px solid var(--teal-bright);outline-offset:5px}.brochure-shell{grid-template-rows:auto minmax(0,1fr);gap:clamp(14px,2vh,22px);width:min(100%,1680px);min-height:calc(100svh - 61px);margin:0 auto;padding:clamp(14px,2vw,24px) clamp(64px,7vw,112px) clamp(48px,6vh,72px);display:grid}.brochure-intro{justify-content:space-between;align-items:end;gap:32px;display:flex}.brochure-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-bright);font-size:11px;font-weight:600}.brochure-intro h1{max-width:760px;font-family:var(--sans);letter-spacing:-.035em;color:var(--white);text-align:right;font-size:clamp(24px,2.8vw,42px);font-weight:500;line-height:1}.brochure-stage{grid-template-columns:repeat(2,max-content);justify-content:center;align-items:center;gap:0;height:100%;min-height:0;display:grid;position:relative}.brochure-stage--cover{grid-template-columns:max-content}.brochure-page-shell{background:0 0;justify-content:center;min-width:0;display:flex}.brochure-page-shell canvas{max-width:100%;height:auto;display:block}.brochure-stage--cover .brochure-page-shell canvas{box-shadow:0 24px 60px #0000003d}.brochure-status{color:var(--on-dark);background:#0e1614c7;border:1px solid #ffffff24;padding:12px 16px;font-size:14px;line-height:1.4;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.brochure-status--error{color:var(--white)}.brochure-controls{pointer-events:none}.brochure-controls p{z-index:12;font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--on-dark-soft);text-align:center;margin:0;font-size:11px;font-weight:500;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.brochure-controls button{z-index:12;min-width:96px;min-height:38px;color:var(--white);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s var(--ease-out), color .2s var(--ease-out), background .2s var(--ease-out);background:#0e161494;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;display:inline-flex;position:fixed;top:50%;transform:translateY(-50%)}.brochure-controls button:first-child{left:clamp(16px,2.5vw,36px)}.brochure-controls button:last-child{right:clamp(16px,2.5vw,36px)}.brochure-controls button:disabled{cursor:not-allowed;color:var(--on-dark-faint);border-color:#ffffff1a}@media (hover:hover) and (pointer:fine){.brochure-brand:hover,.brochure-download:hover{color:var(--white)}.brochure-controls button:not(:disabled):hover{border-color:var(--teal-bright);color:var(--teal-bright);background:#89cec814}}@media (max-width:1024px){.brochure-shell{padding-left:clamp(46px,6vw,72px);padding-right:clamp(46px,6vw,72px)}.brochure-stage{min-height:0}}@media (max-width:760px){.brochure-topbar{flex-direction:column;align-items:flex-start;gap:10px}.brochure-shell{min-height:calc(100svh - 93px);padding:22px 24px 118px}.brochure-intro{flex-direction:column;align-items:flex-start;gap:12px}.brochure-intro h1{text-align:left}.brochure-stage{grid-template-columns:max-content}.brochure-controls{display:block}.brochure-controls p{width:calc(100% - 48px);bottom:78px}.brochure-controls button{width:calc(50% - 30px);top:auto;bottom:22px;transform:none}}@media (max-width:420px){.brochure-topbar,.brochure-shell{padding-left:18px;padding-right:18px}.brochure-intro h1{font-size:30px}.brochure-controls{gap:12px}.brochure-controls p{width:calc(100% - 36px)}.brochure-controls button{width:calc(50% - 24px)}}
