/* A light, expressive direction inspired by kinetic type and playful geometry. */
.light-play-shapes{display:none}
#site.dark.light-sim{--bg:#f8f8f8;--ink:#27252b;--muted:#716b76;--line:#dddedf;--accent:#20232c;--tile:#edeeee;background:#f8f8f8;color:#27252b}
#site.light-sim .topbar{background:#f8f8f8f5;border-color:#e3e3e4}
#site.light-sim .hero,#site.light-sim .hero-pin,#site.light-sim .hero-world{background:#f8f8f8}
#site.light-sim .cube-room,#site.light-sim .cube-atmosphere{display:none}
#site.light-sim .hero::before,#site.light-sim .hero::after{display:none}
#site.light-sim .hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(82px,11.4vw,174px);font-weight:800;letter-spacing:-.085em;line-height:.88;max-width:1000px;animation:light-type-arrive 1s cubic-bezier(.16,1,.3,1) both}
#site.light-sim .hero h1 em{font-family:inherit;font-weight:800;font-style:normal;letter-spacing:inherit;color:#20232c;animation:none}
#site.light-sim .hero .hero-bottom p{color:#716b76;font-size:clamp(16px,1.4vw,20px);max-width:480px}
#site.light-sim .hero .outline-button{border:1px solid #20232c;background:#20232c;color:#fff;padding:18px 26px;letter-spacing:.6px}
#site.light-sim .hero .outline-button:hover,#site.light-sim .hero .outline-button:focus-visible{background:#e5e6e7;color:#505255;border-color:#20232c;box-shadow:0 8px 0 #20232c18}
#site.light-sim .light-play-shapes{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
#site.light-sim .light-flower{position:absolute;width:clamp(190px,24vw,350px);right:6%;top:17%;transform:translateY(var(--play-lift,0px)) rotate(var(--play-turn,0deg));transform-origin:center;opacity:.9}
#site.light-sim .light-loop{position:absolute;width:clamp(160px,19vw,270px);right:15%;bottom:18%;transform:translateY(var(--play-lift,0px)) rotate(calc(var(--play-turn,0deg)*-.4));opacity:.8}
#site.light-sim .light-dot{position:absolute;width:54px;height:54px;right:8%;bottom:32%;border-radius:50%;background:#d6e5f1}
#site.light-sim .storytelling{width:100%;max-width:none;padding:80px 5%;background:#e7e8e8}
#site.light-sim .storytelling h2{font-family:Arial,sans-serif;font-size:clamp(44px,6vw,88px);font-weight:700;letter-spacing:-.065em;line-height:.98}
#site.light-sim .storytelling h2 em{font-family:inherit;font-style:normal;font-weight:700;color:#20232c}
#site.light-sim .focus-grid{gap:20px}
#site.light-sim .focus-area{position:relative;padding:28px 28px 35px;border:0;border-radius:20px;background:#f7f8f8;min-height:205px;overflow:hidden}
#site.light-sim .focus-area:nth-child(2){background:#e7e8e9}
#site.light-sim .focus-area:nth-child(3){background:#dfe0e1}
#site.light-sim .focus-area:nth-child(4){background:#e1ebf3}
#site.light-sim .focus-area h3{font-size:clamp(25px,2.5vw,38px);font-weight:600;letter-spacing:-.05em;color:#362f2b}
#site.light-sim .focus-area p{font-size:14px;line-height:1.55;max-width:440px}
#site.light-sim #work{background:#f8f8f8}
#site.light-sim #work .sectionhead h2{font-weight:700;letter-spacing:-.075em}
#site.light-sim #work .projectline strong{font-weight:500;letter-spacing:-.05em}
#site.light-sim #work .visual{background:#edeeee;border-color:#dbdcde}
#site.light-sim #reality-lab{background:#e0e2e3}
#site.light-sim #reality-lab h2{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.07em;line-height:.98}
#site.light-sim .reality-console button{background:#f8f8f866}
#site.light-sim .philosophy{background:#e7edf4;--phil-accent:#20232c;--phil-secondary:#c2c4c6}
#site.light-sim .principle h3{font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.07em}
#site.light-sim .principle h3 em{font-family:inherit;font-style:normal;font-weight:700;color:#20232c}
#site.light-sim .why-core{background:radial-gradient(circle at 28% 22%,#f8f8f8,#afb2b5 46%,#20232c);font-family:Arial,sans-serif}
#site.light-sim .clarity-cell{border-radius:13px;background:#acaeb1;border-color:#acaeb1}
#site.light-sim .clarity-cell:nth-child(5){background:#c2c4c6;border-color:#c2c4c6}
#site.light-sim .human-rings{color:#afb2b5;stroke-width:2}
#site.light-sim .ai-pin{background:#f8f8f8}
#site.light-sim .ai-section h2 .ai-em{font-family:Arial,sans-serif;font-style:normal;font-weight:800;color:#20232c}
#site.light-sim .ai-copy-stage .ai-details strong,#site.light-sim .ai-copy-stage .ai-details>div:nth-child(2) strong{font-family:Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.06em}
#site.light-sim .about h2{font-weight:700;letter-spacing:-.07em}
#site.light-sim .footer{background:#e7e8e9;color:#2d2f31;border-top:0}
#site.light-sim .footer h2{font-family:Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.075em;color:#2d2f31}
#site.light-sim .footer .eyebrow,#site.light-sim .footerend{color:#20232c}
#site.light-sim .footerend{border-color:#20232c33}
#site.light-sim .footerend a:hover,#site.light-sim .footerend a:focus-visible{color:#3d4042}
#site.light-sim .presentation-detail h1,#site.light-sim .presentation-detail h1 em{font-family:Arial,sans-serif;font-style:normal;font-weight:700}
@keyframes light-type-arrive{from{opacity:0;transform:translateY(35px) rotate(-1deg)}to{opacity:1;transform:none}}
@media(max-width:900px){#site.light-sim .light-flower{right:-3%;top:20%;opacity:.3}#site.light-sim .light-loop{right:3%;bottom:14%;opacity:.4}}
@media(max-width:700px){#site.light-sim .hero h1{font-size:clamp(64px,14.5vw,100px);max-width:100%}#site.light-sim .light-flower{width:190px;right:-65px;top:21%;opacity:.2}#site.light-sim .light-loop{width:160px;right:-30px;bottom:15%;opacity:.25}#site.light-sim .light-dot{width:30px;height:30px;right:8%;bottom:23%;opacity:.4}#site.light-sim .storytelling{padding:55px 6%}#site.light-sim .storytelling h2{font-size:44px}#site.light-sim .focus-area{padding:24px 22px;border-radius:16px}#site.light-sim .focus-area h3{font-size:29px}#site.light-sim .footer h2{font-size:clamp(50px,12vw,84px)}}
@media(prefers-reduced-motion:reduce){#site.light-sim .hero h1{animation:none}#site.light-sim .light-flower,#site.light-sim .light-loop{transform:none}}