@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

:root{--ink:#e8eef4;--paper:#080b10;--acid:#d6ff4b;--orange:#ff7954;--line:rgba(214,231,245,.16);--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#080b10;font-family:var(--sans);overflow-x:hidden}.grain{position:fixed;z-index:5;inset:0;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.wrap{max-width:1280px;margin:auto;padding:0 48px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);letter-spacing:.02em;border-bottom:1px solid var(--line)}.wordmark{font-weight:500;font-size:13px;text-decoration:none;color:inherit;letter-spacing:.14em}.wordmark span{color:var(--acid)}nav{display:flex;gap:28px;margin-left:100px}a{color:inherit}nav a,.header-status{text-decoration:none}.header-status{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:8px 11px;border-radius:999px}.header-status i{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px #d6ff4b}.hero{min-height:720px;position:relative;padding-top:112px}.hero:after{content:"";position:absolute;left:-5vw;top:80px;width:62vw;height:62vw;background:radial-gradient(circle,rgba(36,104,125,.2),transparent 62%);filter:blur(10px);z-index:-1}.hero-copy{max-width:770px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0 0 22px;color:#9dacb9}.hero h1,.section-heading h2,.profile h2,.contact h2{font-size:clamp(52px,7.2vw,104px);line-height:.95;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 em,h2 em{font-family:var(--serif);font-weight:600;color:var(--acid);font-style:italic}.lede{max-width:475px;font-size:15px;line-height:1.7;margin:35px 0;color:#aebbc6}.hero-actions{display:flex;align-items:center;gap:28px}.button{font:11px var(--mono);letter-spacing:.04em;text-decoration:none;padding:16px 18px;display:inline-flex;gap:24px;align-items:center}.button span{font-size:18px;line-height:10px}.button-dark{background:var(--acid);color:#10150f;border-radius:2px;box-shadow:0 0 34px rgba(214,255,75,.16);transition:transform .25s,box-shadow .25s}.button-dark:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(214,255,75,.28)}.text-link{font:11px var(--mono);color:#ced9e2;text-underline-offset:5px}.hero-art{position:absolute;right:42px;top:58px;width:342px;height:492px;border:1px solid rgba(214,255,75,.54);background:#10212b;overflow:hidden;box-shadow:24px 26px 0 rgba(74,101,116,.17),0 24px 90px rgba(0,0,0,.48)}.portrait-photo{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.83) contrast(1.08);transform:scale(1.02);transition:transform .8s cubic-bezier(.16,1,.3,1)}.hero-art:hover .portrait-photo{transform:scale(1.08)}.portrait-note,.portrait-caption{font:9px/1.5 var(--mono);letter-spacing:.08em;position:absolute;z-index:3;color:#eff8ff;text-shadow:0 2px 16px #000}.portrait-note{background:#0a1015bb;padding:7px 8px;top:16px;left:16px}.portrait-caption{bottom:15px;left:16px}.portrait-scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 48%,rgba(214,255,75,.15) 50%,transparent 52%);background-size:100% 9px;mix-blend-mode:screen;opacity:.22;pointer-events:none}.orbit{position:absolute;border:1px solid var(--acid);border-radius:50%;width:450px;height:220px;transform:rotate(-34deg);mix-blend-mode:screen;z-index:1;pointer-events:none}.orbit-one{top:44px;left:-67px}.orbit-two{top:88px;left:-63px;border-color:#eff6ff}.hero-footer{position:absolute;bottom:36px;left:48px;right:48px;border-top:1px solid var(--line);padding-top:16px;display:grid;grid-template-columns:80px 390px 1fr;gap:10px;font:11px/1.5 var(--mono);color:#aebbc6}.hero-footer a{justify-self:end;text-decoration:none;font-size:21px;color:var(--acid);animation:hero-arrow 1.7s ease-in-out infinite}.credibility-band{background:linear-gradient(90deg,#101820,#0d1117);border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}.stats{min-height:160px;display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;align-items:center;gap:22px}.stats>div{display:flex;align-items:center;gap:16px}.stats strong{font:500 46px/1 var(--serif);color:var(--acid)}.stats span,.stats p{font:10px/1.45 var(--mono);letter-spacing:.03em}.stats p{text-align:right}.stats b{color:var(--acid);font-weight:400}.work{padding-top:160px;padding-bottom:130px}.section-heading{max-width:660px;margin-bottom:90px}.section-heading>p:last-child{font-size:14px;line-height:1.7;max-width:340px;margin:30px 0 0 160px;color:#aab8c4}.project{position:relative;min-height:600px;border-top:1px solid var(--line);padding:23px 0 35px;display:grid;grid-template-columns:150px 1fr 48%;gap:25px}.project-number,.year,.tags,.project-content li{font:10px var(--mono);letter-spacing:.05em}.project-number,.year{color:#91a0ad}.project-content{padding:56px 25px 0 0;z-index:1}.project h3{font-size:clamp(43px,5vw,73px);line-height:.89;letter-spacing:-.075em;margin:17px 0 30px;color:#f0f5f8}.project-zabery h3 span{font-family:var(--serif)}.project-content>p{font-size:14px;line-height:1.7;max-width:355px;color:#aebbc6}.project ul{list-style:none;margin:29px 0;padding:0}.project li{margin:10px 0}.project li:before{content:'✦';color:var(--acid);margin-right:9px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid #40505d;padding:7px 9px;color:#bdcbd5;background:#111820}.project-visual{align-self:center;height:430px;position:relative;overflow:hidden;border:1px solid rgba(214,231,245,.13);box-shadow:0 26px 70px rgba(0,0,0,.25);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}.project:hover .project-visual{transform:translateY(-8px) rotate(.35deg);box-shadow:0 36px 85px rgba(0,0,0,.5)}.zabery-visual{background:#0f1f20;padding:32px}.window{height:100%;padding:17px;background:#e6e1d5;color:#1b211e;font:10px var(--mono)}.window-top,.mac-top{display:flex;gap:5px;align-items:center}.window-top i,.mac-top i{width:7px;height:7px;background:var(--orange);border-radius:50%}.window-top i:nth-child(2),.mac-top i:nth-child(2){background:#e9bf4f}.window-top i:nth-child(3),.mac-top i:nth-child(3){background:#83bb6a}.window-top b{font-weight:400;font-size:8px;margin-left:8px}.chart-title{font-size:19px;margin-top:45px}.chart-title strong{color:#387266;float:right}.chart{height:150px;margin:16px 0;border-bottom:1px solid #bdc8b8;background:repeating-linear-gradient(0deg,transparent 0,transparent 36px,#d3cec2 37px)}svg{width:100%;height:100%}.chart path{fill:none;stroke:#ff7248;stroke-width:3}.listing-row{padding:12px 0;border-bottom:1px solid #bdc8b8;display:grid;grid-template-columns:1fr 1fr 45px}.listing-row em{font-style:normal;color:#387266}.loqa-visual{background:#17172a;padding:34px}.mac-window{height:100%;background:#f6f3eb;border:1px solid #191919;border-radius:12px;overflow:hidden;padding:17px;color:#20201e}.mac-top span{margin:auto;font:10px var(--mono)}.translate-card{margin:54px 30px 0;padding:16px;background:#e9e2d7;border-radius:6px;box-shadow:5px 5px 0 #20201e}.translate-card small,.history{font:9px var(--mono);letter-spacing:.08em}.translate-card p{font-size:20px;margin:10px 0}.translate-arrow{width:28px;height:28px;border-radius:50%;background:var(--acid);display:grid;place-items:center;margin:14px 0;font-size:13px}.translate-card .translated{font-family:var(--serif);font-style:italic}.history{margin:25px 32px}.zvuchi-visual{background:#ed462f;color:#18120f;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.sound-brand{font:700 43px/.8 var(--sans);letter-spacing:-.08em}.sound-brand span{font-size:11px;vertical-align:top}.waves{height:190px;display:flex;align-items:center;justify-content:center;gap:8px}.waves i{display:block;width:9px;background:#18120f;border-radius:10px;animation:pulse 1.4s ease-in-out infinite}.waves i:nth-child(1),.waves i:nth-child(13){height:28px}.waves i:nth-child(2),.waves i:nth-child(12){height:65px}.waves i:nth-child(3),.waves i:nth-child(11){height:118px}.waves i:nth-child(4),.waves i:nth-child(10){height:82px}.waves i:nth-child(5),.waves i:nth-child(9){height:158px}.waves i:nth-child(6),.waves i:nth-child(8){height:100px}.waves i:nth-child(7){height:190px}.waves i:nth-child(even){animation-delay:.15s}.sound-meta{font:10px/1.55 var(--mono);letter-spacing:.06em}.b2b-visual{background:var(--acid);padding:34px;color:#151816}.operations{height:100%;border:1px solid #151816;padding:24px;display:flex;flex-direction:column}.operations p,.operations small{font:10px var(--mono);letter-spacing:.08em;margin:0}.operations>strong{font:74px/.9 var(--serif);letter-spacing:-.08em;margin-top:auto}.operations>small{margin:7px 0 25px}.ops-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #151816;border-left:1px solid #151816}.ops-grid span{font:9px/1.6 var(--mono);padding:10px;border-right:1px solid #151816;border-bottom:1px solid #151816}.ops-grid b{font-weight:500}.profile{padding:130px 48px;background:#10161c;color:var(--paper);max-width:none;display:grid;grid-template-columns:1fr 1.4fr 1.1fr;gap:45px}.profile-stamp{font:10px/1.5 var(--mono);letter-spacing:.09em;color:var(--acid)}.profile-stamp span{font-size:38px;line-height:.45}.profile-copy p:not(.eyebrow){max-width:420px;font-size:14px;line-height:1.7;color:#b7c3cc}.button-light{background:var(--acid);color:#10150f;margin-top:15px}.capabilities{padding-top:9px}.capability-list{margin-top:37px;border-top:1px solid var(--line);display:grid;grid-template-columns:35px 1fr}.capability-list>span,.capability-list>p{border-bottom:1px solid var(--line);padding:15px 0;margin:0;font:10px/1.55 var(--mono)}.capability-list b{font-weight:400;color:#aebbc6}.contact{background:linear-gradient(135deg,#d6ff4b,#a4dce3);padding-top:130px;color:#10151b}.contact .eyebrow{color:#28443d}.contact-inner{min-height:620px;position:relative}.contact h2{max-width:900px}.contact-links{display:flex;gap:30px;margin-top:58px}.contact-links a{font:11px var(--mono);text-decoration:none;border-bottom:1px solid #10151b;padding-bottom:7px}.contact-links span{font-size:18px}footer{position:absolute;bottom:27px;left:48px;right:48px;border-top:1px solid rgba(16,21,27,.35);padding-top:14px;display:flex;justify-content:space-between;font:10px var(--mono)}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}.delay-2{transition-delay:.3s}@keyframes pulse{50%{transform:scaleY(.72)}}@keyframes hero-arrow{50%{transform:translateY(6px)}}@media(max-width:800px){.wrap{padding-left:23px;padding-right:23px}.site-header{height:70px}nav{display:none}.header-status{font-size:9px}.hero{min-height:1040px;padding-top:65px}.hero-art{position:relative;top:auto;right:auto;margin:48px 0 0 auto;width:min(82vw,335px);height:440px}.portrait-photo{object-position:center 26%}.hero-footer{left:23px;right:23px;bottom:18px;grid-template-columns:40px 1fr}.hero-footer a{display:none}.stats{padding-top:28px;padding-bottom:28px;grid-template-columns:1fr 1fr}.stats>div{gap:10px}.stats strong{font-size:30px}.stats p{display:none}.work{padding-top:90px;padding-bottom:70px}.section-heading{margin-bottom:55px}.section-heading>p:last-child{margin-left:0}.project{min-height:0;display:flex;flex-direction:column;padding:18px 0 46px;gap:0}.project-content{padding:28px 0}.project-visual{height:320px;width:100%}.profile{display:block;padding:80px 23px}.profile-copy{margin:42px 0 70px}.contact{padding-top:80px}.contact-inner{min-height:560px}.contact-links{gap:16px;flex-wrap:wrap;margin-top:40px}footer{left:23px;right:23px;gap:10px}footer span:nth-child(2){display:none}.contact h2{font-size:48px}.hero h1{font-size:59px}}

/* --- About / my path --- */
.about{padding:130px 48px;display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}
.about-head{position:sticky;top:96px}
.about-head h2{font-size:clamp(40px,5.2vw,74px);line-height:.95;letter-spacing:-.06em;margin:16px 0 0;font-weight:700}
.about-tag{margin:26px 0 0;max-width:300px;font:11px/1.7 var(--mono);letter-spacing:.02em;color:#9dacb9}
.about-body{display:flex;flex-direction:column;gap:40px}
.about-copy{display:flex;flex-direction:column;gap:22px}
.about-copy p{max-width:520px;font-size:15px;line-height:1.75;color:#aebbc6;margin:0}
.about-copy p:first-child:first-letter{font-family:var(--serif);font-size:52px;line-height:.8;float:left;padding:6px 12px 0 0;color:var(--acid)}
.about-timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.about-timeline li{display:grid;grid-template-columns:120px 1fr;gap:4px 26px;padding:22px 0;border-bottom:1px solid var(--line)}
.about-timeline span{font:10px var(--mono);letter-spacing:.05em;color:var(--acid);padding-top:4px}
.about-timeline b{font-weight:600;font-size:16px;color:#eef4f8}
.about-timeline p{grid-column:2;margin:7px 0 0;font-size:13px;line-height:1.6;color:#96a4b0}
@media(max-width:800px){
  .about{display:block;padding:80px 23px}
  .about-head{position:static}
  .about-body{margin-top:38px}
  .about-tag{max-width:none}
  .about-timeline li{grid-template-columns:1fr;gap:2px}
  .about-timeline p,.about-timeline b{grid-column:1}
}