@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700&display=optional');
@import url('shell-nav.css?v=20260803a');
/* --paper is deliberately absent here: tokens.css owns that name now, and
   redeclaring it would shadow the token for the whole page. */
:root{--ivory:var(--paper-2);--jade:var(--jade-900);--jade2:var(--jade-800);--copper:var(--copper-600);--copperlite:var(--copper-200);--ink:var(--ink-900);--muted:var(--ink-500);--line:rgba(21,58,50,.18);--red:#b74735;--green:#267346;--gray:#77807a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:var(--fs-body)/1.6 Manrope,Arial,sans-serif}.shell{min-height:100vh;background:radial-gradient(circle at 100% 0,rgba(201,118,61,.12),transparent 30%),var(--ivory)}a{color:inherit}.shell-header{position:sticky;top:0;z-index:20;background:rgba(242,236,221,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.shell-bar{max-width:1300px;margin:auto;padding:var(--sp-3) var(--sp-5);display:flex;align-items:center;gap:var(--sp-4)}.wordmark{font:700 var(--fs-h2)/.85 'Playfair Display',Georgia,serif;letter-spacing:.15em;text-decoration:none}.wordmark small{display:block;margin-top:var(--sp-2);color:var(--copper);font:700 var(--fs-micro)/1 Manrope,sans-serif;letter-spacing:.25em}.shell-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.shell-nav a{font-size:var(--fs-micro);font-weight:800;letter-spacing:.04em;text-decoration:none;padding:8px var(--sp-2);border-bottom:2px solid transparent}.shell-nav a:hover,.shell-nav a:focus-visible,.shell-nav a[aria-current=page]{color:var(--jade2);border-bottom-color:var(--copper)}.nav-divider{height:24px;width:1px;background:var(--line);margin:0 8px}.terminal-label{font:800 var(--fs-micro)/1 'DM Mono',monospace;color:var(--copper);letter-spacing:.12em;text-transform:uppercase}.shell-main{max-width:1240px;margin:auto;padding:var(--sp-5) var(--sp-5) var(--sp-6)}.crumbs{font:var(--fs-micro) 'DM Mono',monospace;color:var(--muted);display:flex;gap:8px}.crumbs a{color:var(--jade2);font-weight:700;text-decoration:none}.hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:var(--sp-6);min-height:440px;padding:var(--sp-6) 0 var(--sp-6);border-bottom:1px solid var(--line)}.hero:before{content:'';position:absolute;right:0;top:28px;width:min(42vw,490px);height:330px;background:linear-gradient(135deg,rgba(6,61,52,.1),transparent 60%),url('images/thumbs/taiwan-factory.webp') center/cover;border-radius:var(--r-pill) var(--r-md) var(--r-md) var(--r-md);filter:saturate(.68);opacity:.9}.hero>div,.hero aside{position:relative;z-index:1}.eyebrow{font:700 var(--fs-micro) 'DM Mono',monospace;letter-spacing:.18em;color:var(--copper);text-transform:uppercase}.hero h1{max-width:730px;margin:var(--sp-3) 0;font:600 calc(clamp(48px,6.5vw,48px) * var(--ui-scale))/.94 'Playfair Display',Georgia,serif;letter-spacing:-.045em}.hero p{max-width:600px;font-size:var(--fs-h3);color:#42574e}.hero-card{align-self:center;justify-self:end;width:min(100%,320px);padding:var(--sp-4);background:rgba(6,61,52,.96);color:var(--ivory);border-left:4px solid var(--copper);box-shadow:14px 14px 0 rgba(201,118,61,.16)}.hero-card strong{display:block;font:600 var(--fs-h1)/1.1 'Playfair Display',Georgia,serif}.hero-card span{display:block;margin-top:var(--sp-2);font-size:var(--fs-small);color:rgba(242,236,221,.76)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:24px}.cta{display:inline-flex;align-items:center;min-height:42px;padding:0 var(--sp-3);background:var(--jade);color:var(--ivory);font-size:var(--fs-micro);font-weight:800;text-decoration:none;letter-spacing:.05em}.cta:hover,.cta:focus-visible{background:var(--jade2)}.cta.ghost{background:transparent;color:var(--jade);border:1px solid var(--jade)}.section{margin-top:var(--sp-6)}.section-head{display:flex;justify-content:space-between;gap:var(--sp-5);align-items:end;margin-bottom:var(--sp-4)}.section h2{margin:var(--sp-1) 0 0;font:600 calc(clamp(32px,4vw,48px) * var(--ui-scale))/1 'Playfair Display',Georgia,serif}.section-head p{max-width:440px;margin:0;color:var(--muted);font-size:var(--fs-small)}.archive-map,.visual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1);background:var(--line);border:1px solid var(--line)}.archive-map>a,.visual-card{min-height:260px;background:var(--paper);padding:var(--sp-4);text-decoration:none;position:relative;overflow:hidden}.archive-map>a:before,.visual-card:before{content:'';position:absolute;inset:auto -20px -42px auto;width:170px;height:170px;border:1px solid rgba(201,118,61,.45);border-radius:50%}.archive-map>a:hover{background:var(--jade);color:var(--ivory)}.archive-map b,.visual-card b{display:block;font:600 var(--fs-h2)/1.05 'Playfair Display',Georgia,serif}.archive-map span,.visual-card span{display:block;margin-top:var(--sp-3);max-width:20ch;font-size:var(--fs-small);color:var(--muted)}.archive-map a:hover span{color:rgba(242,236,221,.7)}.index-no{font:700 var(--fs-micro) 'DM Mono',monospace;letter-spacing:.15em;color:var(--copper);margin-bottom:var(--sp-6)}.heritage-wall{margin-top:var(--sp-5);padding:var(--sp-6);background:var(--jade);color:var(--ivory);border-top:5px solid var(--copper)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--sp-5);border-top:1px solid rgba(242,236,221,.36)}.moment{position:relative;padding:var(--sp-4) var(--sp-3) 8px 0}.moment:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:var(--copperlite);top:-7px;left:0}.moment b{display:block;font:600 var(--fs-h2) 'Playfair Display',Georgia,serif;color:var(--copperlite)}.moment span{display:block;margin-top:8px;font-size:var(--fs-small);color:rgba(242,236,221,.75)}.process-spine{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line)}.process-spine button{background:var(--paper);border:0;border-right:1px solid var(--line);padding:var(--sp-4) var(--sp-3);text-align:left;cursor:pointer;color:var(--ink);font:700 var(--fs-micro) Manrope}.process-spine button:last-child{border:0}.process-spine button[aria-pressed=true]{background:var(--jade);color:var(--ivory)}.process-spine em{display:block;color:var(--copper);font:700 var(--fs-micro) 'DM Mono',monospace;font-style:normal;margin-bottom:var(--sp-2)}.material-bars{display:grid;gap:var(--sp-3)}.boundary{display:grid;grid-template-columns:1fr 80px 1fr;background:var(--jade);color:var(--ivory);padding:var(--sp-5)}.boundary h3{font:600 var(--fs-h1) 'Playfair Display',Georgia,serif;margin:0 0 var(--sp-3)}.boundary ul{margin:0;padding:0;list-style:none}.boundary li{padding:8px 0;border-top:1px solid rgba(242,236,221,.24);font-size:var(--fs-small)}.divide{display:flex;align-items:center;justify-content:center;color:var(--copperlite);font:700 var(--fs-h2) 'DM Mono',monospace}.risk-flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:var(--sp-1);gap:var(--sp-1);background:var(--line)}.risk-flow button{background:var(--paper);border:0;min-height:170px;padding:var(--sp-3);text-align:left;cursor:pointer}.risk-flow button[aria-pressed=true]{background:#e9d9c7;box-shadow:inset 0 4px var(--copper)}.risk-flow b{font:600 var(--fs-h2) 'Playfair Display',Georgia,serif}.risk-flow span{display:block;font:var(--fs-micro) 'DM Mono',monospace;color:var(--copper);margin-top:16px}.risk-detail{padding:var(--sp-4);background:#e9d9c7;border-left:4px solid var(--copper);font-size:var(--fs-body)}.handoff{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.handoff div{padding:var(--sp-4) var(--sp-3);border-right:1px solid var(--line);min-height:150px}.handoff div:last-child{border:0}.handoff b{display:block;font:600 var(--fs-h2) 'Playfair Display',Georgia,serif}.handoff span{display:block;margin-top:var(--sp-2);font-size:var(--fs-small);color:var(--muted)}.enquiry-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-top:var(--sp-5)}.enquiry-choices a{padding:var(--sp-4);border:1px solid var(--line);text-decoration:none;background:var(--paper);min-height:150px}.enquiry-choices b{display:block;font:600 var(--fs-h2) 'Playfair Display',Georgia,serif}.enquiry-choices span{display:block;margin-top:var(--sp-2);color:var(--muted);font-size:var(--fs-small)}.site-footer{max-width:1240px;margin:auto;padding:var(--sp-5) var(--sp-5);color:var(--muted);font-size:var(--fs-micro);border-top:1px solid var(--line);display:flex;justify-content:space-between}.site-footer a{color:var(--jade);font-weight:800;text-decoration:none}@media(max-width:860px){.shell-bar{padding:var(--sp-3) var(--sp-3);flex-wrap:wrap}.shell-nav{margin-left:0;overflow:auto;max-width:100%}.hero{grid-template-columns:1fr;min-height:0}.hero:before{opacity:.2;width:100%;height:100%}.hero-card{justify-self:start}.archive-map,.visual-grid{grid-template-columns:repeat(2,1fr)}.process-spine{grid-template-columns:repeat(3,1fr)}.timeline,.handoff,.enquiry-choices,.risk-flow{grid-template-columns:repeat(2,1fr)}.boundary{grid-template-columns:1fr}.divide{height:48px}.section-head{display:block}.section-head p{margin-top:var(--sp-3)}}@media(max-width:520px){.shell-main{padding:var(--sp-4) 16px var(--sp-6)}.shell-bar{padding:var(--sp-3) 16px}.wordmark{font-size:var(--fs-h3)}.shell-nav a{font-size:var(--fs-micro);padding:var(--sp-2) var(--sp-2)}.nav-divider,.terminal-label{display:none}.hero{padding:48px 0 var(--sp-5)}.hero h1{font-size:var(--fs-display)}.archive-map,.visual-grid,.process-spine,.timeline,.handoff,.enquiry-choices,.risk-flow{grid-template-columns:1fr}.archive-map>a{min-height:170px}.process-spine button{border-bottom:1px solid var(--line)}.site-footer{padding:24px 16px;display:block}.site-footer span+span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}