@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";
:root{--bg:#090b10;--bg-2:#121826;--panel:#11151eb8;--panel-strong:#131b29;--ink:#f4efe9;--muted:#9aa3b2;--line:#ffffff14;--accent:#f4b571;--accent-soft:#ffd9a8;--mint:#8ae4c7;--shadow:0 30px 80px #0000006b;--radius-xl:32px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #f4b5711f, transparent 20%), radial-gradient(circle at 80% 20%, #8ae4c717, transparent 18%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);margin:0;font-family:Plus Jakarta Sans,Manrope,Noto Sans SC,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.page-shell{z-index:1;min-height:100vh;padding-bottom:80px;position:relative}.container{width:min(1200px,100% - 42px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#090b106b;justify-content:space-between;align-items:center;height:92px;display:flex;position:sticky;top:0}.brand-mark{letter-spacing:-.15em;color:var(--ink);font-size:2rem;font-weight:800}.brand-mark span{color:var(--accent)}.nav-links{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;font-size:.72rem;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--ink)}.button{border-radius:999px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-small{letter-spacing:.08em;text-transform:uppercase;padding:.8rem 1.25rem;font-size:.7rem}.button-light{border:1px solid var(--line);color:var(--ink);background:#ffffff08}.button-primary{background:linear-gradient(135deg, var(--accent) 0%, #f1995c 100%);color:#10151d;letter-spacing:.08em;text-transform:uppercase;padding:1rem 1.45rem;font-size:.72rem;font-weight:700;box-shadow:0 18px 34px #f4b57147}.text-link{color:var(--ink);letter-spacing:.02em;padding-bottom:.2rem;font-weight:700;position:relative}.text-link:after{content:"";background:linear-gradient(90deg, var(--accent), #ffffffb3);width:100%;height:1px;position:absolute;bottom:0;left:0}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:38px;padding:74px 0 56px;display:grid}.eyebrow{color:var(--accent-soft);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.72rem}.hero h1{letter-spacing:-.08em;margin:0 0 24px;font-size:clamp(3.4rem,7vw,7.1rem);font-weight:700;line-height:.9}.hero h1 span{color:var(--accent)}.lead{max-width:560px;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.9}.hero-actions{align-items:center;gap:24px;margin-top:30px;display:flex}.metrics-row{flex-wrap:wrap;gap:18px;margin-top:40px;display:flex}.metric-card{border:1px solid var(--line);border-radius:var(--radius-md);min-width:120px;box-shadow:var(--shadow);background:#121922cc;padding:18px 18px 14px}.metric-card strong{color:var(--ink);letter-spacing:-.08em;font-size:2rem;line-height:1;display:block}.metric-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:.68rem;display:block}.hero-visual{border-radius:var(--radius-xl);height:560px;box-shadow:var(--shadow);border:1px solid var(--line);background:radial-gradient(circle,#f4b57140,#0000 30%),linear-gradient(135deg,#111823f5 0%,#243244eb 40%,#5b6d7ad1 100%);position:relative;overflow:hidden}.hero-visual:before{content:"";border-radius:var(--radius-xl);border:1px solid #ffffff2e;position:absolute;inset:22px}.hero-visual:after{content:"";background:radial-gradient(circle,#ffffff2e,#0000 62%);border-radius:50%;width:340px;height:340px;position:absolute;bottom:-60px;right:-80px}.hero-orbit{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.orbit-one{width:140%;height:60%;top:16%;left:-18%;transform:rotate(-18deg)}.orbit-two{width:150%;height:70%;top:34%;left:-20%;transform:rotate(-6deg)}.hero-badge{color:#ffffffeb;letter-spacing:-.14em;text-shadow:0 20px 50px #00000038;font-size:clamp(4.8rem,8vw,8rem);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-badge em{color:var(--accent-soft);font-style:normal}.hero-note{color:#fffc;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;position:absolute;bottom:24px;left:28px}.marquee{color:#f4efe9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1117;overflow:hidden}.marquee-track{white-space:nowrap;letter-spacing:.12em;text-transform:uppercase;gap:32px;width:max-content;padding:16px 0;font-size:.7rem;animation:18s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-block{padding-top:110px}.section-head{margin-bottom:32px}.section-head h2{letter-spacing:-.07em;color:#f7f0e8;margin:0;font-size:clamp(2.2rem,4vw,4rem)}.split-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.service-grid,.process-grid,.work-grid,.journal-grid,.story-grid{gap:18px;display:grid}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card,.process-card,.quote-box,.cta-panel,.detail-summary,.detail-panel,.contact-item,.article-card,.page-panel,.timeline-item{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#10141cc7}.service-card{padding:28px 26px}.card-index,.process-card span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:26px;font-size:.68rem;display:inline-block}.service-card h3,.process-card h3,.article-card h3{letter-spacing:-.06em;margin:0 0 12px;font-size:1.7rem}.service-card p,.process-card p,.work-meta p,.page-intro,.quote-person span,.about-copy,.contact-copy,.contact-item p,.detail-panel p,.article-card p,.page-panel p{color:var(--muted);line-height:1.8}.showcase{padding-top:110px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#11151ed1;padding:14px 14px 0;transition:transform .2s,box-shadow .2s,border-color .2s;display:block}.work-card:hover{border-color:#f4b57161;transform:translateY(-4px);box-shadow:0 28px 70px #00000042}.work-visual{border-radius:24px;justify-content:center;align-items:center;height:360px;display:flex;overflow:hidden}.work-visual.amber{background:linear-gradient(135deg,#f5d8a4,#d7864f)}.work-visual.dark{color:#fff;background:linear-gradient(135deg,#101827,#31465a)}.work-visual.sky{background:linear-gradient(135deg,#cfe5f8,#7fa8be)}.work-visual.rose{background:linear-gradient(135deg,#f7d6d2,#d9998d)}.work-visual span{letter-spacing:-.12em;font-size:clamp(4.3rem,7vw,7rem);font-weight:800}.work-meta{padding:20px 8px 24px}.work-meta p{color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem}.work-meta h3{letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,2.5vw,2.6rem)}.process-card{padding:28px 22px}.testimonial{padding-top:110px}.quote-box{padding:38px 34px}blockquote{letter-spacing:-.06em;max-width:960px;margin:0;font-size:clamp(1.7rem,2.9vw,3.6rem);line-height:1.15}.quote-person{flex-direction:column;gap:4px;margin-top:24px;display:flex}.quote-person strong{font-size:.9rem}.cta-panel{background:linear-gradient(135deg,#f4b5711f,#121a27);justify-content:space-between;align-items:center;gap:24px;padding:30px 36px;display:flex}.cta-panel h2{letter-spacing:-.06em;max-width:700px;margin:0;font-size:clamp(2rem,3vw,3.3rem);line-height:1.12}.page-header{justify-content:space-between;align-items:end;gap:30px;padding-top:60px;display:flex}.page-header h1{letter-spacing:-.08em;margin:0;font-size:clamp(3.8rem,7vw,7rem);line-height:.8}.page-intro{max-width:430px;margin:0}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.filter{border:1px solid var(--line);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;background:#ffffff05;border-radius:999px;padding:.7rem 1rem;font-size:.7rem;display:inline-flex}.filter.active{color:#10151d;background:linear-gradient(135deg, var(--accent), #f1a06f);border-color:#0000}.project-card{padding:12px 12px 0}.detail-shell{padding-top:42px}.detail-hero{grid-template-columns:.9fr 1.1fr;gap:26px;display:grid}.detail-summary{padding:32px}.detail-summary h1{letter-spacing:-.08em;margin:0 0 16px;font-size:clamp(2.7rem,5vw,5rem)}.detail-list{gap:18px;margin-top:26px;display:grid}.detail-item{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:18px;padding-top:12px;display:flex}.detail-item strong{color:var(--accent-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.detail-visual{border-radius:var(--radius-xl);border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);justify-content:center;align-items:center;display:flex}.detail-visual.amber{background:linear-gradient(135deg,#ebca89,#d49d62)}.detail-visual.dark{color:#fff;background:linear-gradient(135deg,#121c2a,#34506a)}.detail-visual.sky{background:linear-gradient(135deg,#ddedf9,#90afc0)}.detail-visual.rose{background:linear-gradient(135deg,#efddd8,#d49a8d)}.detail-visual span{letter-spacing:-.12em;font-size:clamp(5rem,10vw,9rem);font-weight:800}.detail-section{padding-top:64px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-panel{padding:30px}.detail-panel h3{letter-spacing:-.06em;margin:0 0 12px;font-size:1.8rem}.about-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.about-copy{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);letter-spacing:-.05em;background:#121922cc;margin:0;padding:30px;font-size:clamp(1.9rem,2.7vw,3.1rem);line-height:1.22}.about-copy strong{color:var(--accent)}.contact-shell{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-card{color:#fff;border-radius:var(--radius-xl);min-height:300px;box-shadow:var(--shadow);border:1px solid var(--line);background:linear-gradient(135deg,#f4b57126 0%,#121a27f5 40%,#171f2ef5 100%);padding:34px}.contact-card h2{letter-spacing:-.08em;margin:0 0 16px;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.95}.contact-copy{color:#ffffffb8}.email-link{color:var(--accent-soft);margin-top:18px;font-size:1.2rem;font-weight:700;display:inline-block}.contact-item{padding:28px}.contact-item h3{letter-spacing:-.06em;margin:0 0 16px;font-size:1.7rem}.page-panel{padding:30px}.page-panel h3{letter-spacing:-.06em;margin:0 0 12px;font-size:1.85rem}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.article-card{padding:26px 24px}.article-card .tag{color:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:.68rem;display:inline-block}.article-card h3{margin:0 0 12px}.timeline{gap:18px;margin-top:18px;display:grid}.timeline-item{grid-template-columns:110px 1fr;align-items:start;gap:18px;padding:24px 26px;display:grid}.timeline-item strong{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.timeline-item h3{letter-spacing:-.05em;margin:0 0 8px;font-size:1.6rem}.page-cta{margin-top:48px}.cpu-shell{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.cpu-card{border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:#10141cc7;padding:30px}.cpu-card h3{letter-spacing:-.06em;margin:0 0 14px;font-size:1.9rem}.cpu-card p{color:var(--muted);margin:0 0 24px;line-height:1.8}.cpu-controls{gap:14px;margin-bottom:20px;display:grid}.cpu-controls label{color:var(--accent-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.cpu-controls input[type=range]{width:100%;accent-color:var(--accent)}.cpu-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.cpu-result .result-row{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cpu-result .result-row:last-child{border-bottom:0}.cpu-result .result-row strong{color:var(--ink)}@media (max-width:920px){.hero,.page-header,.detail-hero,.about-grid,.contact-shell{grid-template-columns:1fr;display:grid}.service-grid,.process-grid,.work-grid,.detail-grid,.story-grid{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap;gap:12px;height:auto;padding:18px 0}.nav-links{order:3;justify-content:center;width:100%}.hero{padding-top:54px}}@media (max-width:640px){.container{width:min(100% - 24px,1200px)}.nav-links{gap:14px;font-size:.62rem}.hero{padding-top:38px}.hero-visual{height:400px}.service-grid,.process-grid,.work-grid,.detail-grid,.story-grid{grid-template-columns:1fr}.split-head,.cta-panel,.page-header{display:block}.button-primary{margin-top:18px}.cta-panel{padding:24px 20px}.timeline-item,.cpu-shell{grid-template-columns:1fr}}