:root{--bg:#09111a;--bg2:#0c1621;--text:#f4f7fa;--muted:#a7b6c4;--line:rgba(255,255,255,.10);--accent:#69b9ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 82% 4%,rgba(60,132,210,.15),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg2) 52%,var(--bg))}img{max-width:100%}a{color:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(9,17,26,.78);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;font-weight:850;letter-spacing:-.02em}.site-nav{display:flex;gap:22px}.site-nav a{text-decoration:none;color:#c8d3dd;font-size:.85rem;font-weight:650}.site-nav a:hover{color:#fff}.nav-toggle{display:none;min-height:42px;padding:0 13px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#eef4f8;font:inherit;font-size:.82rem;font-weight:750}
.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;padding:78px 0 76px}.eyebrow,.section-label,.small-label{color:var(--accent);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:850}h1{font-size:clamp(4rem,7.2vw,6.65rem);line-height:.92;letter-spacing:-.058em;margin:18px 0 0}.hero-copy>p{max-width:690px;color:#c4ced8;font-size:clamp(1.04rem,1.7vw,1.28rem);line-height:1.66;margin:26px 0 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{min-height:48px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;text-decoration:none;font-weight:800;border:1px solid var(--line)}.primary{background:#f4f7fa;color:#09111a}.secondary{background:rgba(255,255,255,.04)}
.portrait-wrap{display:flex;flex-direction:column;gap:14px}.portrait-card{position:relative;min-height:590px;border-radius:30px;overflow:hidden;border:1px solid var(--line);background:#111e2b;box-shadow:0 28px 70px rgba(0,0,0,.28)}.portrait-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:43% center}.portrait-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,rgba(9,17,26,.10))}.portrait-note{margin:0 10px;color:#9fb0bf;font-size:.86rem;line-height:1.55;max-width:520px}
.section{padding:82px 0}h2{font-size:clamp(2.65rem,4.7vw,4.75rem);line-height:.99;letter-spacing:-.048em;margin:12px 0 0;max-width:950px}.lead{font-size:1.12rem!important;color:#edf3f7!important}.intro{max-width:760px;color:var(--muted)!important;line-height:1.72;margin:22px 0 0}
.project-card{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:28px;border:1px solid var(--line);background:linear-gradient(145deg,#11263b,#0d1824);box-shadow:0 24px 65px rgba(0,0,0,.22)}.project-visual{min-height:470px;padding:30px;border-right:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle at 26% 16%,rgba(105,185,255,.18),transparent 28%),#0c1a28}.project-shot{width:100%;overflow:hidden;border-radius:18px;background:#071522;border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 65px rgba(0,0,0,.35)}.shot-bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#08131f}.shot-bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}.project-shot img{display:block;width:100%;height:auto;aspect-ratio:1400/448;object-fit:cover}.project-copy{padding:48px;display:flex;flex-direction:column;justify-content:center}.pill{width:fit-content;border:1px solid rgba(105,185,255,.18);background:rgba(105,185,255,.08);color:#b2dbff;border-radius:999px;padding:7px 10px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.project-copy h3{font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.045em;margin:18px 0 16px}.project-copy p{color:#b9c6d1;line-height:1.72;margin:0}.project-meta{margin-top:21px!important;color:#91cbfa!important;font-size:.8rem}.text-link{margin-top:27px;width:fit-content;text-decoration:none;font-weight:800;border-bottom:1px solid rgba(255,255,255,.30);padding-bottom:4px}
.story-section{padding-top:74px;padding-bottom:78px;background:rgba(255,255,255,.012);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px;align-items:center}.story-copy h2{font-size:clamp(2.7rem,3.9vw,4rem);line-height:1.01;max-width:730px}.pb100{position:relative;padding:24px 24px 18px;border-radius:18px;background:linear-gradient(155deg,#d9d6ca,#aaa79b);color:#1a2019;border:1px solid rgba(255,255,255,.2);box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.38)}.pb-brand{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;padding:0 3px 9px;border-bottom:1px solid rgba(30,32,28,.25)}.pb-brand strong{font-size:.78rem;letter-spacing:.08em}.pb-brand span{font-size:.48rem;letter-spacing:.14em;opacity:.6}.pb-brand b{font-size:.68rem;letter-spacing:.1em}.pb-display{margin-top:14px}.lcd-label{display:block;margin:0 0 4px 4px;font-size:.46rem;letter-spacing:.12em;opacity:.65}.pb-screen{background:#6c755f;border:4px solid #292d28;border-radius:5px;min-height:66px;padding:16px 14px;font-family:"Courier New",monospace;font-size:.95rem;letter-spacing:.05em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.045)}.pb-keyboard{display:grid;grid-template-columns:1fr 132px;gap:14px;margin-top:17px}.alpha-keys{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.number-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.alpha-keys span,.number-keys span{min-height:25px;display:grid;place-items:center;border-radius:3px;background:linear-gradient(180deg,#353733,#20221f);color:#d8d9d2;font-size:.48rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 1px rgba(0,0,0,.18)}.number-keys span:last-child{background:linear-gradient(180deg,#7e745b,#544d3d)}.pb-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:10px;padding:0 3px;font-size:.43rem;letter-spacing:.1em;opacity:.58}.device-caption{font-size:.7rem;margin:15px 0 0;text-align:center;opacity:.66}.story-copy p{color:#b8c5d0;line-height:1.78;margin:0 0 18px}
.photo-intro{display:grid;grid-template-columns:.98fr 1.02fr;gap:64px;align-items:start;margin-bottom:42px}.photo-intro h2{font-size:clamp(2.8rem,4.45vw,4.55rem);max-width:720px}.photo-story p{color:#b7c4cf;line-height:1.76;margin:0 0 17px}.gallery{display:grid;grid-template-columns:1.25fr .8fr .8fr;grid-template-rows:320px 320px;gap:14px}.photo{padding:0;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;background:#111;cursor:zoom-in}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.photo:hover img{transform:scale(1.025)}.photo.tiger{grid-row:1 / span 2}
.interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.interest-grid article{min-height:245px;padding:22px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.interest-grid span{font-size:.7rem;color:#77bdf8;font-weight:850;letter-spacing:.1em}.interest-grid h3{margin:50px 0 10px;font-size:1.18rem}.interest-grid p{margin:0;color:#9eafbe;line-height:1.58;font-size:.9rem}
.question-section{padding:88px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.question-section h2{font-size:clamp(3.15rem,6.8vw,6.6rem);margin:0}.question-section p{max-width:700px;margin:20px 0 0 auto;color:#aebcc8;line-height:1.75}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px}.about-grid h2{font-size:clamp(2.8rem,4.2vw,4.25rem);max-width:610px}.about-copy p{color:#b8c5d0;line-height:1.78;margin:0 0 18px}
.more-section{padding:58px 0 90px}.more-card{padding:34px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(105,185,255,.08),rgba(255,255,255,.025));display:flex;justify-content:space-between;align-items:end;gap:30px}.more-card h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 8px}.more-card p{max-width:770px;color:#adbbc7;line-height:1.68;margin:0}.more-card>span{white-space:nowrap;color:#8fc9f9;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:850}
footer{border-top:1px solid rgba(255,255,255,.07);padding:28px 0 42px}.footer-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#7e91a3;font-size:.8rem}.footer-wrap>div{display:flex;gap:16px}.footer-wrap a{text-decoration:none;color:#a5b4c1}
dialog{border:0;padding:0;background:transparent;max-width:min(94vw,1500px);max-height:94vh}dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(8px)}dialog img{max-width:90vw;max-height:88vh;border-radius:14px;display:block}.close{position:fixed;right:24px;top:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(10,15,20,.75);color:white;font-size:30px;cursor:pointer}
@media(max-width:980px){.hero,.story-grid,.photo-intro,.about-grid,.project-card{grid-template-columns:1fr}.portrait-card{min-height:520px;max-width:680px;width:100%;margin:auto}.project-visual{border-right:0;border-bottom:1px solid var(--line)}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:370px 270px 270px}.photo.tiger{grid-column:1 / span 2;grid-row:auto}.interest-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:min(100% - 22px,1180px)}.nav-wrap{height:60px;position:relative}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.site-nav{display:none;position:absolute;top:52px;right:0;min-width:180px;padding:10px;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:14px;background:rgba(9,17,26,.97);box-shadow:0 18px 45px rgba(0,0,0,.35)}.site-nav.open{display:flex}.site-nav a{padding:11px 12px;border-radius:9px}.site-nav a:hover{background:rgba(255,255,255,.05)}.hero{min-height:auto;padding:46px 0 58px;gap:36px}h1{font-size:clamp(3.2rem,15.8vw,5rem)}.portrait-card{min-height:430px}.section{padding:68px 0}.project-copy{padding:28px 22px 32px}.project-visual{min-height:340px;padding:22px}.project-shot{width:100%}.gallery{grid-template-columns:1fr;grid-template-rows:auto}.photo,.photo.tiger{grid-column:auto;grid-row:auto;min-height:280px}.photo.tiger{min-height:380px}.interest-grid{grid-template-columns:1fr}.interest-grid article{min-height:205px}.interest-grid h3{margin-top:34px}.question-section{padding:80px 0}.question-section p{margin-left:0}.more-card{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}