:root{--navy:#0A1628;--ink:#1E2A3A;--muted:#4A5568;--quiet:#718096;--blue:#0033A0;--bright:#0052CC;--deep:#002066;--line:rgba(0,51,160,.14);--wash:#F5F7FA;--secondary:#EEF1F6;--paper:#FFFFFF;--shadow:0 12px 36px rgba(0,33,102,.08);--max:1220px;--header:124px;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button{touch-action:manipulation}img{max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--navy);line-height:1.3;letter-spacing:-.025em}h1{font-size:clamp(28px,3.2vw,36px);font-weight:760}h2{font-size:clamp(23px,2.5vw,31px);font-weight:750}h3{font-size:21px;font-weight:720}p{line-height:1.86}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--bright);outline-offset:3px}a:not(.btn):hover{color:var(--blue)}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto;min-width:0}.site-main{padding-top:calc(var(--header) + 34px);padding-bottom:80px;overflow:clip}.skip-link{position:fixed;top:-75px;left:18px;background:var(--blue);color:#fff;z-index:150;padding:12px 18px}.skip-link:focus{top:8px}.eyebrow,.micro-index,.mini-label{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);line-height:1.5}.eyebrow-dot{display:inline-block;width:7px;height:7px;background:var(--bright);margin-right:9px;border-radius:2px}.inline-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:760;font-size:14px;white-space:nowrap;border-bottom:1px solid currentColor;padding-block:6px;align-self:flex-start}.inline-arrow:hover{color:var(--deep)}.button-row{display:flex;flex-wrap:wrap;gap:11px;margin-top:23px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;min-height:46px;padding:11px 17px;border-radius:9px;font-size:14px;font-weight:750;line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0052CC 0%,#0033A0 50%,#002066 100%);box-shadow:0 8px 22px rgba(0,51,160,.16)}.btn-primary:hover{color:#fff;box-shadow:0 13px 24px rgba(0,51,160,.22)}.btn-outline{background:#fff;border:1px solid #a8bce4;color:var(--deep)}.btn-outline:hover{background:#f0f5ff;color:var(--deep)}
/* Header: two fixed horizontal bars plus desktop-only narrow tabs. */
.site-header{position:fixed;inset:0 0 auto;z-index:40;background:#fff;box-shadow:0 6px 20px rgba(18,35,78,.055)}.imprint{height:20px;background:var(--deep);color:#fff}.imprint-inner{max-width:var(--max);width:min(var(--max),calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;font:700 10px/1.1 Arial,sans-serif;letter-spacing:.14em;white-space:nowrap}.imprint-inner b{font-weight:400;opacity:.55;margin:0 4px}.imprint-note{margin-left:auto;margin-right:62px;color:#d8e4f9;font-weight:400}.search-trigger{width:44px;height:28px;position:absolute;top:-4px;right:0;color:#fff;border:0;background:transparent;display:grid;place-items:center;z-index:2}.search-trigger:hover{background:rgba(255,255,255,.14)}.search-mark{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;position:relative;display:block}.search-mark:after{content:"";position:absolute;right:-5px;bottom:-3px;width:7px;height:2px;background:currentColor;transform:rotate(47deg);border-radius:2px}.cabinet-head{height:62px;border-bottom:1px solid var(--line)}.cabinet-inner{height:100%;width:min(var(--max),calc(100% - 40px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.brand-link{min-width:0;max-width:240px;display:inline-flex;align-items:center;justify-self:start}.brand-logo{display:block;width:auto;height:auto;max-width:min(188px,100%);max-height:36px;object-fit:contain}.wordmark{display:flex;align-items:baseline;gap:11px;line-height:1;white-space:nowrap}.wordmark strong{color:var(--deep);font:900 31px/1 Arial,sans-serif;letter-spacing:-.07em}.wordmark strong span{color:var(--bright)}.wordmark small{color:#788db9;font:700 10px/1 Arial,sans-serif;letter-spacing:.20em}.drawer-trigger{justify-self:center;display:inline-flex;align-items:center;gap:10px;color:var(--deep);border:1px solid #bed0f1;background:#f7f9fe;padding:9px 15px;border-radius:9px;font-size:14px;font-weight:750;min-height:44px;white-space:nowrap}.drawer-trigger:hover{background:#edf3ff}.drawer-bars{display:grid;gap:4px}.drawer-bars i{display:block;width:17px;height:2px;background:var(--blue);border-radius:2px}.head-app{justify-self:end;min-height:44px;display:inline-flex;align-items:center;gap:8px;background:var(--blue);border:1px solid var(--blue);color:#fff;padding:8px 15px;font-size:13px;font-weight:750;border-radius:8px;white-space:nowrap}.head-app:hover{background:var(--deep);color:#fff}.tab-rail{height:42px;border-bottom:1px solid var(--line);background:var(--secondary)}.tab-inner{max-width:var(--max);width:min(var(--max),calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:7px;min-width:0}.tab-tag{font-size:11px;letter-spacing:.1em;color:#72819c;white-space:nowrap;margin-right:12px}.tab-inner>a{padding:6px 12px;color:#4d5a70;font-size:13px;line-height:1.3;white-space:nowrap;border-radius:6px;font-weight:650}.tab-inner>a:hover,.tab-inner>a.active{background:var(--blue);color:#fff}.tab-end{font-size:11px;color:#8291a8;margin-left:auto;white-space:nowrap}
/* Content imagery: file exists => real image, otherwise text-led editorial treatment. */
.media-slot{position:relative;overflow:hidden;width:100%;min-width:0;border-radius:13px;background:#eef3fd;border:1px solid #dce7fa}.media-slot>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.media-standard{height:235px}.media-banner{height:300px;max-height:300px}.media-wide{height:240px}.media-panel{height:270px}.media-compact{height:195px}.media-portrait{height:415px;max-height:420px}.media-square{aspect-ratio:1/1}.media-mini{width:58px;height:58px;border-radius:10px;flex:0 0 58px}.media-empty{position:relative;width:100%;height:100%;min-height:inherit;background:linear-gradient(130deg,#e6f0ff 0%,#f4f8ff 46%,#dae8ff 100%);isolation:isolate;overflow:hidden}.media-empty::before{content:"";position:absolute;width:35%;height:150%;right:10%;top:-25%;transform:rotate(25deg);border-left:1px solid rgba(0,51,160,.10);border-right:1px solid rgba(0,51,160,.10);background:rgba(255,255,255,.22);pointer-events:none}.media-empty::after{content:"";position:absolute;width:120px;height:120px;border:1px solid #bfd3f5;border-radius:50%;right:5%;top:20%;pointer-events:none}.media-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,51,160,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(0,51,160,.042) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.media-empty-copy{position:absolute;left:clamp(16px,4vw,50px);right:40px;top:50%;transform:translateY(-50%);max-width:520px;display:flex;flex-direction:column;gap:10px;z-index:1}.media-stamp{font:800 11px/1.4 Arial,sans-serif;letter-spacing:.18em;color:#3f6dc8}.media-empty-copy strong{font-size:clamp(23px,3.6vw,44px);line-height:1.24;letter-spacing:-.04em;color:var(--deep)}.media-empty-copy em{font-style:normal;font-size:13px;letter-spacing:.14em;color:#5577b8}.media-corner{position:absolute;right:25px;bottom:15px;font:900 46px/1 Arial,sans-serif;letter-spacing:-.07em;color:rgba(0,51,160,.10);z-index:1}.media-compact .media-empty-copy{left:21px;right:18px;gap:7px}.media-compact .media-empty-copy strong{font-size:25px}.media-compact .media-stamp{font-size:9px}.media-compact .media-empty-copy em{font-size:10px}.media-mini .media-empty-copy{left:7px;right:6px;gap:0}.media-mini .media-stamp,.media-mini .media-empty-copy em,.media-mini .media-corner,.media-mini .media-empty::after{display:none}.media-mini .media-empty-copy strong{font-size:20px;letter-spacing:-.1em}
/* Front page */
.home-cover{padding-top:3px}.home-cover-visual .media-slot{border-radius:13px}.home-intro{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:32px;align-items:center;padding:29px 0 13px;border-bottom:1px solid var(--line)}.home-intro .eyebrow{display:block;margin-bottom:13px}.home-intro h1{margin-bottom:0;letter-spacing:-.045em}.home-intro-side p{font-size:15px;margin-bottom:0;color:#536274;line-height:1.95}.home-section{margin-top:76px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px}.section-top .eyebrow{display:block;margin-bottom:8px}.section-top h2{margin:0}.section-top>p{font-size:14px;color:#65748a;max-width:365px;margin:0;line-height:1.8}.home-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-tile{min-width:0;min-height:175px;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:20px 22px;background:var(--wash);border:1px solid #e0e7f1;border-radius:11px;transition:transform .18s,background .18s}.theme-tile:nth-child(3n+2){background:#edf3ff}.theme-tile:hover{background:#e7efff;transform:translateY(-3px);color:var(--ink)}.theme-index{color:var(--bright);font-size:10px;font-weight:800;letter-spacing:.15em}.theme-tile h3{font-size:19px;margin:13px 0 5px}.theme-tile p{font-size:13px;color:#536275;line-height:1.8;margin:0;max-width:310px;padding-right:15px}.link-arrow{position:absolute;bottom:12px;right:17px;font-size:20px;color:var(--blue)}
.desk-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;background:#f7f9ff;border:1px solid #dce6f8;padding:15px;border-radius:13px}.desk-feature-visual .media-slot{height:310px}.desk-feature-copy{align-self:center;padding:20px 18px 20px 0}.desk-feature-copy h3{font-size:25px;line-height:1.45;margin:14px 0}.desk-feature-copy p{font-size:14px;color:#4d5b6e;line-height:1.95}.desk-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}.desk-steps>a{min-width:0;padding:15px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;border:1px solid #dfe6f2;border-radius:10px;background:#fff}.desk-steps span{grid-row:1/3;font-size:26px;font-weight:850;color:#bad0f5;line-height:1}.desk-steps strong{font-size:15px;color:var(--deep)}.desk-steps small{font-size:12px;color:#718198}.desk-steps a:hover{border-color:#91b1ef;background:#f7faff}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-card{min-width:0;background:#fff;border:1px solid #dde5f2;border-radius:13px;overflow:hidden;box-shadow:0 6px 16px rgba(30,55,100,.035)}.category-card .media-slot{border:0;border-radius:0}.category-text{padding:19px 17px 20px}.category-text h3{margin:9px 0 8px;font-size:20px}.category-text p{font-size:13px;color:#596779;line-height:1.9;min-height:145px}.category-text .inline-arrow{font-size:13px}.theme-feature{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px}.theme-feature>.media-slot{height:100%}.theme-feature .media-slot{height:100%;min-height:338px}.theme-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.theme-labels>a{min-width:0;padding:15px 16px;background:#f4f7fc;border:1px solid #e2e8f4;border-radius:9px;display:flex;flex-direction:column;justify-content:center;gap:7px}.theme-labels>a:nth-child(even){background:#eaf1fc}.theme-labels>a:hover{background:#e1ebff}.theme-labels strong{font-size:16px;color:var(--deep)}.theme-labels small{font-size:12px;color:#66788f;line-height:1.6}
.rack-feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;border:1px solid #dfe8f6;border-radius:14px;padding:24px;background:#fbfcff}.rack-copy h3{font-size:24px;margin:12px 0}.rack-copy p{font-size:14px;color:#5c6a7b}.rack-chips{display:flex;gap:7px;flex-wrap:wrap}.rack-chips a{font-size:13px;color:var(--blue);padding:7px 10px;border:1px solid #b8c8e6;border-radius:7px}.rack-chips a:hover{background:#eaf1ff}.split-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:27px}.split-section .media-slot{height:100%;min-height:360px}.ranking-list{list-style:none;margin:0;padding:0;counter-reset:none}.ranking-list li{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e1e8f3;padding:13px 0}.ranking-list li:first-child{padding-top:2px}.ranking-list li>span{font-size:32px;font-weight:850;line-height:1;color:var(--bright);width:48px;flex-shrink:0}.ranking-list strong{font-size:15px;color:var(--navy)}.ranking-list small{display:block;color:#77869c;font-size:12px;margin-top:4px}.under-note{font-size:12px;color:#7a8696;margin:14px 0 0}
.timeline-feature{display:grid;grid-template-columns:1fr 1fr;gap:28px}.timeline-feature .media-slot{height:100%;min-height:360px}.mini-timeline{position:relative;padding:6px 0 0 31px}.mini-timeline:before{content:"";position:absolute;left:7px;top:18px;bottom:40px;width:2px;background:#c7d8f7}.mini-timeline>div{position:relative;margin:0 0 24px;padding:13px 20px;background:#f7f9ff;border:1px solid #e2eafa;border-radius:10px}.mini-timeline b{color:var(--deep);font-size:17px}.mini-timeline p{font-size:14px;color:#627188;margin:4px 0 0}.timeline-dot{position:absolute;left:-31px;top:20px;width:16px;height:16px;background:var(--bright);border:3px solid white;box-shadow:0 0 0 1px var(--blue);border-radius:100%}.workshop-feature{display:grid;grid-template-columns:1fr 1fr;gap:19px}.workshop-feature .media-slot{height:100%;min-height:410px}.workshop-notes{display:grid;grid-template-columns:1fr 1fr;gap:11px}.workshop-notes article{background:#f7f9fc;border-top:3px solid var(--blue);border-radius:0 0 9px 9px;padding:18px}.workshop-notes article>span{font-size:10px;letter-spacing:.12em;color:var(--bright);font-weight:850}.workshop-notes h3{font-size:17px;margin:10px 0}.workshop-notes p{font-size:13px;color:#58687a;line-height:1.85;margin:0}.view-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:27px}.view-feature .media-slot{height:100%;min-height:370px}.view-quotes{display:grid;gap:12px}.view-quotes article{border-left:3px solid var(--bright);background:#f6f9fe;padding:20px 23px}.view-quotes h3{font-size:19px;margin:11px 0}.view-quotes p{font-size:14px;color:#536377;line-height:1.9;margin:0}.walk-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.walk-copy h3{font-size:25px}.walk-copy p{font-size:15px;color:#5c697d}.walk-links{display:flex;gap:15px;flex-wrap:wrap}.walk-links a{font-weight:750;font-size:14px;color:var(--blue);border-bottom:1px solid var(--blue)}.app-feature{display:grid;grid-template-columns:minmax(240px,.72fr) 1.28fr;gap:35px;background:#eff4fe;border:1px solid #dbe6fa;border-radius:15px;padding:28px}.app-image .media-slot{height:420px}.app-copy{align-self:center}.app-copy h3{font-size:26px;margin:13px 0}.app-copy>p{font-size:14px;color:#506078;line-height:1.95}.app-icon-row{display:flex;align-items:center;gap:12px;margin:16px 0}.app-icon-row>span{font-size:19px;color:var(--deep);font-weight:800;line-height:1.25}.app-icon-row small{color:#657c9f;font-size:12px;font-weight:500}.memo-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.memo-text h3{font-size:24px}.memo-text p{font-size:15px;color:#5b6879}.responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.responsibility-grid article{padding:25px 27px;background:#f5f8fd;border:1px solid #e3eafa;border-radius:12px}.responsibility-grid h3{margin:11px 0}.responsibility-grid p{font-size:14px;color:#536578;line-height:1.93}.home-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-qa details,.faq-list details{min-width:0;border:1px solid #dfe7f3;border-radius:10px;background:#fff;align-self:start}.home-qa summary,.faq-list summary{list-style:none;cursor:pointer;color:var(--navy);font-weight:730;font-size:15px;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:15px 19px;gap:10px}.home-qa summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}.home-qa summary:after{content:"+";color:var(--blue);font-weight:900;font-size:21px}.home-qa details[open] summary:after{content:"−"}.home-qa details p,.faq-list details p{border-top:1px solid #e3eaf5;margin:0;padding:14px 19px 18px;color:#566779;font-size:14px}.brand-statement{display:grid;grid-template-columns:230px 1fr;gap:30px;padding:30px;background:#f3f7fd;border-radius:13px;border:1px solid #e1e9f6}.brand-stamp{font:900 44px/1.12 Arial,sans-serif;letter-spacing:-.07em;color:#bdd0f1;border-right:1px solid #cad9f1;align-self:stretch;padding-top:15px}.brand-statement h3{font-size:26px;margin-bottom:12px}.brand-statement p{font-size:15px;color:#536277}.brand-statement .btn{margin-top:10px}
/* Inside articles: typography and layout respond to editorial intent. */
.inner-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:32px;align-items:center;padding:35px 0 33px;border-bottom:1px solid #e2e9f5}.inner-overline{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.crumb{font-size:12px;color:#76859c}.crumb a{color:var(--blue)}.inner-hero h1{margin-bottom:14px}.inner-hero .hero-lead{font-size:18px;line-height:1.8;color:#26364d;font-weight:530;margin-bottom:14px}.inner-hero .hero-detail{font-size:14px;color:#617189;line-height:1.9;max-width:600px}.inner-hero-visual .media-slot{height:290px}.inner-hero-policy .inner-hero-visual .media-slot,.inner-hero-manifesto .inner-hero-visual .media-slot{height:240px}.inner-hero-shelves .inner-hero-visual{transform:rotate(-1deg)}.inner-hero-numbered .inner-hero-visual{border-left:4px solid var(--blue);padding-left:11px}.inner-hero-essay .inner-hero-text{background:#f6f9fe;border-left:4px solid var(--bright);padding:22px}.inner-hero-rank .inner-hero-visual{border-bottom:4px solid var(--blue)}.inner-hero-product .inner-hero-visual .media-slot{height:300px}.editor-section{margin-top:59px}.section-head{max-width:950px;margin-bottom:22px}.section-head h2{margin:10px 0}.section-head>p{font-size:15px;color:#586a81;margin:0}.entries-list{min-width:0}.entry{min-width:0}.entry-body{min-width:0}.entry h3{font-size:18px;margin:0 0 8px}.entry p{font-size:14px;color:#4c5d73;line-height:1.92;margin:0}.entry-num{font:850 25px/1 Arial,sans-serif;color:#8db1ef}.numbered-list .entry,.rank-list .entry,.timeline-list .entry,.process-list .entry{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:18px 0;border-top:1px solid #dfe8f5}.numbered-list .entry:first-child,.rank-list .entry:first-child,.process-list .entry:first-child{border-top:2px solid var(--blue)}.rank-list .entry-num{font-size:43px;letter-spacing:-.07em;color:var(--bright)}.rank-list .entry{grid-template-columns:75px minmax(0,1fr);padding:18px 0}.timeline-list{border-left:2px solid #a9c2ed;margin-left:12px;padding-left:25px}.timeline-list .entry{position:relative;grid-template-columns:38px minmax(0,1fr) auto;border-top:0;border-bottom:1px solid #e1e9f5}.timeline-list .entry:before{content:"";position:absolute;width:12px;height:12px;background:var(--bright);left:-32px;top:21px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--bright)}.entry-status{font-size:11px;color:var(--deep);background:#e6efff;border:1px solid #c5d8f6;padding:4px 9px;border-radius:6px;align-self:start;white-space:nowrap}.catalog-list,.portrait-list,.tile-list,.shelf-list,.horizon-list,.workshop-list,.product-list,.guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-list .entry,.portrait-list .entry,.tile-list .entry,.shelf-list .entry,.horizon-list .entry,.workshop-list .entry,.product-list .entry,.guide-list .entry{display:grid;grid-template-columns:37px minmax(0,1fr);gap:10px;padding:21px;background:#f7f9fc;border:1px solid #e1e8f2;border-radius:11px}.tile-list .entry:nth-child(4n+2),.tile-list .entry:nth-child(4n+3){background:#edf3ff}.shelf-list .entry{border-left:4px solid var(--blue);border-radius:3px 10px 10px 3px}.portrait-list .entry{border-bottom:3px solid var(--bright)}.horizon-list .entry:nth-child(odd){background:#edf4ff}.workshop-list .entry{border-top:3px solid var(--blue)}.product-list .entry{border-radius:16px;background:#edf5ff}.essay-list,.manifesto-list,.clause-list{display:grid;gap:15px}.essay-list .entry,.manifesto-list .entry,.clause-list .entry{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:20px 22px;background:#f7f9fd;border:1px solid #e2e9f4;border-radius:10px}.essay-list .entry{background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0}.clause-list .entry{border-left:3px solid var(--blue)}.manifesto-list .entry{background:#f0f5ff}.page-next{margin-top:66px;padding:30px 35px;border-radius:13px;border:1px solid #c9daf7;background:linear-gradient(115deg,#ebf2ff 0%,#f7faff 75%);display:flex;justify-content:space-between;align-items:center;gap:30px}.page-next h2{margin:9px 0 8px;font-size:24px}.page-next p{font-size:14px;color:#5e6f89;max-width:610px;margin:0}.next-links{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
.faq-hero-art{min-height:200px;border:1px solid #d2e0f8;background:#edf4ff;padding:27px;display:flex;flex-direction:column;justify-content:center;border-radius:12px;gap:10px}.faq-hero-art>span{font:900 63px/1 Arial,sans-serif;color:var(--bright);letter-spacing:-.09em}.faq-hero-art strong{color:var(--deep);font-size:14px;letter-spacing:.12em}.faq-hero-art p{color:#59749a;font-size:13px;margin:0}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.faq-list summary{font-size:15px}.faq-list summary>span{color:var(--blue);font-size:24px;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}
/* Footer / overlays */
.site-footer{background:var(--navy);color:#A0AEC0;margin-top:0;border-top:4px solid var(--blue)}.footer-wrap{padding:47px 0 24px}.footer-top{display:grid;grid-template-columns:200px 1fr;gap:20px;border-bottom:1px solid rgba(204,222,255,.13);padding-bottom:26px}.footer-top .wordmark strong{color:#fff}.footer-top .wordmark strong span{color:#82b0ff}.footer-top .wordmark small{color:#8facdf}.footer-top>div>strong{display:block;color:#fff;font-size:18px;margin-bottom:5px}.footer-top>div>strong span{font-size:12px;color:#96add0}.footer-top p{font-size:13px;color:#a5b7d2;max-width:740px;margin:0}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:28px}.footer-column h3{font-size:14px;color:#edf3ff;margin-bottom:15px}.footer-links{display:grid;gap:8px}.footer-links a{font-size:13px;color:#a1b1c8}.footer-links a:hover{color:#fff}.footer-end{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:36px;padding-top:20px;border-top:1px solid rgba(204,222,255,.13);font-size:12px;color:#8699b4}.bottom-nav{display:none}.page-mask{position:fixed;inset:0;background:rgba(5,17,39,.53);backdrop-filter:blur(2px);z-index:80;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s,visibility .18s}.page-mask.is-open{visibility:visible;opacity:1;pointer-events:auto}.overlay-active{overflow:hidden}.drawer-panel,.search-panel{position:fixed;z-index:100;visibility:hidden;opacity:0;pointer-events:none;transition:transform .22s ease,opacity .2s,visibility .2s;box-shadow:0 18px 44px rgba(0,33,102,.22)}.drawer-panel{top:0;bottom:0;left:0;width:min(350px,84vw);max-height:100dvh;background:#fff;transform:translateX(-105%);display:flex;flex-direction:column;border-right:1px solid #c3d6f9}.drawer-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #e1e9f6;padding:19px 19px;min-height:77px;flex-shrink:0}.drawer-top .brand-logo{max-height:30px;max-width:150px}.drawer-top .wordmark strong{font-size:27px}.close-trigger{display:grid;place-items:center;color:var(--deep);background:#edf3fe;border:1px solid #d6e4f9;width:44px;height:44px;border-radius:9px;font-size:27px;line-height:1;flex-shrink:0}.close-trigger:hover{background:#dbe9ff}.drawer-scroll{padding:16px 20px 28px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.drawer-subtitle,.drawer-guidance{font-size:12px;color:#6d7c93;margin:0 0 15px}.drawer-group{padding:13px 0 14px;border-top:1px solid #e4ebf6}.drawer-group h3{font-size:14px;margin:0 0 9px;color:var(--blue);letter-spacing:.1em}.drawer-entries{display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-entry{display:block;min-width:0;border:1px solid #e1eaf8;background:#f9fbff;border-radius:7px;padding:10px}.drawer-entry:hover{background:#eaf1ff}.drawer-entry b{display:block;font-size:13px;color:var(--navy);margin-bottom:5px}.drawer-entry small{display:block;color:#6b7a8e;font-size:10px;line-height:1.55}.drawer-guidance{margin-top:14px}.search-panel{top:82px;right:max(20px,calc((100vw - var(--max))/2));width:min(520px,calc(100vw - 40px));max-height:calc(100dvh - 95px);transform:translateY(-12px);padding:25px;border:1px solid #d5e2f5;border-radius:0 0 12px 12px;background:#fff;overflow-y:auto}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateY(0)}.search-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.search-top h2{font-size:22px;margin:8px 0 16px}.search-input-wrap{display:block}.search-input-wrap>span{display:block;font-size:12px;color:#5e718d;font-weight:700;margin-bottom:7px}.search-input-wrap input{display:block;width:100%;height:48px;border:1px solid #a9bedf;border-radius:8px;padding:0 14px;color:var(--navy);background:#f8faff;outline-offset:2px}.search-help{font-size:12px;color:#60718a;margin:11px 0}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search-results a{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;color:var(--deep);background:#f3f7ff;border:1px solid #dbe6f8;padding:10px 12px;border-radius:8px}.search-results a:hover{background:#e7efff}.search-results a[hidden]{display:none!important}.search-no-results{color:#66798f;font-size:13px}
@media(max-width:1100px){.tab-end{display:none}.tab-inner{justify-content:space-between}.section-top>p{max-width:290px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-text p{min-height:0}.desk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-feature{grid-template-columns:1fr}.theme-feature .media-slot{height:250px;min-height:0}.workshop-feature{grid-template-columns:1fr}.workshop-feature .media-slot{height:260px;min-height:0}.workshop-notes{grid-template-columns:repeat(4,1fr)}.workshop-notes article{padding:13px}}
@media(max-width:760px){:root{--header:82px}.site-main{padding-top:calc(var(--header) + 24px);padding-bottom:calc(88px + env(safe-area-inset-bottom))}.shell{width:calc(100% - 36px)}.imprint-inner,.cabinet-inner{width:calc(100% - 36px)}.imprint-note{display:none}.cabinet-head{height:62px}.tab-rail{display:none}.cabinet-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:9px}.brand-link{max-width:150px}.wordmark strong{font-size:27px}.wordmark small{font-size:9px}.brand-logo{max-width:130px;max-height:34px}.drawer-trigger{padding:8px 10px;gap:6px;font-size:12px;min-height:44px}.head-app{min-height:44px;padding:8px 10px;font-size:12px}.home-intro{display:block}.home-intro-side{margin-top:15px}.home-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-tile{min-height:176px;padding:17px}.desk-feature{grid-template-columns:1fr}.desk-feature-copy{padding:8px 13px 14px}.desk-feature-visual .media-slot{height:245px}.workshop-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section,.timeline-feature,.view-feature,.walk-feature,.memo-feature,.rack-feature,.app-feature{grid-template-columns:1fr}.split-section .media-slot,.timeline-feature .media-slot,.view-feature .media-slot{height:230px;min-height:0}.app-feature{padding:18px}.app-image .media-slot{height:320px}.app-copy h3{font-size:23px}.home-qa{grid-template-columns:1fr}.brand-statement{grid-template-columns:1fr;gap:10px;padding:22px}.brand-stamp{border:0;border-bottom:1px solid #cad9f1;padding:0 0 12px;font-size:33px}.responsibility-grid{grid-template-columns:1fr}.inner-hero{grid-template-columns:1fr;gap:20px;padding-top:14px}.inner-hero-visual .media-slot{height:220px}.editor-section{margin-top:48px}.page-next{display:block;padding:22px}.next-links{margin-top:17px}.faq-list{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:27px}.bottom-nav{position:fixed;z-index:32;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #d9e4f6;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 20px rgba(0,40,100,.06)}.bottom-nav a{min-width:0;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;color:#566a87;white-space:nowrap}.bottom-symbol{display:block;font-size:19px;line-height:1.1}.bottom-nav a.active{background:var(--blue);color:#fff}.bottom-nav a:hover{color:var(--bright)}.bottom-nav a.active:hover{color:#fff}.search-panel{right:16px;top:82px;width:calc(100% - 32px);background:#f5f8fe}.drawer-panel{width:min(84vw,350px)}.footer-end{padding-bottom:4px}}
@media(max-width:490px){.shell,.imprint-inner,.cabinet-inner{width:calc(100% - 32px)}.home-section{margin-top:57px}.media-banner{height:240px}.media-empty-copy{right:18px;left:18px}.media-empty-copy strong{font-size:26px}.media-empty-copy em{font-size:11px}.media-corner{font-size:30px;bottom:10px;right:14px}.media-empty::after{width:70px;height:70px}.home-intro{padding-top:23px}.home-intro h1{font-size:29px}.home-intro-side p{font-size:14px}.section-top{display:block;margin-bottom:17px}.section-top .inline-arrow{margin-top:9px}.section-top>p{margin-top:8px}.home-theme-grid{grid-template-columns:1fr 1fr;gap:8px}.theme-tile{min-height:183px;padding:14px 13px}.theme-tile h3{font-size:17px}.theme-tile p{font-size:12px;padding-right:0}.theme-index{font-size:9px}.category-grid{grid-template-columns:1fr}.category-card .media-slot{height:205px}.category-text{padding:17px}.category-text p{font-size:14px}.desk-steps{gap:7px}.desk-steps a{padding:11px 9px;column-gap:5px}.desk-steps span{font-size:20px}.desk-steps strong{font-size:13px}.desk-steps small{font-size:11px}.theme-labels{gap:7px}.theme-labels>a{padding:11px 10px}.theme-labels strong{font-size:14px}.theme-labels small{font-size:11px}.workshop-notes{grid-template-columns:1fr 1fr}.workshop-notes article{padding:12px}.workshop-notes h3{font-size:15px}.workshop-notes p{font-size:12px}.rack-feature{padding:15px}.walk-links{gap:9px}.faq-list summary,.home-qa summary{font-size:14px}.inner-overline{gap:6px}.inner-hero h1{font-size:30px}.inner-hero .hero-lead{font-size:16px}.catalog-list,.portrait-list,.tile-list,.shelf-list,.horizon-list,.workshop-list,.product-list,.guide-list{grid-template-columns:1fr}.numbered-list .entry,.rank-list .entry,.timeline-list .entry,.process-list .entry,.essay-list .entry,.manifesto-list .entry,.clause-list .entry{gap:10px}.rank-list .entry-num{font-size:33px}.rank-list .entry{grid-template-columns:53px 1fr}.timeline-list .entry{grid-template-columns:27px minmax(0,1fr);gap:8px}.timeline-list .entry-status{grid-column:2;justify-self:start}.drawer-top{padding:12px}.drawer-scroll{padding:14px}.drawer-entry{padding:9px}.drawer-entry small{font-size:10px}.wordmark{gap:5px}.wordmark strong{font-size:26px}.wordmark small{font-size:8px}.head-app{padding:7px 7px;font-size:11px}.drawer-trigger{padding:7px 8px;font-size:11px}.drawer-trigger .drawer-bars i{width:15px}.search-results{grid-template-columns:1fr}.media-portrait{height:330px}}
@media(max-width:345px){.cabinet-inner{gap:5px}.wordmark{gap:3px}.wordmark small{display:none}.head-app{font-size:11px;padding:6px}.drawer-trigger{font-size:11px;padding:7px}.home-theme-grid{grid-template-columns:1fr}.theme-tile{min-height:140px}.search-panel{right:12px;width:calc(100% - 24px)}.footer-grid{column-gap:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}