.skip-link:not(:focus) { visibility:hidden; }
.skip-link:focus { visibility:visible; }
.twin-scene-section { padding-bottom: clamp(64px, 8vw, 104px); }
.twin-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:11px; margin:0 0 clamp(28px,4vw,48px); color:var(--muted); font-size:var(--type-support); line-height:var(--leading-support); }
.twin-breadcrumb a { text-underline-offset:3px; }
.twin-breadcrumb [aria-current="page"] { color:var(--ink); }
.scene-canvas { position:relative; border:1px solid var(--line); background:var(--panel); }
.scene-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:clamp(24px,4vw,54px) clamp(22px,5vw,72px) 24px; }
.twin-kicker { margin:0 0 14px; color:var(--muted); font-family:var(--mono); font-size:var(--type-micro); line-height:1.5; letter-spacing:.07em; }
.twin-kicker .signal-dot { margin-right:11px; }
.scene-intro h1 { margin:0; font-family:var(--display); font-size:clamp(2.15rem,5vw,3.5rem); font-weight:660; line-height:1.24; letter-spacing:-.025em; }
.scene-definition { max-width:780px; margin:14px 0 0; color:var(--muted); font-size:var(--type-body); line-height:var(--leading-body); }
.model-stamp { display:flex; align-items:center; gap:12px; flex:none; padding-bottom:5px; color:var(--muted); font:var(--type-micro)/1.5 var(--mono); letter-spacing:.08em; }
.model-stamp b { display:grid; width:36px; height:36px; place-items:center; border:1px solid var(--orange); border-radius:50%; color:var(--orange-text); font-weight:600; }
.scene-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px clamp(22px,5vw,72px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.scene-toolbar p { margin:0; color:var(--muted); font-size:var(--type-compact); line-height:var(--leading-compact); }
.scene-actions { display:flex; align-items:center; gap:10px; }
.view-switch { display:flex; flex:none; gap:6px; padding:4px; border:1px solid var(--line); background:var(--paper); }
.view-button { min-height:40px; padding:8px 14px; border:0; background:transparent; color:var(--muted); font-size:var(--type-control); line-height:var(--leading-control); cursor:pointer; }
.view-button.is-active { background:var(--ink); color:var(--paper); }
.reset-view { min-height:40px; padding:8px 10px; border:1px solid var(--line); background:transparent; color:var(--muted); font-size:var(--type-support); line-height:var(--leading-support); cursor:pointer; }
.reset-view:hover { border-color:var(--orange); color:var(--orange-text); }
.scene-stage { position:relative; min-height:400px; overflow:hidden; padding:12px 5% 34px; background:radial-gradient(ellipse at 54% 48%, color-mix(in srgb,var(--blue) 9%,transparent),transparent 62%),linear-gradient(var(--fine) 1px,transparent 1px),linear-gradient(90deg,var(--fine) 1px,transparent 1px),var(--paper); background-size:auto,30px 30px,30px 30px,auto; }
.scene-map { display:block; width:100%; height:auto; max-height:435px; color:var(--blue); }
.site-outline { fill:color-mix(in srgb,var(--green) 15%,var(--paper)); stroke:color-mix(in srgb,var(--blue) 58%,var(--line)); stroke-width:2; stroke-dasharray:6 6; }
.parcel { fill:transparent; color:var(--blue); }
.road { fill:none; stroke:color-mix(in srgb,var(--ink) 15%,transparent); stroke-width:9; stroke-linecap:round; }
.route-line { fill:none; stroke:var(--orange); stroke-width:3; stroke-dasharray:7 9; opacity:.82; }
.building-roof,.building-front,.building-side,.equipment-base,.equipment-front,.equipment-side { stroke:color-mix(in srgb,var(--blue) 63%,var(--ink)); stroke-width:2; transition:fill .2s,stroke .2s,filter .2s; }
.building-roof { fill:color-mix(in srgb,var(--blue) 20%,var(--panel)); }.building-front { fill:color-mix(in srgb,var(--blue) 12%,var(--panel)); }.building-side { fill:color-mix(in srgb,var(--blue) 28%,var(--panel)); }
.building-lines,.equipment-detail { fill:none; stroke:color-mix(in srgb,var(--ink) 31%,transparent); stroke-width:2; }
.equipment-base { fill:color-mix(in srgb,var(--yellow) 58%,var(--panel)); }.equipment-front { fill:color-mix(in srgb,var(--yellow) 35%,var(--panel)); }.equipment-side { fill:color-mix(in srgb,var(--green) 27%,var(--panel)); }
.zone-shape { fill:color-mix(in srgb,var(--green) 34%,var(--panel)); stroke:color-mix(in srgb,var(--green) 75%,var(--ink)); stroke-width:2; }.zone-inner { fill:none; stroke:color-mix(in srgb,var(--green) 65%,var(--ink)); stroke-width:2; stroke-dasharray:4 5; }
.map-pin { fill:var(--orange); stroke:var(--panel); stroke-width:3; }.map-object > text { fill:#fff; font:700 10px var(--mono); }
.map-object { cursor:pointer; outline:none; transition:filter .2s,opacity .2s; }.map-object:hover,.map-object:focus-visible,.map-object.is-selected { filter:url(#soft-shadow); }
.map-object.is-selected .building-roof,.map-object.is-selected .building-front,.map-object.is-selected .building-side,.map-object.is-selected .equipment-base,.map-object.is-selected .equipment-front,.map-object.is-selected .equipment-side { stroke:var(--orange); stroke-width:3; }
.map-object.is-selected .zone-shape { stroke:var(--orange); stroke-width:4; }
.map-label rect { fill:var(--panel); stroke:var(--line); }.map-label text { fill:var(--ink); font:14px var(--sans); }
.relation-link { fill:none; stroke:var(--blue); stroke-width:2; stroke-dasharray:5 7; opacity:.46; transition:opacity .2s,stroke .2s; }.scene-stage[data-view="status"] .relation-link { opacity:.12; }
.status-ring { display:none; fill:none; stroke:var(--green); stroke-width:4; stroke-dasharray:2 8; stroke-linecap:round; opacity:.9; }.scene-stage[data-view="status"] .status-ring { display:block; }.scene-stage[data-view="status"] .map-object:not(.is-selected) { opacity:.42; }
.map-caption { display:flex; align-items:center; justify-content:space-between; gap:12px; position:absolute; right:clamp(16px,3vw,42px); bottom:12px; left:clamp(16px,3vw,42px); color:var(--muted); font:var(--type-micro)/1.5 var(--mono); }
.map-caption > span:first-child { display:flex; align-items:center; gap:8px; font-family:var(--sans); font-size:var(--type-support); }.caption-dot { width:8px;height:8px;border-radius:50%;background:var(--orange); }
.object-picker { display:flex; align-items:center; gap:0; padding:12px clamp(16px,3vw,42px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.picker-label { margin-right:auto; padding-right:18px; color:var(--muted); font-size:var(--type-support); }
.object-button { min-width:150px; display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:8px; padding:10px 13px; border:0; border-left:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.object-button b { color:var(--orange-text); font:var(--type-micro)/1.4 var(--mono); }.object-button span { font-size:var(--type-control); line-height:var(--leading-control); }.object-button i { color:var(--muted); font-size:var(--type-support); font-style:normal; }
.object-button.is-selected { background:color-mix(in srgb,var(--orange) 9%,transparent); }.object-button:focus-visible { outline-offset:-3px; }
.object-band { display:grid; grid-template-columns:minmax(205px,.7fr) minmax(0,1.8fr); gap:28px; padding:22px clamp(20px,4vw,58px); }
.object-name { display:flex; align-items:center; gap:15px; }.object-index { display:grid; width:48px;height:48px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font:var(--type-control)/1 var(--mono); }
.object-eyebrow { margin:0 0 3px; color:var(--muted); font-size:var(--type-support); }.object-eyebrow span { color:var(--orange-text); }.object-name h2 { margin:0; font-size:clamp(1.15rem,2vw,1.4rem); line-height:1.4; }
.object-facts { display:grid; grid-template-columns:1fr 1fr 1.35fr; gap:18px; }.object-facts > div { min-width:0; display:flex; flex-direction:column; gap:5px; padding-left:16px; border-left:1px solid var(--line); }.object-facts span { color:var(--muted); font-size:var(--type-support); line-height:var(--leading-support); }.object-facts b { font-size:var(--type-compact); line-height:var(--leading-compact); font-weight:600; }
.simulation-note { margin:0; padding:0 clamp(20px,4vw,58px) 18px; color:var(--muted); font-size:var(--type-support); line-height:var(--leading-support); }

.layers-section { padding:0 0 clamp(76px,10vw,132px); }.layers-heading { display:grid; grid-template-columns:1fr minmax(250px,.7fr); align-items:end; gap:15px 56px; margin-bottom:36px; }.layers-heading .twin-kicker { grid-column:1/-1; margin-bottom:0; }.layers-heading h2,.readiness-heading h2 { margin:0; font-family:var(--display); font-size:clamp(1.8rem,3.8vw,2.25rem); line-height:1.36; letter-spacing:-.015em; }.layers-heading > p:last-child { max-width:470px; margin:0 0 4px; color:var(--muted); font-size:var(--type-body); line-height:var(--leading-body); }
.layer-rows { border-top:1px solid var(--line); }.layer-row { display:grid; grid-template-columns:58px minmax(180px,.72fr) minmax(190px,.7fr) minmax(320px,1.2fr); gap:clamp(16px,2.5vw,36px); align-items:center; min-height:206px; padding:25px 14px 25px 0; border-bottom:1px solid var(--line); }.layer-index { align-self:stretch; display:flex; flex-direction:column; align-items:center; gap:13px; color:var(--orange-text); font:var(--type-compact)/1.4 var(--mono); }.layer-index i { width:1px; flex:1; background:var(--line); }.layer-title > p { margin:0 0 9px; color:var(--muted); font:var(--type-micro)/1.5 var(--mono); letter-spacing:.05em; }.layer-title h3 { margin:0; font-size:clamp(1.3rem,2vw,1.65rem); line-height:1.4; }.layer-copy p { margin:0; font-size:var(--type-compact); line-height:var(--leading-compact); }.layer-copy .layer-application { margin-top:9px; color:var(--muted); font-size:var(--type-support); line-height:var(--leading-support); }.layer-application b { color:var(--orange-text); font-weight:600; }
.layer-visual { position:relative; min-height:128px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:color-mix(in srgb,var(--blue) 7%,var(--panel)); }.layer-space .layer-visual { background:color-mix(in srgb,var(--green) 13%,var(--panel)); }.layer-use .layer-visual { background:color-mix(in srgb,var(--yellow) 16%,var(--panel)); }.mini-building { position:relative; width:98px;height:58px;display:flex;align-items:end;justify-content:space-evenly;padding:10px 8px 0;background:color-mix(in srgb,var(--blue) 25%,var(--panel));border:1px solid color-mix(in srgb,var(--blue) 60%,var(--line));transform:skewY(-8deg); }.mini-building::before { content:"";position:absolute;left:-1px;right:-1px;top:-12px;height:12px;background:color-mix(in srgb,var(--blue) 34%,var(--panel));border:1px solid color-mix(in srgb,var(--blue) 60%,var(--line));transform:skewY(16deg); }.mini-building i { width:15px;height:26px;background:color-mix(in srgb,var(--paper) 65%,var(--blue));border:1px solid color-mix(in srgb,var(--blue) 35%,var(--line)); }.mini-node { position:absolute;top:21px;right:calc(50% - 73px);width:16px;height:16px;border:3px solid var(--panel);border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px color-mix(in srgb,var(--orange) 22%,transparent); }.mini-ground { position:absolute;bottom:14px;width:72%;height:1px;background:var(--line); }.relation-visual > span { position:absolute;width:26px;height:26px;border:2px solid var(--blue);border-radius:50%;background:var(--panel);z-index:1; }.relation-visual > span:nth-child(1) { left:22%;top:24px; }.relation-visual > span:nth-child(2) { left:49%;top:69px;border-color:var(--orange); }.relation-visual > span:nth-child(3) { right:19%;top:34px;border-color:var(--green); }.relation-visual > i { position:absolute;width:31%;height:1px;background:var(--blue);transform:rotate(28deg); }.relation-visual > i:last-child { transform:rotate(-13deg); }.view-window { width:112px;height:68px;display:flex;align-items:flex-end;gap:6px;padding:12px;background:var(--panel);border:1px solid var(--line);box-shadow:8px 8px 0 color-mix(in srgb,var(--blue) 14%,transparent); }.view-window::before { content:"";position:absolute;align-self:flex-start;width:88px;height:1px;background:var(--line); }.view-window i { flex:1;height:25%;background:var(--blue); }.view-window i:nth-child(2) { height:57%;background:var(--orange); }.view-window i:nth-child(3) { height:80%;background:var(--green); }.view-control { position:absolute;width:30px;height:30px;margin:72px 0 0 130px;border:1px solid var(--ink);border-radius:50%;background:var(--yellow); }

.readiness-section { padding:clamp(28px,5vw,64px) 0 clamp(64px,9vw,110px); border-top:1px solid var(--line); }.readiness-heading { display:grid; grid-template-columns:1fr minmax(280px,.8fr); align-items:end; gap:14px 50px; margin-bottom:34px; }.readiness-heading .twin-kicker { grid-column:1/-1; }.readiness-heading > p:last-child { max-width:530px; margin:0 0 4px; color:var(--muted); font-size:var(--type-body); line-height:var(--leading-body); }
.readiness-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.8fr); gap:clamp(28px,7vw,100px); align-items:start; }.materials-sheet { padding:20px clamp(20px,3vw,40px) 22px; border:1px solid var(--line); background:color-mix(in srgb,var(--blue) 5%,var(--panel)); }.sheet-top { display:flex; justify-content:space-between; gap:16px; padding-bottom:13px; border-bottom:1px solid var(--line); color:var(--muted); font:var(--type-micro)/1.5 var(--mono); letter-spacing:.05em; }.sheet-top span:last-child { font-family:var(--sans);font-size:var(--type-support);letter-spacing:0; }.materials-sheet h3,.scope-note h3 { margin:18px 0 11px; font-size:1.35rem; line-height:1.45; }.materials-sheet ul { padding:0;margin:0;list-style:none; }.materials-sheet li { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:12px; padding:13px 0; border-top:1px solid var(--line); }.material-mark { color:var(--orange-text);font:var(--type-micro)/1.5 var(--mono); }.materials-sheet li span:nth-child(2) { display:grid;gap:3px; }.materials-sheet li b { font-size:var(--type-control);line-height:var(--leading-control);font-weight:600; }.materials-sheet li small { color:var(--muted);font-size:var(--type-support);line-height:var(--leading-support); }.materials-sheet li > i { color:var(--muted);font-size:var(--type-support);font-style:normal; }.materials-footnote { margin:12px 0 0;color:var(--muted);font-size:var(--type-support);line-height:var(--leading-support); }
.scope-note { padding:7px 0 0; }.scope-index { margin:0;color:var(--orange-text);font:var(--type-micro)/1.5 var(--mono);letter-spacing:.06em; }.scope-note h3 { margin-top:10px; }.scope-note ol { padding:0;margin:16px 0 18px;list-style:none;border-top:1px solid var(--line); }.scope-note li { display:grid;grid-template-columns:95px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:var(--type-compact);line-height:var(--leading-compact); }.scope-note li b { color:var(--ink); }.scope-note li span { color:var(--muted); }.scope-boundary { margin:0 0 20px;padding-left:14px;border-left:2px solid var(--orange);color:var(--muted);font-size:var(--type-support);line-height:var(--leading-support); }.twin-contact { min-height:48px;display:inline-flex;align-items:center;gap:20px;padding:12px 17px;background:var(--orange);color:#171914;text-decoration:none;font-size:var(--type-control);line-height:var(--leading-control);font-weight:650; }.twin-contact:hover { background:var(--ink);color:var(--paper); }
footer { font-size:var(--type-support);line-height:var(--leading-support); }
@media(max-width:900px) { .layer-row { grid-template-columns:44px minmax(140px,.7fr) minmax(150px,.75fr) minmax(260px,1.3fr);gap:18px; }.object-band { grid-template-columns:1fr;gap:18px; }.object-facts { grid-template-columns:1fr 1fr 1.4fr; }.scene-stage { min-height:330px; } }
@media(max-width:700px) {
  .twin-scene-section { padding-bottom:68px; }.twin-breadcrumb { margin-bottom:22px;gap:8px; }
  .scene-intro { display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:24px 20px 20px; }.scene-intro > div { grid-row:2;min-width:0; }.scene-intro h1 { font-size:clamp(1.875rem,8.5vw,2.25rem);line-height:1.28; }.scene-definition { margin-top:11px;font-size:var(--type-body); }.model-stamp { grid-row:1;justify-self:end;gap:7px;padding:0;font-size:var(--type-support); }.model-stamp b { width:30px;height:30px; }
  .scene-toolbar { align-items:flex-start;flex-direction:column;gap:12px;padding:13px 18px; }.scene-actions { width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px; }.view-switch { width:100%; }.view-button { flex:1;min-width:0;padding-inline:9px; }.reset-view { white-space:nowrap;padding-inline:8px; }
  .scene-stage { min-height:0;padding:5px 5px 36px; }.scene-map { width:100%;min-height:215px; }.scene-map .map-label { display:none; }.map-caption { bottom:9px; }.map-caption > span:last-child { font-size:10px; }
  .object-picker { display:grid;grid-template-columns:1fr 1fr;gap:0;padding:9px 14px; }.picker-label { grid-column:1/-1;margin:0;padding:4px 0 8px; }.object-button { min-width:0;grid-template-columns:25px 1fr;gap:5px;padding:10px 7px;border-top:1px solid var(--line); }.object-button:nth-of-type(odd) { border-left:0; }.object-button b { font-size:var(--type-support); }.object-button i { grid-column:2; }.object-button span { font-size:var(--type-control); }
  .object-band { padding:18px 18px 15px;gap:16px; }.object-index { width:42px;height:42px; }.object-facts { grid-template-columns:1fr 1fr;gap:12px; }.object-facts > div { padding-left:10px; }.object-usage { grid-column:1/-1; }.simulation-note { padding:0 18px 16px; }
  .layers-section { padding-bottom:76px; }.layers-heading,.readiness-heading { display:block;margin-bottom:24px; }.layers-heading .twin-kicker,.readiness-heading .twin-kicker { margin-bottom:12px; }.layers-heading h2,.readiness-heading h2 { font-size:clamp(1.75rem,8vw,2.25rem); }.layers-heading > p:last-child,.readiness-heading > p:last-child { margin:12px 0 0;font-size:var(--type-compact); }.layer-row { grid-template-columns:32px minmax(0,1fr);gap:10px 15px;min-height:0;padding:20px 0; }.layer-index { grid-row:1/4; }.layer-title { grid-column:2; }.layer-title > p { margin-bottom:5px; }.layer-visual { grid-column:2;min-height:112px; }.layer-copy { grid-column:2; }.layer-copy p { font-size:var(--type-compact); }.layer-copy .layer-application { font-size:var(--type-support); }
  .readiness-section { padding-top:28px; }.readiness-layout { grid-template-columns:1fr;gap:28px; }.materials-sheet { padding:17px 16px 18px; }.materials-sheet li { grid-template-columns:27px minmax(0,1fr) auto;gap:8px; }.materials-sheet li small { font-size:var(--type-support); }.scope-note { padding:0 2px; }.scope-note li { grid-template-columns:84px 1fr; }.twin-contact { width:100%;justify-content:space-between; }
}
@media(max-width:360px) { .scene-intro { padding-inline:15px; }.model-stamp { flex-direction:row;align-items:center; }.scene-toolbar { padding-inline:14px; }.scene-map { min-height:180px; }.object-button { grid-template-columns:23px 1fr; }.object-facts { grid-template-columns:1fr; }.object-usage { grid-column:auto; }.map-caption > span:last-child { display:none; }.scope-note li { grid-template-columns:76px 1fr; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important; } }

/* Application illustrations: open canvas, no background shapes. */
.twin-contact svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; }
.factory-yard,.factory-yard-front,.factory-yard-side,.warehouse-roof,.warehouse-front,.warehouse-side { stroke:color-mix(in srgb,var(--blue) 58%,var(--ink));stroke-width:2;transition:fill .2s,stroke .2s,filter .2s; }
.factory-yard { fill:color-mix(in srgb,var(--orange) 27%,var(--panel)); }.factory-yard-front { fill:color-mix(in srgb,var(--orange) 17%,var(--panel)); }.factory-yard-side { fill:color-mix(in srgb,var(--orange) 35%,var(--panel)); }
.warehouse-roof { fill:color-mix(in srgb,var(--green) 24%,var(--panel)); }.warehouse-front { fill:color-mix(in srgb,var(--green) 14%,var(--panel)); }.warehouse-side { fill:color-mix(in srgb,var(--green) 33%,var(--panel)); }
.factory-detail,.warehouse-detail,.factory-roof-detail { fill:none;stroke:color-mix(in srgb,var(--ink) 48%,transparent);stroke-width:2;stroke-linecap:round; }.factory-roof-detail { stroke:color-mix(in srgb,var(--blue) 50%,var(--panel));stroke-width:3; }
.flow-arrow { fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8; }.scene-stage[data-view="status"] .flow-arrow { opacity:.25; }
.map-object.is-selected .factory-yard,.map-object.is-selected .factory-yard-front,.map-object.is-selected .factory-yard-side,.map-object.is-selected .warehouse-roof,.map-object.is-selected .warehouse-front,.map-object.is-selected .warehouse-side { stroke:var(--orange);stroke-width:3; }
.status-ring.ring-warehouse,.status-ring.ring-shipping { display:none; }.scene-stage[data-view="status"] .status-ring.ring-warehouse,.scene-stage[data-view="status"] .status-ring.ring-shipping { display:block; }
.relation-link.link-building-warehouse,.relation-link.link-building-shipping { stroke:var(--green); }.map-label.label-warehouse rect,.map-label.label-shipping rect { fill:var(--panel);stroke:var(--line); }
.object-picker { flex-wrap:wrap; }.picker-label { min-width:110px; }.object-button { flex:1 1 145px; }
.machine-top,.machine-front,.machine-side { stroke:color-mix(in srgb,var(--blue) 66%,var(--ink));stroke-width:2;transition:fill .2s,stroke .2s,filter .2s; }
.machine-top { fill:color-mix(in srgb,var(--yellow) 63%,var(--panel)); }.machine-front { fill:color-mix(in srgb,var(--yellow) 39%,var(--panel)); }.machine-side { fill:color-mix(in srgb,var(--orange) 29%,var(--panel)); }
.machine-detail { fill:none;stroke:color-mix(in srgb,var(--ink) 48%,transparent);stroke-width:2;stroke-linecap:round; }
.map-object.is-selected .machine-top,.map-object.is-selected .machine-front,.map-object.is-selected .machine-side { stroke:var(--orange);stroke-width:3; }
.map-label.label-equipment rect { width:176px; }.map-label.label-warehouse rect { width:170px; }
.map-caption { position:relative;inset:auto;margin-top:9px; }
.object-picker { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch; }
.picker-label { grid-column:1/-1;margin:0;padding:3px 0 9px; }
.object-button { min-width:0;grid-template-columns:28px minmax(0,1fr);gap:4px 8px;padding-inline:10px; }
.object-button span { min-width:0; }.object-button i { grid-column:2; }
@media(max-width:900px) { .object-picker { grid-template-columns:repeat(4,minmax(0,1fr)); }.picker-label { grid-column:1/-1; } }
@media(max-width:700px) { .object-picker { grid-template-columns:repeat(2,minmax(0,1fr)); }.picker-label { grid-column:1/-1; } }
.twin-applications { padding-bottom:90px; }
.applications-heading { max-width:760px; margin-bottom:40px; }
.applications-heading h2 { margin:0; font:650 clamp(28px,3vw,36px)/1.4 var(--display); letter-spacing:-.02em; }
.applications-heading>p:last-child { max-width:680px; font-size:16px; line-height:1.8; color:var(--muted); margin:16px 0 0; }
.application-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.application-art { position:relative; height:175px; display:flex; align-items:center; justify-content:center; border-radius:60% 40% 35% 30% / 25% 35% 35% 25%; background:color-mix(in srgb,var(--blue) 9%,var(--panel)); }
.application-art>span { position:absolute; top:18px; left:22px; font:11px var(--mono); color:var(--muted); }
.application-art>svg { width:145px; height:110px; fill:none; stroke:var(--blue); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.application-art>i { position:absolute; width:14px; height:14px; border-radius:50%; background:var(--orange); right:26%; top:25%; }
.application-1 .application-art { background:color-mix(in srgb,var(--green) 13%,var(--panel)); border-radius:35% 45% 50% 25% / 30% 25% 30% 35%; }
.application-2 .application-art { background:color-mix(in srgb,var(--purple) 12%,var(--panel)); }
.application-2 .application-art>svg { stroke:var(--purple); }
.application-type { margin:24px 0 8px; color:var(--muted); font-size:14px; }
.application h3 { font-size:24px; line-height:1.5; margin:0 0 12px; }
.application h3+p { font-size:16px; line-height:1.8; margin:0; color:var(--muted); }
.application-tags { border-top:1px solid var(--line); padding-top:14px; margin-top:20px; font-size:14px; line-height:1.7; color:var(--blue); }
.readiness-section { padding-top:0; }
.materials-sheet { border-radius:18px; background:color-mix(in srgb,var(--purple) 7%,var(--panel)); }
.materials-sheet .sheet-top { color:var(--muted); }

.application-art, .application-1 .application-art, .application-2 .application-art {
  background:transparent;
  border-radius:0;
  height:145px;
}
@media(max-width:1050px) {
  .application-columns { gap:24px; }
  .application h3 { font-size:22px; }
}
@media(max-width:750px) {
  .twin-applications { padding-bottom:56px; }
  .applications-heading { margin-bottom:28px; }
  .applications-heading h2 { font-size:28px; }
  .application-columns { grid-template-columns:1fr; gap:34px; }
  .application-type { margin-top:18px; }
  .application h3+p { font-size:15px; }
  .materials-sheet { transform:none; }
}