/* ========================================================================== 
   ALL EXCLUSIVE — ABOUT EXPERIENCE
   Local namespace: .ae-about-*
   ========================================================================== */

:root {
  --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  --motion-fast: 220ms;
  --motion-ui: 360ms;
  --motion-content: 700ms;
  --motion-hero: 1000ms;
  --ae-about-max: 1440px;
  --ae-about-gutter: 32px;
  --ae-about-gold-soft: rgba(182, 144, 85, .16);
  --ae-about-white-10: rgba(255,255,255,.10);
  --ae-about-white-16: rgba(255,255,255,.16);
  --ae-about-white-24: rgba(255,255,255,.24);
  --ae-about-white-48: rgba(255,255,255,.48);
}

.ae-about-page { background: var(--paper); }
.ae-about-page .site-header { background: linear-gradient(to bottom, rgba(16,24,32,.82), rgba(16,24,32,0)); }
.ae-about-page .site-header.scrolled,
.ae-about-page.menu-open .site-header { background: rgba(16,24,32,.94); border-color: rgba(255,255,255,.09); backdrop-filter: blur(14px); }
.ae-about-page .main-nav .is-current { color: var(--white); position: relative; }
.ae-about-page .main-nav .is-current::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:1px; background:var(--accent); }
.ae-about-shell { width: min(var(--container), calc(100% - 64px)); margin-inline: auto; }
.ae-about-kicker { margin:0; color:var(--accent); font:800 .68rem/1.2 var(--font-sans); letter-spacing:.18em; text-transform:uppercase; }
.ae-about-text-link { display:inline-flex; align-items:center; gap:12px; width:fit-content; padding:9px 0 6px; border-bottom:1px solid currentColor; color:inherit; font-weight:800; }
.ae-about-text-link:hover { color:var(--accent); }
.ae-about-text-link-dark { color:var(--ink); }
.ae-about-reveal { opacity:1; transform:none; }
.is-enhanced .ae-about-reveal { opacity:0; transform:translateY(24px); transition:opacity var(--motion-content) var(--ease-out-expo), transform var(--motion-content) var(--ease-out-expo); }
.is-enhanced .ae-about-reveal.is-visible { opacity:1; transform:none; }

/* Hero */
.ae-about-hero { --hero-progress:0; position:relative; min-height:max(760px,100svh); overflow:hidden; color:var(--white); background:#0c141b; isolation:isolate; }
.ae-about-hero::after { content:""; position:absolute; inset:auto 0 0; height:34%; background:linear-gradient(to bottom, transparent, rgba(6,10,13,.62)); pointer-events:none; z-index:-1; }
.ae-about-hero-grid { position:absolute; inset:0; display:grid; grid-template-columns:repeat(6,1fr); grid-template-rows:repeat(2,1fr); opacity:calc(.16 + var(--hero-progress) * .18); transform:scale(calc(1 + var(--hero-progress) * .012)); transition:opacity 80ms linear; z-index:-3; }
.ae-about-hero-grid span { border-right:1px solid rgba(255,255,255,.055); border-bottom:1px solid rgba(255,255,255,.045); }
.ae-about-hero-grid::before,.ae-about-hero-grid::after { content:""; position:absolute; background:rgba(255,255,255,.055); }
.ae-about-hero-grid::before { left:0; right:0; top:36%; height:1px; }
.ae-about-hero-grid::after { top:0; bottom:0; left:28%; width:1px; }
.ae-about-hero-ghost-room { position:absolute; inset:14% 4% 6% 42%; opacity:calc(var(--hero-progress) * .5); transform:translateY(calc(30px - var(--hero-progress) * 30px)); z-index:-2; }
.ae-about-hero-ghost-room::before { content:""; position:absolute; inset:0; border:1px solid rgba(255,255,255,.18); }
.ae-about-hero-ghost-room .g-wall,.ae-about-hero-ghost-room .g-desk { position:absolute; display:block; border:1px solid rgba(255,255,255,.18); }
.ae-about-hero-ghost-room .g-wall-a { left:28%; top:0; bottom:60%; }.ae-about-hero-ghost-room .g-wall-b { left:28%; right:0; top:40%; }.ae-about-hero-ghost-room .g-wall-c { left:64%; top:0; bottom:60%; }
.ae-about-hero-ghost-room .g-desk { width:12%; height:8%; border-color:rgba(182,144,85,.28); }.ae-about-hero-ghost-room .g-desk-a{left:38%;top:20%}.ae-about-hero-ghost-room .g-desk-b{left:54%;top:20%}.ae-about-hero-ghost-room .g-desk-c{left:46%;top:52%}
.ae-about-hero-inner { min-height:inherit; display:grid; grid-template-rows:auto 1fr auto; padding-top:calc(var(--header-height) + 48px); padding-bottom:32px; }
.ae-about-scene-meta { display:flex; justify-content:space-between; gap:24px; color:rgba(255,255,255,.46); font:800 .62rem/1.2 var(--font-sans); letter-spacing:.18em; text-transform:uppercase; }
.ae-about-hero-copy { align-self:center; padding:48px 0 64px; transform:translateY(calc(var(--hero-progress) * -52px)); opacity:calc(1 - var(--hero-progress) * .62); will-change:transform,opacity; }
.ae-about-hero-copy h1 { max-width:1100px; margin:0; font:500 clamp(72px,8vw,132px)/.9 var(--font-serif); letter-spacing:-.047em; }
.ae-about-hero-line { display:block; overflow:hidden; padding-bottom:.05em; }
.ae-about-hero-line > span { display:block; }
.ae-about-hero-line-accent { color:var(--accent); font-style:italic; }
.ae-about-hero-copy p { max-width:630px; margin:32px 0 0; color:rgba(255,255,255,.66); font-size:clamp(18px,1.6vw,21px); line-height:1.55; }
.is-enhanced .ae-about-hero-line > span { transform:translateY(115%); }
.is-enhanced .ae-about-hero-copy p,.is-enhanced .ae-about-scroll-cue { opacity:0; transform:translateY(10px); }
.is-enhanced.is-ready .ae-about-hero-line:first-child > span { transform:none; transition:transform var(--motion-hero) var(--ease-out-expo) 80ms; }
.is-enhanced.is-ready .ae-about-hero-line:nth-child(2) > span { transform:none; transition:transform var(--motion-hero) var(--ease-out-expo) 200ms; }
.is-enhanced.is-ready .ae-about-hero-copy p { opacity:1; transform:none; transition:opacity 700ms var(--ease-out-expo) 330ms, transform 700ms var(--ease-out-expo) 330ms; }
.is-enhanced.is-ready .ae-about-scroll-cue { opacity:1; transform:none; transition:opacity 600ms ease 480ms, transform 600ms var(--ease-out-expo) 480ms; }
.ae-about-scroll-cue { align-self:end; display:flex; justify-content:space-between; align-items:center; min-height:44px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.56); font:800 .62rem/1 var(--font-sans); letter-spacing:.18em; text-transform:uppercase; }
.ae-about-scroll-cue:hover { color:var(--white); }

/* Value intro */
.ae-about-value-intro { position:relative; color:var(--white); background:#0c141b; padding:160px 0 128px; }
.ae-about-value-intro::before { content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(12,20,27,1), rgba(16,24,32,1)); }
.ae-about-value-intro-inner { position:relative; }
.ae-about-value-intro h2 { margin:32px 0 64px; max-width:1100px; font:500 clamp(56px,6vw,96px)/.96 var(--font-serif); letter-spacing:-.04em; }
.ae-about-value-intro h2 span,.ae-about-value-intro h2 strong { display:block; font-weight:500; }
.ae-about-value-intro h2 span { color:rgba(255,255,255,.42); }
.ae-about-value-intro h2 strong { color:var(--white); }
.ae-about-system-line { display:flex; justify-content:space-between; gap:32px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.42); font:800 .62rem/1.3 var(--font-sans); letter-spacing:.15em; text-transform:uppercase; }

/* Room Explorer */
.ae-about-room-section { padding:128px 0 160px; color:var(--white); background:var(--ink); }
.ae-about-room-heading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); align-items:end; gap:64px; margin-bottom:64px; }
.ae-about-room-heading h2 { max-width:800px; margin:18px 0 0; font:500 clamp(48px,5vw,76px)/.98 var(--font-serif); letter-spacing:-.04em; }
.ae-about-room-heading > p { max-width:600px; margin:0; color:rgba(255,255,255,.58); font-size:18px; }
.ae-about-room-stage-wrap { width:min(var(--ae-about-max), calc(100% - 64px)); margin-inline:auto; }
.ae-about-room-modebar { display:flex; width:fit-content; max-width:100%; margin:0 0 24px; border-bottom:1px solid rgba(255,255,255,.14); overflow-x:auto; scrollbar-width:none; }
.ae-about-room-modebar::-webkit-scrollbar { display:none; }
.ae-about-mode { position:relative; min-width:180px; min-height:64px; display:grid; justify-items:start; gap:4px; padding:0 24px 14px 0; margin-right:32px; border:0; color:rgba(255,255,255,.38); background:transparent; text-align:left; }
.ae-about-mode::after { content:""; position:absolute; left:0; bottom:-1px; width:0; height:2px; background:var(--accent); transition:width var(--motion-ui) var(--ease-out-expo); }
.ae-about-mode span { font-size:.78rem; font-weight:800; letter-spacing:.11em; }.ae-about-mode small{font-size:.58rem;letter-spacing:.16em;opacity:.62}
.ae-about-mode:hover,.ae-about-mode.is-active { color:var(--white); }.ae-about-mode.is-active::after{width:100%}
.ae-about-room-stage { position:relative; min-height:720px; border:1px solid rgba(255,255,255,.12); background:#101a22; overflow:hidden; }
.is-enhanced .ae-about-room-stage::after { content:"SELECT AN OBJECT\A TO INSPECT"; white-space:pre; position:absolute; z-index:1; right:0; top:52px; width:380px; bottom:0; display:grid; place-items:center; color:rgba(255,255,255,.22); font:800 .58rem/1.7 var(--font-sans); letter-spacing:.16em; text-align:center; pointer-events:none; transition:opacity var(--motion-fast) ease; }
.is-enhanced .ae-about-room-stage.has-selection::after { opacity:0; }
.ae-about-room-toolbar { min-height:52px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:0 24px; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.38); font:800 .58rem/1.2 var(--font-sans); letter-spacing:.14em; text-transform:uppercase; }
.ae-about-room-toolbar span:nth-child(2){color:rgba(255,255,255,.58)}.ae-about-room-toolbar span:last-child{text-align:right}.ae-about-room-toolbar i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent)}
.ae-about-room-canvas { position:absolute; inset:52px 380px 0 0; display:grid; place-items:center; padding:40px; overflow:hidden; background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:48px 48px; }
.ae-about-room-svg { width:min(100%,980px); max-height:100%; overflow:visible; }
.ae-about-room-svg text { font-family:var(--font-sans); fill:rgba(255,255,255,.28); font-size:10px; font-weight:800; letter-spacing:2px; }
.ae-about-room-guides path { fill:none; stroke:rgba(255,255,255,.035); stroke-width:1; vector-effect:non-scaling-stroke; }
.ae-about-room-architecture .ae-about-wall { fill:none; stroke:rgba(255,255,255,.24); stroke-width:1; vector-effect:non-scaling-stroke; }.ae-about-room-architecture .ae-about-wall-outer{stroke-width:1.8}.ae-about-room-architecture .ae-about-door{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.ae-about-room-static rect,.ae-about-room-static circle,.ae-about-room-static path { fill:none; stroke:rgba(255,255,255,.2); stroke-width:1; vector-effect:non-scaling-stroke; }
.ae-about-room-object { color:rgba(255,255,255,.55); outline:none; cursor:pointer; transition:opacity var(--motion-fast) ease; }
.ae-about-room-object > *:not(text) { fill:rgba(255,255,255,.025); stroke:currentColor; stroke-width:1.25; vector-effect:non-scaling-stroke; transition:stroke var(--motion-fast) ease, fill var(--motion-fast) ease, filter var(--motion-fast) ease, transform var(--motion-fast) var(--ease-out-expo); transform-box:fill-box; transform-origin:center; }
.ae-about-room-object:hover,.ae-about-room-object:focus-visible,.ae-about-room-object.is-selected { color:var(--accent); }
.ae-about-room-object:hover > *:not(text),.ae-about-room-object:focus-visible > *:not(text),.ae-about-room-object.is-selected > *:not(text) { fill:rgba(182,144,85,.06); filter:drop-shadow(0 0 5px rgba(182,144,85,.12)); transform:translateY(-2px); }
.ae-about-room-object:focus-visible > *:not(text) { stroke-width:2.2; }
.ae-about-room-object .ae-about-object-index { opacity:0; fill:var(--accent); transition:opacity var(--motion-fast) ease; text-anchor:middle; }
.ae-about-room-object:hover .ae-about-object-index,.ae-about-room-object:focus-visible .ae-about-object-index,.ae-about-room-object.is-selected .ae-about-object-index { opacity:1; }
.ae-about-room[data-mode="reuse"] .ae-about-room-object:not([data-route="reuse"]),.ae-about-room[data-mode="resale"] .ae-about-room-object:not([data-route="resale"]),.ae-about-room[data-mode="recycle"] .ae-about-room-object:not([data-route="recycle"]) { opacity:.27; }
.ae-about-room[data-mode="reuse"] .ae-about-room-object[data-route="reuse"],.ae-about-room[data-mode="resale"] .ae-about-room-object[data-route="resale"],.ae-about-room[data-mode="recycle"] .ae-about-room-object[data-route="recycle"] { color:var(--accent); }
.ae-about-route { fill:none; stroke:rgba(182,144,85,.54); stroke-width:1.2; stroke-dasharray:5 6; opacity:0; vector-effect:non-scaling-stroke; transition:opacity var(--motion-ui) ease; }.ae-about-route-node{fill:var(--accent);opacity:0;transition:opacity var(--motion-ui) ease}
.ae-about-room[data-mode="reuse"] .ae-about-route-reuse,.ae-about-room[data-mode="resale"] .ae-about-route-resale,.ae-about-room[data-mode="recycle"] .ae-about-route-recycle,.ae-about-room[data-mode="reuse"] .ae-about-route-node-reuse,.ae-about-room[data-mode="resale"] .ae-about-route-node-resale,.ae-about-room[data-mode="recycle"] .ae-about-route-node-recycle { opacity:1; }
.ae-about-scanner { stroke:var(--accent); stroke-width:1; opacity:0; filter:drop-shadow(0 0 4px rgba(182,144,85,.32)); transform:translateX(0); vector-effect:non-scaling-stroke; }
.ae-about-room-stage.is-scanned .ae-about-scanner { animation:ae-about-scan 1900ms var(--ease-out-expo) 1 both; }
.ae-about-room-stage[data-mode="reuse"] .ae-about-scanner { --scan-offset:320px; }.ae-about-room-stage[data-mode="resale"] .ae-about-scanner { --scan-offset:520px; }.ae-about-room-stage[data-mode="recycle"] .ae-about-scanner { --scan-offset:760px; }
.ae-about-room-stage.is-mode-shift .ae-about-scanner { opacity:.6; transform:translateX(var(--scan-offset)); transition:transform 620ms var(--ease-out-expo), opacity 200ms ease; }
@keyframes ae-about-scan { 0%{opacity:0;transform:translateX(0)} 10%{opacity:.7} 88%{opacity:.7} 100%{opacity:0;transform:translateX(790px)} }
.ae-about-room-key { position:absolute; left:24px; bottom:20px; display:flex; gap:20px; color:rgba(255,255,255,.32); font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; }.ae-about-room-key span{display:flex;align-items:center;gap:7px}.ae-about-room-key i{width:12px;height:1px;background:var(--accent)}.ae-about-room-key span:last-child i{background:rgba(255,255,255,.25)}
.ae-about-inspector { position:absolute; inset:52px 0 0 auto; width:380px; padding:32px; border-left:1px solid rgba(255,255,255,.12); background:rgba(12,20,27,.94); backdrop-filter:blur(10px); transition:opacity var(--motion-ui) ease, transform var(--motion-ui) var(--ease-out-expo); }
.ae-about-inspector-close { position:absolute; top:18px; right:18px; width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.15); color:var(--white); background:transparent; font-size:24px; line-height:1; }.ae-about-inspector-close:hover{border-color:var(--accent);color:var(--accent)}
.ae-about-inspector-index { margin-bottom:56px; color:rgba(255,255,255,.36); font-size:.62rem; font-weight:800; letter-spacing:.16em; }
.ae-about-inspector h3 { margin:0 0 32px; max-width:280px; font:500 30px/1.05 var(--font-serif); letter-spacing:-.03em; }
.ae-about-inspector dl { margin:0; border-top:1px solid rgba(255,255,255,.12); }.ae-about-inspector dl div{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.ae-about-inspector dt{color:rgba(255,255,255,.36);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ae-about-inspector dd{margin:0;color:rgba(255,255,255,.82);font-size:.8rem;font-weight:700}.ae-about-inspector p{margin:28px 0 0;color:rgba(255,255,255,.55);font-size:.92rem;line-height:1.6}
.is-enhanced .ae-about-inspector:not(.is-open) { opacity:0; transform:translateX(16px); pointer-events:none; }

/* Standard story */
.ae-about-standard { position:relative; color:var(--white); background:#0b1218; }
.ae-about-standard-sticky { display:none; position:sticky; top:0; height:100svh; min-height:720px; overflow:hidden; }
.is-enhanced .ae-about-standard { min-height:440vh; }
.is-enhanced .ae-about-standard-sticky { display:block; }
.ae-about-standard-sticky::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 72% 48%, rgba(182,144,85,.07), transparent 28%); pointer-events:none; }
.ae-about-standard-copy { position:absolute; z-index:3; left:max(32px,calc((100vw - 1180px)/2)); top:50%; width:min(500px,38vw); transform:translateY(-50%); }
.ae-about-standard-copy h2 { margin:18px 0 24px; font:500 clamp(48px,5.2vw,84px)/.96 var(--font-serif); letter-spacing:-.04em; }
.ae-about-standard-copy > p:not(.ae-about-kicker) { max-width:500px; margin:0; color:rgba(255,255,255,.55); font-size:17px; }
.ae-about-standard-status { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:36px; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.32); font-size:.56rem; font-weight:800; letter-spacing:.12em; }.ae-about-standard-status b{color:rgba(255,255,255,.72);font-weight:800}
.ae-about-standard-room { position:absolute; left:43%; right:3%; top:10%; bottom:8%; display:grid; place-items:center; transition:transform var(--motion-ui) var(--ease-out-expo); }
.ae-about-story-svg { width:100%; max-height:100%; overflow:visible; }.ae-about-story-svg path,.ae-about-story-svg rect,.ae-about-story-svg circle{vector-effect:non-scaling-stroke}.story-grid path{fill:none;stroke:rgba(255,255,255,.035);stroke-width:1}.story-walls path{fill:none;stroke:rgba(255,255,255,.24);stroke-width:1.4}.story-furniture rect,.story-furniture circle,.story-furniture path{fill:none;stroke:rgba(255,255,255,.34);stroke-width:1.1}.story-value rect,.story-value path,.story-value circle{fill:rgba(182,144,85,.02);stroke:rgba(255,255,255,.36);stroke-width:1.2}.story-disposal path{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1.1}.story-measures{opacity:0;transition:opacity var(--motion-ui) ease}.story-measures path{fill:none;stroke:rgba(182,144,85,.5);stroke-width:1;stroke-dasharray:2 3}.story-measures text,.story-ready text{font:800 9px var(--font-sans);letter-spacing:2px;fill:rgba(255,255,255,.38)}.story-paths{opacity:0;transition:opacity var(--motion-ui) ease}.story-paths path{fill:none;stroke:var(--accent);stroke-width:1.2;stroke-dasharray:5 7}.story-ready{opacity:0;transition:opacity var(--motion-ui) ease}.story-ready circle{fill:var(--accent)}
.ae-about-standard-room[data-story-state="0"] .story-measures { opacity:1; }
.ae-about-standard-room[data-story-state="1"] .story-value > * { stroke:var(--accent); filter:drop-shadow(0 0 5px rgba(182,144,85,.14)); }.ae-about-standard-room[data-story-state="1"] .story-furniture{opacity:.48}
.ae-about-standard-room[data-story-state="2"] .story-value > * { stroke:var(--accent); transform:translateY(-8px); transform-box:fill-box; transition:transform 650ms var(--ease-out-expo); }.ae-about-standard-room[data-story-state="2"] .story-furniture,.ae-about-standard-room[data-story-state="2"] .story-disposal{opacity:.24}
.ae-about-standard-room[data-story-state="3"] .story-paths{opacity:1}.ae-about-standard-room[data-story-state="3"] .story-value > *{stroke:var(--accent)}
.ae-about-standard-room[data-story-state="4"] .story-furniture,.ae-about-standard-room[data-story-state="4"] .story-value,.ae-about-standard-room[data-story-state="4"] .story-disposal{opacity:.05;transform:translate(18px,12px);transition:opacity 500ms ease,transform 600ms var(--ease-out-expo)}.ae-about-standard-room[data-story-state="4"] .story-ready{opacity:1}
.ae-about-standard-meta { position:absolute; z-index:4; right:32px; top:50%; width:150px; transform:translateY(-50%); display:grid; gap:8px; color:rgba(255,255,255,.34); font-size:.52rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.ae-about-standard-meta strong{color:var(--white);font-size:.72rem}.ae-about-standard-meta i{display:block;width:100%;height:1px;margin-top:8px;background:rgba(255,255,255,.15)}.ae-about-standard-meta i b{display:block;width:0;height:1px;background:var(--accent)}
.ae-about-standard-fallback { display:grid; gap:0; width:min(var(--container),calc(100% - 64px)); margin-inline:auto; padding:128px 0; border-top:1px solid rgba(255,255,255,.12); }
.ae-about-standard-fallback article { display:grid; grid-template-columns:56px 1fr; gap:10px 20px; padding:28px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.ae-about-standard-fallback article span { grid-row:1 / span 2; color:var(--accent); font-size:.62rem; font-weight:800; letter-spacing:.12em; }
.ae-about-standard-fallback article h3 { margin:0; font:500 34px/1 var(--font-serif); }
.ae-about-standard-fallback article p { margin:0; color:rgba(255,255,255,.52); }
.is-enhanced .ae-about-standard-fallback { display:none; }

/* Office Exclusive */
.ae-about-office { padding:160px 0; background:#efeee9; color:var(--ink); }
.ae-about-office-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:96px; align-items:center; }
.ae-about-office-visual { position:relative; min-height:660px; display:grid; place-items:center; border:1px solid #d4d3ce; background:linear-gradient(135deg,#f6f5f1,#e4e1d9); overflow:hidden; }
.ae-about-office-visual::before { content:""; position:absolute; inset:9%; border:1px solid rgba(16,24,32,.1); }
.ae-about-office-object { width:min(70%,440px); transform:translateY(-36px); }.ae-about-office-usm rect,.ae-about-office-usm path{fill:#f1f0eb;stroke:#1b252d;stroke-width:5}.ae-about-office-usm circle{fill:#1b252d;stroke:#deded8;stroke-width:3}
.ae-about-office-route { position:absolute; inset:auto 40px 32px; display:grid; grid-template-columns:repeat(5,1fr); margin:0; padding:0; list-style:none; counter-reset:none; border-top:1px solid rgba(16,24,32,.18); }.ae-about-office-route li{position:relative;padding-top:18px;color:rgba(16,24,32,.45);font-size:.56rem;font-weight:800;letter-spacing:.1em;text-align:center}.ae-about-office-route li::before{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--accent)}.ae-about-office-route li:not(:last-child)::after{content:"↓";position:absolute;right:-3px;top:13px;color:rgba(16,24,32,.25)}
.ae-about-office-copy h2 { margin:20px 0 32px; font:500 clamp(48px,5vw,74px)/.98 var(--font-serif); letter-spacing:-.04em; }.ae-about-office-copy > p:not(.ae-about-kicker){max-width:610px;margin:0 0 18px;color:#5f6971;font-size:18px;line-height:1.6}.ae-about-office-signature{display:grid;gap:4px;margin:36px 0 26px;padding:20px 0;border-top:1px solid #cdd0ce;border-bottom:1px solid #cdd0ce;font-size:.64rem;font-weight:800;letter-spacing:.12em}.ae-about-office-signature strong{font-size:.78rem;color:var(--accent-dark)}

/* Principles */
.ae-about-principles { padding:160px 0; color:var(--white); background:#101820; }
.ae-about-principles-head { margin-bottom:64px; }.ae-about-principles-head h2{margin:18px 0 0;font:500 clamp(48px,5vw,72px)/.98 var(--font-serif);letter-spacing:-.04em}
.ae-about-principles-grid { display:grid; grid-template-columns:320px minmax(0,1fr); border-top:1px solid rgba(255,255,255,.12); min-height:520px; }
.ae-about-principles-tabs { display:grid; align-content:start; border-right:1px solid rgba(255,255,255,.12); }
.ae-about-principles-tabs button { min-height:82px; display:grid; grid-template-columns:42px 1fr; align-items:center; gap:12px; padding:0 24px 0 0; border:0; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.38); background:transparent; text-align:left; font-size:1rem; font-weight:700; transition:color var(--motion-fast) ease, padding var(--motion-fast) var(--ease-out-expo); }.ae-about-principles-tabs button span{color:var(--accent);font-size:.62rem;letter-spacing:.1em}.ae-about-principles-tabs button:hover,.ae-about-principles-tabs button[aria-selected="true"]{color:var(--white);padding-left:8px}
.ae-about-principles-content { position:relative; min-width:0; padding:32px 0 0 56px; }
.ae-about-system-ui { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 28px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.1); color:rgba(255,255,255,.3); font-size:.52rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.ae-about-system-ui i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin:0 4px}.ae-about-system-ui b{color:rgba(255,255,255,.7)}
.ae-about-principle-panels { position:relative; }.ae-about-principle-panel{position:relative;display:flex;flex-direction:column;justify-content:center;max-width:760px;min-height:300px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.08)}.is-enhanced .ae-about-principle-panels{min-height:380px}.is-enhanced .ae-about-principle-panel{position:absolute;inset:0;min-height:0;padding:0;border:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--motion-ui) ease,transform var(--motion-ui) var(--ease-out-expo),visibility 0s linear var(--motion-ui)}.is-enhanced .ae-about-principle-panel.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.ae-about-principle-panel > p:first-child{margin:0 0 24px;color:var(--accent);font-size:.62rem;font-weight:800;letter-spacing:.13em}.ae-about-principle-panel h3{margin:0 0 24px;font:500 clamp(46px,5vw,74px)/.98 var(--font-serif);letter-spacing:-.04em}.ae-about-principle-panel > p:last-child{max-width:610px;margin:0;color:rgba(255,255,255,.54);font-size:17px}

/* Manifesto */
.ae-about-manifesto { padding:192px 0; color:var(--white); background:#080d11; }
.ae-about-manifesto-inner { display:grid; gap:96px; }.ae-about-manifesto h2,.ae-about-manifesto-major,.ae-about-manifesto-final{max-width:1060px;margin:0;font:500 clamp(54px,6.3vw,94px)/.95 var(--font-serif);letter-spacing:-.045em}.ae-about-manifesto-major{color:var(--accent)}.ae-about-manifesto-list{display:grid;gap:8px;color:rgba(255,255,255,.5);font:500 clamp(30px,3.5vw,52px)/1.05 var(--font-serif)}.ae-about-manifesto-final{justify-self:end;text-align:right}

/* Last ten */
.ae-about-last-ten { color:var(--ink); background:var(--accent); }
.ae-about-last-ten-sticky { position:relative; min-height:720px; overflow:hidden; }
.is-enhanced .ae-about-last-ten { min-height:300vh; }
.is-enhanced .ae-about-last-ten-sticky { position:sticky; top:0; height:100svh; }
.ae-about-last-ten-grid { height:100%; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr); align-items:center; gap:64px; }
.ae-about-last-ten .ae-about-kicker { color:rgba(16,24,32,.52); }.ae-about-last-ten-copy h2{max-width:760px;margin:20px 0 28px;font:500 clamp(52px,5.7vw,88px)/.96 var(--font-serif);letter-spacing:-.045em}.ae-about-last-ten-copy > p:last-child{margin:0;color:rgba(16,24,32,.62);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ae-about-last-ten-counter { justify-self:end; width:min(100%,470px); display:grid; }.ae-about-last-ten-counter strong{font:500 clamp(160px,20vw,310px)/.72 var(--font-serif);letter-spacing:-.08em;text-align:right}.ae-about-last-ten-counter span{justify-self:end;margin-top:32px;font-size:.66rem;font-weight:900;letter-spacing:.16em}.ae-about-last-ten-counter i{display:block;height:2px;margin-top:16px;background:rgba(16,24,32,.2)}.ae-about-last-ten-counter i b{display:block;width:0;height:2px;background:var(--ink)}
.ae-about-last-ten-final { position:absolute; left:max(32px,calc((100vw - 1180px)/2)); bottom:64px; margin:0; font:500 clamp(40px,4vw,62px)/.98 var(--font-serif); letter-spacing:-.04em; }.is-enhanced .ae-about-last-ten-final{opacity:0;transform:translateY(18px);transition:opacity 420ms ease,transform 520ms var(--ease-out-expo)}.is-enhanced .ae-about-last-ten.is-complete .ae-about-last-ten-final{opacity:1;transform:none}

/* Final */
.ae-about-final { padding:192px 0; background:var(--paper); color:var(--ink); }
.ae-about-final-inner { max-width:1100px; }.ae-about-final h2,.ae-about-final-answer{margin:24px 0 0;font:500 clamp(52px,6vw,90px)/.96 var(--font-serif);letter-spacing:-.045em}.ae-about-final-answer{margin-top:64px;color:var(--accent-dark);font-style:italic}.ae-about-final-subline{margin:28px 0 0;color:var(--muted);font-size:20px}.ae-about-final-actions{display:flex;align-items:center;gap:28px;margin-top:48px}

/* Responsive */
@media (max-width: 1240px) {
  .ae-about-page .main-nav .is-current::after { display:none; }
  .ae-about-shell { width:min(var(--container),calc(100% - 48px)); }
  .ae-about-room-stage-wrap { width:calc(100% - 48px); }
  .ae-about-room-stage { min-height:680px; }.ae-about-room-canvas{inset:52px 340px 0 0}.ae-about-inspector{width:340px;padding:28px}
  .ae-about-standard-room { left:44%; right:1%; }.ae-about-standard-meta{right:20px}
}

@media (max-width: 1024px) {
  .ae-about-room-heading,.ae-about-office-grid { grid-template-columns:1fr; gap:40px; }
  .ae-about-room-heading > p { max-width:720px; }
  .ae-about-room-stage { min-height:760px; }.is-enhanced .ae-about-room-stage::after{display:none}.ae-about-room-canvas{inset:52px 0 270px;padding:28px 32px}.ae-about-inspector{inset:auto 0 0;width:100%;height:270px;border-left:0;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:170px 1fr 1.2fr;gap:24px;align-items:start;padding:28px}.ae-about-inspector-index{margin:0}.ae-about-inspector h3{margin:0}.ae-about-inspector dl{margin-top:0}.ae-about-inspector p{margin:0;padding-right:44px}.ae-about-inspector-close{top:18px;right:18px}
  .ae-about-office-visual { min-height:560px; }
  .ae-about-principles-grid{grid-template-columns:260px minmax(0,1fr)}.ae-about-principles-content{padding-left:40px}
}

@media (max-width: 899px) {
  .ae-about-shell { width:calc(100% - 40px); }
  .ae-about-hero { min-height:100svh; }.ae-about-hero-inner{padding-top:calc(var(--header-height) + 32px);padding-bottom:20px}.ae-about-hero-copy{padding:40px 0}.ae-about-hero-copy h1{font-size:clamp(52px,14vw,74px)}.ae-about-hero-copy p{max-width:520px;font-size:17px}.ae-about-hero-ghost-room{inset:36% -10% 6% 28%}
  .ae-about-value-intro,.ae-about-room-section,.ae-about-office,.ae-about-principles { padding-top:112px; padding-bottom:112px; }
  .ae-about-value-intro h2 { font-size:clamp(48px,11vw,70px); }
  .ae-about-room-stage-wrap { width:100%; }.ae-about-room-heading{width:calc(100% - 40px)}.ae-about-room-modebar{width:calc(100% - 40px);margin-inline:auto;scroll-snap-type:x mandatory}.ae-about-mode{min-width:174px;scroll-snap-align:center}.ae-about-room-stage{min-height:690px;border-left:0;border-right:0}.ae-about-room-toolbar{padding:0 20px;grid-template-columns:1fr auto}.ae-about-room-toolbar span:last-child{display:none}.ae-about-room-canvas{inset:52px 0 0;padding:30px 18px 210px;overflow-x:auto;overflow-y:hidden;justify-items:start;scrollbar-width:none}.ae-about-room-canvas::-webkit-scrollbar{display:none}.ae-about-room-svg{align-self:start;margin-top:20px}.ae-about-room-key{display:none}
  .ae-about-inspector { position:fixed; z-index:250; inset:auto 0 0; width:100%; height:auto; max-height:58svh; display:block; overflow:auto; padding:24px 20px calc(24px + env(safe-area-inset-bottom)); border:1px solid rgba(255,255,255,.16); border-bottom:0; background:#0d151b; box-shadow:0 -30px 80px rgba(0,0,0,.35); transform:translateY(0); }.is-enhanced .ae-about-inspector:not(.is-open){opacity:0;transform:translateY(100%)}.ae-about-inspector-index{margin:0 0 28px}.ae-about-inspector h3{margin:0 56px 22px 0}.ae-about-inspector p{padding:0;margin-top:24px}
  .is-enhanced .ae-about-standard { min-height:auto; padding:112px 20px; }.is-enhanced .ae-about-standard-sticky{display:none}.is-enhanced .ae-about-standard-fallback{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.12)}.ae-about-standard-fallback article{display:grid;grid-template-columns:48px 1fr;gap:10px 16px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.1)}.ae-about-standard-fallback span{grid-row:1 / span 2;color:var(--accent);font-size:.62rem;font-weight:800;letter-spacing:.12em}.ae-about-standard-fallback h3{margin:0;font:500 32px/1 var(--font-serif)}.ae-about-standard-fallback p{margin:0;color:rgba(255,255,255,.52)}
  .ae-about-office-grid { gap:64px; }.ae-about-office-visual{min-height:500px}.ae-about-office-route{inset:auto 20px 24px}.ae-about-office-route li{font-size:.48rem}
  .ae-about-principles-grid { grid-template-columns:1fr; min-height:auto; }.ae-about-principles-tabs{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);scroll-snap-type:x mandatory;scrollbar-width:none}.ae-about-principles-tabs::-webkit-scrollbar{display:none}.ae-about-principles-tabs button{min-width:190px;scroll-snap-align:center;border-right:1px solid rgba(255,255,255,.08)}.ae-about-principles-content{padding:24px 0 0}.ae-about-system-ui{display:grid;grid-template-columns:1fr 1fr}.is-enhanced .ae-about-principle-panels{min-height:430px}
  .ae-about-manifesto{padding:128px 0}.ae-about-manifesto-inner{gap:72px}.ae-about-manifesto h2,.ae-about-manifesto-major,.ae-about-manifesto-final{font-size:clamp(48px,11vw,70px)}
  .is-enhanced .ae-about-last-ten{min-height:240vh}.ae-about-last-ten-sticky{min-height:620px}.ae-about-last-ten-grid{grid-template-columns:1fr;align-content:center;gap:48px}.ae-about-last-ten-counter{justify-self:start;width:100%}.ae-about-last-ten-counter strong{text-align:left;font-size:clamp(150px,46vw,240px)}.ae-about-last-ten-counter span{justify-self:start}.ae-about-last-ten-final{left:20px;bottom:28px}
  .ae-about-final{padding:128px 0}
}

@media (max-width: 560px) {
  .ae-about-hero-meta { padding-top:4px; }.ae-about-scene-meta span:first-child{display:none}.ae-about-scene-meta{justify-content:flex-end}.ae-about-hero-copy h1{font-size:clamp(50px,15vw,62px);line-height:.92}.ae-about-hero-copy p{margin-top:24px}.ae-about-scroll-cue{font-size:.56rem}
  .ae-about-value-intro h2{margin:24px 0 48px}.ae-about-system-line{display:grid;gap:8px}
  .ae-about-room-heading h2{font-size:clamp(42px,12vw,58px)}.ae-about-room-heading>p{font-size:16px}.ae-about-room-modebar{width:calc(100% - 20px);margin-left:20px}.ae-about-mode{min-width:160px;margin-right:20px;padding-right:16px}.ae-about-room-stage{min-height:610px}.ae-about-room-canvas{padding:26px 20px 180px}.ae-about-room-svg{min-width:640px;transform:none}
  .ae-about-inspector dl div{grid-template-columns:88px 1fr}.ae-about-inspector h3{font-size:28px}
  .ae-about-office-visual{min-height:420px}.ae-about-office-object{width:82%;transform:translateY(-28px)}.ae-about-office-route{grid-template-columns:1fr;left:20px;right:auto;top:24px;bottom:24px;border-top:0;border-left:1px solid rgba(16,24,32,.18)}.ae-about-office-route li{padding:0 0 0 16px;text-align:left;min-height:68px;display:flex;align-items:flex-start}.ae-about-office-route li::before{top:3px;left:-4px}.ae-about-office-route li:not(:last-child)::after{content:"↓";right:auto;left:12px;top:28px}.ae-about-office-copy h2{font-size:clamp(44px,12vw,58px)}.ae-about-office-copy>p:not(.ae-about-kicker){font-size:16px}
  .ae-about-principles-head h2{font-size:clamp(42px,11vw,56px)}.ae-about-principles-tabs button{min-width:165px}.ae-about-system-ui{grid-template-columns:1fr}.is-enhanced .ae-about-principle-panels{min-height:470px}.ae-about-principle-panel h3{font-size:clamp(42px,11vw,58px)}
  .ae-about-manifesto-inner{gap:64px}.ae-about-manifesto h2,.ae-about-manifesto-major,.ae-about-manifesto-final{font-size:clamp(44px,12vw,58px)}.ae-about-manifesto-final{justify-self:start;text-align:left}
  .ae-about-last-ten-copy h2{font-size:clamp(42px,11vw,58px)}.ae-about-last-ten-counter strong{font-size:clamp(140px,48vw,190px)}
  .ae-about-final h2,.ae-about-final-answer{font-size:clamp(44px,12vw,62px)}.ae-about-final-answer{margin-top:48px}.ae-about-final-actions{align-items:flex-start;flex-direction:column}
}

@media (prefers-reduced-motion: reduce) {
  .ae-about-hero-copy,.ae-about-hero-line > span,.ae-about-hero-copy p,.ae-about-scroll-cue,.ae-about-reveal,.ae-about-principle-panel,.ae-about-room-object > *,.ae-about-inspector,.ae-about-last-ten-final { opacity:1 !important; transform:none !important; transition:none !important; animation:none !important; }
  .ae-about-scanner { display:none; }
  .is-enhanced .ae-about-standard { min-height:auto; padding:112px 20px; }.is-enhanced .ae-about-standard-sticky{display:none}.is-enhanced .ae-about-standard-fallback{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.12)}.ae-about-standard-fallback article{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  .is-enhanced .ae-about-last-ten { min-height:auto; padding:112px 0; }.is-enhanced .ae-about-last-ten-sticky{position:relative;height:auto;min-height:0}.ae-about-last-ten-grid{min-height:0}.ae-about-last-ten-final{position:static;margin:64px auto 0;width:min(var(--container),calc(100% - 40px))}
}