:root{--bg-canvas:#f3f0fa;--bg-surface:#fcfaff;--bg-surface-hover:#eae3f1;--text-primary:#34303b;--text-muted:#655a6c;--accent-primary:#5b245d;--accent-secondary:#79466e;--border-subtle:#cfc3d7;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(52,30,54,.18);--glow-accent:0 0 24px -4px #5b245d25;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:17px/1.75 "Trebuchet MS","Segoe UI",sans-serif;overflow-wrap:anywhere;hyphens:auto}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.18;font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5.8vw,5rem);max-width:17ch;margin-bottom:28px}h2{font-size:clamp(1.8rem,3.4vw,3rem);margin-bottom:24px}h3{font-size:1.35rem}p{margin-bottom:22px}img{display:block;width:100%;height:100%;object-fit:cover}main{min-height:55vh}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--bg-surface);padding:10px}.skip:focus{top:8px}.site-header{position:relative;margin:20px 24px 0;border:1px solid var(--border-subtle);border-radius:60px;background:var(--bg-surface);padding:17px 24px;display:flex;align-items:center;gap:24px;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:bold;font-size:15px;white-space:nowrap;margin-right:auto}.brand-mark{display:grid;place-items:center;border:1px solid var(--accent-primary);width:30px;height:30px;color:var(--accent-primary);font-size:20px}.site-nav{display:flex;gap:20px;align-items:center}.site-nav a{text-decoration:none;font-size:14px;white-space:nowrap}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px}.menu-toggle{display:none;background:none;border:0;color:var(--accent-primary);font-size:30px;line-height:1;padding:5px 12px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:bold;color:var(--accent-primary);margin-bottom:18px}.hero{padding:68px 0 42px}.intro{max-width:66ch;font-size:1.15rem;color:var(--text-muted)}.button{display:inline-block;border:1px solid var(--accent-primary);padding:13px 20px;background:transparent;color:var(--accent-primary);text-transform:uppercase;text-decoration:none;letter-spacing:.1em;font-size:12px;font-weight:bold;transition:transform .35s var(--ease-kinetic),box-shadow .35s,background .35s}.button:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent);background:var(--bg-surface-hover)}.button.solid{color:var(--bg-surface);background:var(--accent-primary)}.hero-scene{position:relative;margin-top:38px;isolation:isolate}.hero-scene .banner{aspect-ratio:16/9;max-height:560px}.hero-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#5b245d22,transparent,#f3f0fa33);background-size:200% 200%;animation:gradientShift 12s ease infinite}.brief{position:relative;z-index:1;background:var(--bg-surface);border:1px solid var(--border-subtle);margin:-105px 28px 0 auto;width:min(560px,calc(100% - 56px));padding:26px}.brief h2{font-size:1.35rem}.spec-list{list-style:none;padding:0;margin:0}.spec-list li{display:grid;grid-template-columns:35px 1fr;gap:12px;border-top:1px solid var(--border-subtle);padding:16px 0}.spec-icon{font-size:12px;color:var(--accent-primary);padding-top:3px}.spec-list strong{display:block;font-weight:bold}.spec-list p{margin:3px 0 0;color:var(--text-muted);font-size:15px}.section{padding:72px 0}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:36px}.zone-main{grid-column:span 7}.zone-side{grid-column:span 5}.zone-wide{grid-column:1/-1}.zone{min-width:0}.media{aspect-ratio:4/3;background:var(--bg-surface-hover);margin-bottom:18px}.thumbnail{width:96px;aspect-ratio:1;flex-shrink:0}.caption,figcaption{font-size:13px;color:var(--text-muted);margin-top:12px}.sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--accent-primary);margin-top:34px}.sequence div{padding:24px 18px;border-right:1px solid var(--border-subtle)}.sequence div:last-child{border:0}.sequence span{display:block;color:var(--accent-primary);font-size:12px;margin-bottom:18px}.sequence strong{display:block;line-height:1.3}.sequence p{font-size:14px;margin:10px 0 0}.plum{background:var(--accent-primary);color:var(--bg-surface)}.plum .eyebrow,.plum a,.plum .spec-icon,.plum .caption{color:#f1deef}.plum .spec-list p{color:#eadbea}.plum .spec-list li{border-color:#966e97}.plum .button{border-color:#eadbea;color:#fcfaff}.plum .button:hover{background:#713873}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.section-drawing{background:var(--bg-surface);padding:32px;border:1px solid var(--border-subtle)}.layer{display:grid;grid-template-columns:42px 1fr;border-bottom:1px solid var(--border-subtle);padding:18px 0;gap:12px}.layer:last-child{border-bottom:6px double var(--accent-primary)}.layer b{font-size:12px;color:var(--accent-primary)}.layer span{font-size:15px}.media-row{display:flex;gap:22px;align-items:center;padding:24px 0;border-top:1px solid var(--border-subtle);transition:transform .35s var(--ease-kinetic),box-shadow .35s}.media-row:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation)}.media-row h3{margin-bottom:8px}.media-row p{margin:0;font-size:15px}.page-intro{padding:66px 0 36px;border-bottom:1px solid var(--border-subtle);margin-bottom:40px}.page-intro h1{max-width:22ch}.article-layout{display:grid;grid-template-columns:minmax(0,8fr) minmax(240px,4fr);gap:48px;padding-bottom:72px}.prose{max-width:70ch;margin:0 auto;min-width:0}.prose h2{font-size:1.9rem;margin-top:44px}.prose h3{margin-top:30px}.prose ul{padding-left:24px}.aside{align-self:start;padding:24px;background:var(--bg-surface);border-top:3px solid var(--accent-primary)}.aside h2{font-size:1.4rem}.aside p,.aside li{font-size:15px}.aside ul{padding-left:20px}.article-image{aspect-ratio:4/3;margin-bottom:28px}.table-wrap{overflow-x:auto;margin:28px 0}table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}th,td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top}th{background:var(--bg-surface);color:var(--accent-primary)}details{border-top:1px solid var(--border-subtle);padding:21px 0}details:last-child{border-bottom:1px solid var(--border-subtle)}summary{cursor:pointer;font-size:1.1rem;font-weight:bold;line-height:1.5}details p{margin:18px 0 4px}.narrow{max-width:72ch;margin:0 auto;padding-bottom:72px}.note{border-left:3px solid var(--accent-primary);padding:16px 22px;background:var(--bg-surface);font-size:15px}.worksheet{padding:30px;background:var(--bg-surface);border-top:3px solid var(--accent-primary)}label{display:block;font-size:14px;font-weight:bold;margin:20px 0 7px}input,textarea,select{width:100%;border:1px solid #95849d;border-radius:0;background:#fcfaff;color:var(--text-primary);padding:12px;min-width:0}textarea{resize:vertical;min-height:145px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.status{font-size:14px;min-height:26px;margin-top:14px}.site-footer{background:var(--accent-primary);color:#fcfaff;padding:54px 0 26px}.site-footer a{color:#fcfaff}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:36px}.site-footer h2{font-size:1.15rem;letter-spacing:0;margin-bottom:15px}.site-footer p,.site-footer li{font-size:14px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin:6px 0}.footer-bottom{border-top:1px solid #966e97;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}.site-footer :focus-visible{outline-color:#fcfaff}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.hero .intro{max-width:62ch}.page-intro{padding-top:80px}}
@media(min-width:769px) and (max-width:1024px){.site-header{gap:14px;padding:15px 18px;margin-inline:16px}.site-nav{gap:12px}.brand{font-size:13px}.site-nav a{font-size:12px}.article-layout{gap:28px;grid-template-columns:minmax(0,2fr) minmax(220px,1fr)}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.site-header{margin:12px 12px 0;padding:12px 17px}.brand{font-size:14px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);padding:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.site-nav.is-open{display:grid;gap:0;animation:menuIn .25s var(--ease-kinetic)}.site-nav a{padding:12px;font-size:16px;border-bottom:1px solid var(--border-subtle)}.hero{padding-top:44px}.bento,.article-layout{grid-template-columns:1fr;gap:28px}.zone-main,.zone-side,.zone-wide{grid-column:1}.section{padding:48px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-company{grid-column:1/-1}.sequence{grid-template-columns:1fr 1fr}.sequence div:nth-child(2){border-right:0}.brief{margin:-45px 16px 0;width:calc(100% - 32px);padding:22px}.hero-scene .banner{aspect-ratio:4/3}.page-intro{padding-top:48px}.aside{margin-top:0}.form-grid{grid-template-columns:1fr;gap:0}@keyframes menuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:481px) and (max-width:768px){.hero h1{max-width:16ch}.media{max-height:480px}}
@media(max-width:480px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.brand{font-size:12px;gap:7px}.brand-mark{width:26px;height:26px}.site-header{padding:11px 13px}.hero h1{font-size:2.65rem}.brief{margin:0;width:100%;padding:20px}.sequence div{padding:18px 10px}.footer-grid{grid-template-columns:1fr}.footer-company{grid-column:auto}.worksheet{padding:20px}.section-drawing{padding:20px}.grid{grid-template-columns:1fr}.media-row{gap:16px}.thumbnail{width:76px}.actions .button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.button:hover,.media-row:hover{transform:none}}