:root{color-scheme:dark;--bg:#0b0b0d;--ink:#f3f3f3;--muted:#a6a6ad;--line:#26262c;--lime:#c5f467;--purple:#8548e8;--gap:clamp(24px,5vw,76px);font-family:Arial,Helvetica,"Noto Sans",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.65}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--purple);color:white}p,h1,h2,h3,figure{margin:0}p{color:var(--muted);overflow-wrap:break-word}h1,h2,h3{font-weight:400;line-height:1.1}img{display:block;width:100%;height:auto}button{border:0}section{scroll-margin-top:24px}.container{width:min(1280px,calc(100% - var(--gap)*2));margin-inline:auto}.header{padding:22px var(--gap);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:20;background:rgba(11,11,13,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.wordmark{font-size:17px;line-height:1;letter-spacing:-.06em;font-weight:700;display:block}.wordmark>span{display:block;font-size:21px}.brand-dot{color:var(--lime)}.header-right{display:flex;align-items:center;gap:48px}nav{display:flex;gap:30px;font-size:14px}nav a{color:#b5b5bb;transition:color .2s}nav a:hover,nav a.active{color:var(--lime)}.language{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:25px}.language svg{width:17px;height:17px;fill:none;stroke:var(--muted);stroke-width:1.4}.language select{background:transparent;border:0;color:var(--ink);font-size:14px;cursor:pointer;max-width:112px;padding:7px 2px}.language option{background:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:10px}.progress{position:fixed;top:0;left:0;width:0;height:2px;background:var(--lime);z-index:100}.eyebrow{font-family:monospace;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--lime);line-height:1.7}.hero{position:relative;padding-top:74px;padding-bottom:68px;isolation:isolate}.hero:before{content:"";position:absolute;inset:8% -2% -3% 35%;z-index:-1;background:radial-gradient(ellipse at 80% 70%,#7039c528,transparent 65%);pointer-events:none}.hero h1{font-size:clamp(48px,7.9vw,112px);line-height:.99;letter-spacing:-.07em;margin-top:30px;max-width:1100px}.hero h1>span{display:block}.hero .muted-title{color:#a09aa9}.accent{color:var(--lime)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:42px;padding-right:80px}.hero-bottom p{max-width:490px;font-size:18px;line-height:1.65}.pill{padding:13px 23px;border:1px solid #56515e;border-radius:40px;font-size:14px;white-space:nowrap;transition:background .25s,border .25s,transform .25s}.pill:hover{background:var(--lime);color:var(--bg);border-color:var(--lime);transform:translateY(-3px)}.hero-index{position:absolute;right:0;bottom:71px;writing-mode:vertical-rl;font:12px monospace;color:#66646e;letter-spacing:.15em}.brand-strip{display:flex;align-items:center;gap:64px;padding:29px 0;border-block:1px solid var(--line)}.wtv-brand{font-size:34px;font-weight:700;letter-spacing:-.1em}.vp-brand{font-weight:700;font-size:25px;letter-spacing:-.06em}.loov-brand{font-size:22px;letter-spacing:.22em}.strip-label{margin-left:auto;font-size:13px;color:#777780;text-align:right}.project{padding-top:83px;padding-bottom:80px;border-bottom:1px solid var(--line)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.project-number{color:#777780;font:12px monospace}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}.project-heading h2{font-size:clamp(52px,7vw,92px);letter-spacing:-.075em}.project-heading h2 .accent{padding-left:9px;font-weight:300;color:#7540c8}.project-heading>div{max-width:45%;text-align:right}.role{font-size:16px;color:var(--ink)}.date{font:13px monospace;margin-top:5px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:37px 0}.lead{font-size:clamp(22px,2.2vw,30px);line-height:1.4;letter-spacing:-.025em;color:#e5e4e8}.intro-grid>.lead{max-width:510px}.intro-grid>p:last-child{max-width:540px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:36px 0 48px}.metrics.three{grid-template-columns:repeat(3,1fr)}.metrics>div{padding:25px 25px 28px;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border-right:0}.metrics strong{font-size:clamp(36px,4.5vw,61px);font-weight:400;letter-spacing:-.075em;line-height:1.2}.metrics strong span{font-size:.6em;color:var(--lime);padding-left:2px}.metrics p{font-size:14px;margin-top:10px;line-height:1.5;max-width:225px}.wtv-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:64px;align-items:start}.detail{display:grid;grid-template-columns:27px 1fr;gap:16px;padding:25px 0;border-top:1px solid var(--line)}.detail:first-child{padding-top:0;border-top:0}.detail-index{font:12px monospace;color:#777780;padding-top:6px}h3{font-size:24px;letter-spacing:-.035em;line-height:1.3}.detail p{margin-top:14px}.visual{max-width:470px;justify-self:end}.image-button{position:relative;display:block;width:100%;background:#17171c;padding:0;overflow:hidden;text-align:left}.image-button img{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s}.image-button:hover img{transform:scale(1.025);filter:brightness(1.06)}.image-hint{position:absolute;bottom:15px;right:15px;background:rgba(11,11,13,.75);border:1px solid #ffffff30;border-radius:30px;padding:7px 15px;font-size:12px;backdrop-filter:blur(10px)}figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:12px;font-size:12px;color:#777780}.investigation{margin-top:42px;padding:34px;background:linear-gradient(110deg,#17131f,#101013);border:1px solid #352647;position:relative}.investigation:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--purple)}.investigation-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:40px;margin-top:20px}.investigation h3{font-size:clamp(27px,3.2vw,42px);line-height:1.2}.investigation p+p{margin-top:16px}.investigation .lead{font-size:22px}.takeaway{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.takeaway p{font-size:21px;color:#d6d3dc;line-height:1.5;letter-spacing:-.02em}.gallery{display:grid;gap:10px}.vp-gallery{grid-template-columns:repeat(6,1fr)}.vp-gallery button:first-child,.vp-gallery button:nth-child(2){grid-column:span 3}.vp-gallery button:nth-child(n+3){grid-column:span 2}.vp-gallery img{aspect-ratio:16/9;object-fit:cover}.vp-gallery button:nth-child(n+3) img{aspect-ratio:1/1}.two-details{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin:36px 0}.two-details p{margin-top:15px}.video-gallery{grid-template-columns:repeat(3,1fr) 1.5fr;align-items:start}.video-gallery img{aspect-ratio:9/16;object-fit:cover}.video-note{padding:25px 0 25px 28px}.video-note p{font-size:23px;line-height:1.45;letter-spacing:-.025em;color:#d0ced6;margin-top:22px}.small-note{font-size:12px;color:#777780;margin-top:17px}.comparison{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;margin:37px 0}.comparison figure{min-width:0}.comparison img{aspect-ratio:1/1;object-fit:cover}.comparison figure:last-child img{aspect-ratio:2.04/1}.comparison figcaption{display:block;padding-top:18px}.comparison figcaption p{font-size:16px;margin-top:8px;max-width:520px}.loov-gallery{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-top:38px}.loov-gallery button:first-child{grid-row:span 2}.loov-gallery>div{padding:24px 10px}.loov-gallery .lead{margin-top:15px;font-size:26px}.about{padding:80px 0;border-bottom:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;line-height:1.15}.about-grid p+p{margin-top:20px}.capabilities{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.capabilities span{font-size:13px;border:1px solid #39353f;border-radius:30px;padding:6px 12px;color:#d5d1dd}.early{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:35px;margin-top:48px}.early h3{margin-top:17px;font-size:27px;line-height:1.3;max-width:460px}.early p+p{margin-top:14px}.early-gallery{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.early-gallery img{aspect-ratio:16/10;object-fit:cover}.contact{position:relative;padding:75px 0 68px}.contact h2{font-size:clamp(38px,6.1vw,82px);line-height:1.05;letter-spacing:-.06em;margin-top:25px;max-width:950px}.contact .email{display:inline-block;font-size:clamp(16px,2.2vw,28px);margin-top:32px;border-bottom:1px solid #56515e;padding-bottom:5px;overflow-wrap:anywhere;transition:color .2s}.email:hover{color:var(--lime)}.contact-links{display:flex;flex-wrap:wrap;gap:30px;margin-top:23px;font-size:14px;color:#a6a6ad}.contact-links a:hover{color:var(--ink)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:23px;font-size:12px;color:#777780}footer a:hover{color:var(--lime)}.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.motion .reveal.visible{opacity:1;transform:translateY(0)}dialog{border:1px solid #34323b;background:#101013;color:var(--ink);padding:18px;width:min(1100px,94vw);max-height:94dvh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog img{max-height:73dvh;width:100%;object-fit:contain}.lightbox-toolbar,.lightbox-controls{display:flex;justify-content:space-between;align-items:center;gap:12px}.lightbox-toolbar{margin-bottom:14px}.lightbox-controls{margin-top:14px}dialog button{background:#25232b;padding:8px 18px;border-radius:20px;font-size:14px}dialog button:hover{background:#393044}dialog button:disabled{opacity:.35;cursor:default}#image-counter{font:13px monospace;color:var(--muted)}html[lang=zh],html[lang=ja]{font-family:"Noto Sans CJK SC","Hiragino Kaku Gothic ProN","Microsoft YaHei",Arial,sans-serif}html[lang=zh] h1,html[lang=ja] h1{font-size:clamp(44px,7vw,95px);line-height:1.17;letter-spacing:-.04em}html[lang=zh] p,html[lang=ja] p{line-height:1.85}html[lang=ru] .hero h1,html[lang=fr] .hero h1,html[lang=es] .hero h1{font-size:clamp(43px,6.6vw,93px);line-height:1.08;letter-spacing:-.055em}
@media(min-width:1550px){.header{padding-inline:max(var(--gap),calc((100vw - 1280px)/2))}}@media(max-width:900px){.header-right{gap:25px}nav{gap:20px}.language{padding-left:15px}.hero-bottom{padding-right:45px}.brand-strip{gap:36px}.strip-label{max-width:140px}.wtv-layout{gap:32px;grid-template-columns:1fr 1fr}.intro-grid,.about-grid,.early{gap:32px}.video-gallery{grid-template-columns:repeat(3,1fr)}.video-note{grid-column:1/-1;padding:15px 0}.video-note p{margin-top:8px;font-size:21px}.video-note .eyebrow{display:none}.takeaway{grid-template-columns:1fr 2fr;gap:25px}.investigation-grid{gap:25px}.project-heading h2{font-size:64px}}
@media(max-width:620px){:root{--gap:22px}.header{padding:16px 22px;gap:14px}.wordmark{font-size:13px}.wordmark>span{font-size:16px}.header-right{gap:12px}nav{gap:14px;font-size:12px}nav a:nth-child(2){display:none}.language{padding-left:12px;gap:4px}.language svg{display:none}.language select{font-size:12px;max-width:96px}.hero{padding-top:49px;padding-bottom:40px}.hero h1{font-size:clamp(43px,9.9vw,62px);letter-spacing:-.065em;margin-top:23px}.hero-bottom{display:block;margin-top:25px;padding-right:0}.hero-bottom p{font-size:16px}.pill{display:inline-block;margin-top:23px;padding:11px 20px}.hero-index{display:none}.brand-strip{gap:30px;padding:22px 0}.wtv-brand{font-size:28px}.vp-brand{font-size:21px}.loov-brand{font-size:19px}.strip-label{display:none}.project{padding-top:47px;padding-bottom:44px}.section-top{margin-bottom:22px}.eyebrow{font-size:11px;letter-spacing:.1em}.project-heading{gap:20px;align-items:start}.project-heading h2{font-size:clamp(43px,10vw,61px)}.project-heading>div{max-width:50%;padding-top:8px}.role{font-size:14px;line-height:1.45}.date{font-size:12px}.intro-grid{grid-template-columns:1fr;gap:18px;margin:25px 0}.lead{font-size:25px}.metrics{grid-template-columns:1fr 1fr;margin:26px 0 30px}.metrics>div{padding:18px 16px!important}.metrics>div:nth-child(odd){padding-left:0!important}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(n+3){border-top:1px solid var(--line)}.metrics strong{font-size:44px}.metrics p{font-size:13px;margin-top:7px}.metrics.three{grid-template-columns:repeat(3,1fr)}.metrics.three>div{border-top:0;border-right:1px solid var(--line);padding:18px 12px!important}.metrics.three>div:first-child{padding-left:0!important}.metrics.three>div:last-child{border-right:0}.metrics.three strong{font-size:36px}.wtv-layout{grid-template-columns:1fr;gap:22px}.visual{justify-self:stretch;max-width:none}.visual img{max-height:none}.detail{gap:10px;padding:22px 0}h3{font-size:23px}.investigation{padding:24px;margin-top:28px}.investigation-grid{grid-template-columns:1fr;gap:18px}.investigation h3{font-size:32px}.takeaway{grid-template-columns:1fr;gap:15px;margin-top:27px;padding-top:25px}.takeaway p{font-size:20px}.two-details{grid-template-columns:1fr;gap:26px;margin:28px 0}.gallery{gap:7px}.comparison{grid-template-columns:1fr 1fr;gap:15px;margin:27px 0}.comparison figure:last-child img{aspect-ratio:1/1;object-fit:cover}.comparison figcaption p{font-size:14px}.loov-gallery{gap:15px}.loov-gallery>div{padding:8px 0}.loov-gallery .lead{font-size:20px;margin-top:10px}.about{padding:44px 0}.about-grid,.early{grid-template-columns:1fr;gap:22px}.about h2{font-size:37px}.early{margin-top:34px;padding-top:28px}.early h3{font-size:25px}.early-gallery{gap:10px}.contact{padding:48px 0 42px}.contact h2{font-size:clamp(35px,8.8vw,52px)}.contact .email{font-size:clamp(15px,4vw,21px);margin-top:25px}.contact-links{gap:15px;margin-top:18px}html[lang=ru] .hero h1,html[lang=fr] .hero h1,html[lang=es] .hero h1{font-size:clamp(33px,8vw,48px);line-height:1.14}html[lang=zh] .hero h1,html[lang=ja] .hero h1{font-size:clamp(36px,9.1vw,54px)}html[lang=ja] .contact h2,html[lang=ru] .contact h2{font-size:36px}dialog{padding:12px}dialog img{max-height:70dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.motion .reveal{opacity:1;transform:none}}

@media(max-width:400px){nav a[href="#contact"]{display:none}.header-right{gap:14px}.language select{max-width:100px}}

/* Sequential case studies: one chapter, its copy, then its evidence. */
.project,.about{max-width:1040px}.project-heading{align-items:start}.intro-grid{display:block;margin:28px 0 34px}.intro-grid .lead{max-width:760px;margin-bottom:18px}.intro-grid>p:last-child{max-width:760px}.chapter{padding:32px 0;border-top:1px solid var(--line);display:block}.chapter h3{font-size:28px;line-height:1.25;margin-bottom:16px}.chapter>p{max-width:760px}.chapter .metrics{margin:24px 0 0}.chapter .visual{max-width:650px;justify-self:auto;margin:25px 0 0}.chapter .visual img{max-height:none;object-fit:contain}.partnership-case{padding:25px 0 0;margin-top:23px;border-top:1px solid var(--line)}.partnership-case h4{font-size:23px;font-weight:400;letter-spacing:-.025em;line-height:1.3;margin:0 0 14px}.partnership-case p{max-width:760px}.featured-case{padding:28px 30px;margin-top:27px;border:1px solid #51376c;border-left:3px solid var(--purple);background:linear-gradient(115deg,#191122,#111014)}.featured-case h4{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.quest-content{display:block}.quest-metric{margin-top:23px;border-left:1px solid var(--line);padding-left:20px}.quest-metric strong{font-size:35px;font-weight:400;line-height:1.2}.quest-metric p{font-size:14px;max-width:460px;margin-top:7px}.chapter#wtv-investigation .lead{font-size:20px;margin-bottom:15px;max-width:760px}.chapter .vp-gallery{margin-top:25px}.chapter .video-gallery{margin-top:25px}.chapter-label{display:block;margin-bottom:9px}#loov-before figure{max-width:620px;margin-top:23px}#loov-my-style>figure{max-width:860px;margin-top:23px}#loov-my-style>figure img{aspect-ratio:auto;object-fit:contain}#loov-my-style .loov-gallery{margin-top:17px;grid-template-columns:1fr 1fr}#loov-my-style .loov-gallery button:first-child{grid-row:auto}#loov-my-style .loov-gallery>div{grid-column:1/-1;padding:12px 0 0}#loov-my-style .loov-gallery img{aspect-ratio:auto;object-fit:contain}#loov-my-style .loov-gallery .lead{font-size:21px;max-width:760px}.takeaway{margin-top:12px}.hero{padding-top:42px;padding-bottom:40px}.hero h1{font-size:clamp(43px,6vw,78px)}.hero-bottom{margin-top:25px}.hero-index{bottom:42px}.project{padding-top:50px;padding-bottom:45px}.project-heading h2{font-size:clamp(46px,6vw,72px)}.brand-strip{padding:20px 0}.about{padding:50px 0}.chapter .gallery .reveal{opacity:1;transform:none}
@media(max-width:620px){.project{padding-top:35px;padding-bottom:30px}.chapter{padding:26px 0}.chapter h3{font-size:24px}.featured-case{padding:23px 20px}.featured-case h4{font-size:30px}.chapter .metrics{margin-top:20px}.chapter .visual{margin-top:20px}.intro-grid{margin:22px 0 25px}.hero{padding-top:35px;padding-bottom:30px}.hero h1{font-size:clamp(42px,9.7vw,60px)}#loov-my-style .loov-gallery .lead{font-size:20px}.project-heading h2{font-size:clamp(43px,10vw,61px)}.takeaway{margin-top:8px}}

/* Complete source galleries keep each image visible without cropping. */
.source-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;margin-top:24px}.source-gallery img{height:auto;aspect-ratio:auto;object-fit:contain}.source-gallery .image-button{align-self:start}.source-gallery .image-button:has(img[width="1588"]){grid-column:1/-1}.community-gallery{grid-template-columns:repeat(2,100px);gap:14px;margin-top:24px}.community-gallery img{border-radius:50%}.community-gallery .image-button{background:transparent}.source-copy p+p{margin-top:18px}.experience-copy{max-width:760px}.experience-copy h2{margin-bottom:26px}.experience-copy p+p{margin-top:18px}.contact .telegram-primary{display:block;width:fit-content;font-size:clamp(36px,6vw,72px);letter-spacing:-.04em;line-height:1.2;margin-top:32px;color:var(--lime);border-bottom:1px solid #c5f46755;padding-bottom:6px}.contact .email{display:block;width:fit-content;font-size:clamp(14px,1.5vw,19px);margin-top:18px}.source-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;margin-top:18px;color:var(--muted)}.source-links a{border-bottom:1px solid var(--line)}
@media(max-width:620px){.source-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}.community-gallery{grid-template-columns:repeat(2,80px)}.contact .telegram-primary{font-size:clamp(34px,9vw,52px)}.contact .email{font-size:14px;margin-top:15px}}
.loov-evidence,.experience-gallery{display:block;columns:3;column-gap:12px}.loov-evidence .image-button,.experience-gallery .image-button{break-inside:avoid;margin-bottom:12px}.experience-gallery .image-button:has(img[width="1588"]){column-span:all}@media(max-width:620px){.loov-evidence,.experience-gallery{columns:2;column-gap:8px}.loov-evidence .image-button,.experience-gallery .image-button{margin-bottom:8px}}

.takeaway .source-copy p,.text-white{color:#fff}.early-caption{margin-top:20px;max-width:760px;font-size:16px;line-height:1.65}.community-gallery+.metrics{margin-top:24px}.vp-gallery{opacity:1!important;transform:none!important}

/* LOOV photographs have fixed slots and no scroll or hover animation. */
#loov-my-style{opacity:1;transform:none;transition:none;animation:none}
#loov-my-style .image-button{display:inline-block;vertical-align:top;transition:none;animation:none}
#loov-my-style .image-button img{width:100%;height:100%;object-fit:contain;transition:none;animation:none;transform:none;filter:none}
#loov-my-style .image-button:hover img{transform:none;filter:none}

/* Stable, unanimated source photographs and the supplied video montage. */
.video-montage{margin-top:24px}
#vp-video,.experience-gallery{opacity:1;transform:none;transition:none;animation:none}
.experience-gallery .image-button,.video-montage .image-button{display:inline-block;vertical-align:top;transition:none;animation:none}
.experience-gallery .image-button img,.video-montage .image-button img{width:100%;height:100%;object-fit:contain;transition:none;animation:none;transform:none;filter:none}
.experience-gallery .image-button:hover img,.video-montage .image-button:hover img{transform:none;filter:none}

/* Branded content result, direct image display, compact early portfolio. */
.freak-metric{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.freak-metric strong{display:block;font-size:clamp(44px,6vw,72px);font-weight:400;line-height:1.15;letter-spacing:-.055em}.freak-metric p{font-size:16px;margin-top:9px}
#wtv-visual,#loov-before{opacity:1;transform:none;transition:none;animation:none}
#wtv-visual .image-button img,#loov-before .image-button img{transition:none;transform:none;filter:none}
.experience-gallery{columns:5;column-gap:12px}.experience-gallery .image-button:has(img[width="1588"]){column-span:none}
@media(max-width:900px){.experience-gallery{columns:3}}
@media(max-width:620px){.experience-gallery{columns:2;column-gap:8px}.freak-metric strong{font-size:44px}}


/* Personal About: one spacing system, static photographs, native video. */
.personal-page{max-width:1040px;padding-block:42px 54px;--photo-gap:12px}
.personal-opening{position:relative;isolation:isolate}
.personal-opening::before{content:"";position:absolute;z-index:-1;inset:0 -20px 20% 35%;background:radial-gradient(ellipse at 85% 30%,#7039c526,transparent 68%);pointer-events:none}
.personal-opening .section-top{margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:24px}
.personal-page h1{font-size:clamp(46px,6vw,78px);font-weight:400;letter-spacing:-.055em;line-height:1.1}
.personal-page p{max-width:760px;font-size:17px;line-height:1.65}
.personal-page p+p{margin-top:18px}
.personal-intro{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:center;margin-bottom:26px}
.personal-intro .lead{font-size:clamp(24px,2.7vw,34px);line-height:1.4;letter-spacing:-.025em;color:var(--ink);max-width:670px}
.personal-section{border-top:1px solid var(--line);padding-top:32px;margin-top:36px}
.personal-section-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:24px}
.personal-section-heading .eyebrow{flex:0 0 26px}
.personal-section-heading h2{font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.2;margin:0;letter-spacing:-.035em}
.personal-gallery{display:grid;gap:var(--photo-gap);margin:26px 0;align-items:stretch}
.personal-gallery.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}
.personal-page .photo{display:block;min-width:0;background:#101013;overflow:hidden;cursor:default}
.personal-page .photo img{display:block;width:100%;height:100%;object-fit:cover;transition:none;animation:none;transform:none}
.personal-gallery.four-up .photo{aspect-ratio:3/4!important}
.travel-feature{max-width:820px;margin:0 0 24px}
.travel-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101013;object-fit:contain}
.gaming-story{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}
.personal-page .personal-aside{margin-top:20px;color:var(--ink)}
.chess-gallery{max-width:820px;grid-template-columns:1fr 1fr;align-items:start}
.chess-gallery .photo img{object-fit:contain}
.design-gallery{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.design-gallery>.photo:first-child{grid-row:span 2;aspect-ratio:auto!important}
.design-gallery>.photo:not(:first-child){aspect-ratio:16/9!important}
.inspiration-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--photo-gap);margin-top:26px;align-items:stretch}
.inspiration-grid figure{min-width:0;display:flex;flex-direction:column}
.inspiration-grid figcaption{padding:0 0 10px;font-size:14px;color:var(--ink);line-height:1.4}
.inspiration-grid .snatch{grid-column:1;grid-row:1}
.inspiration-grid .mappa{grid-column:1;grid-row:2}
.inspiration-grid .snatch .photo,.inspiration-grid .mappa .photo{aspect-ratio:16/9!important}
.inspiration-grid .steklo{grid-column:2;grid-row:1/span 2}
.inspiration-grid .steklo .photo{aspect-ratio:auto!important;flex:1;position:relative}
.inspiration-grid .steklo img{position:absolute;inset:0;object-fit:cover}
.inspiration-grid .hidari{grid-column:1/-1;grid-row:3;margin-top:12px}
.hidari-video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#101013}
@media(max-width:900px){.personal-intro{grid-template-columns:210px minmax(0,1fr);gap:28px}.personal-intro .lead{font-size:26px}}
@media(max-width:620px){nav a:nth-child(2){display:inline}nav a[data-t=contact]{display:none}.personal-page{padding-block:30px 36px;--photo-gap:8px}.personal-opening .section-top{padding-bottom:20px;margin-bottom:24px}.personal-intro{grid-template-columns:1fr;gap:20px}.personal-intro>.photo{max-width:210px}.personal-intro .lead{font-size:24px}.personal-page p{font-size:16px}.personal-section{padding-top:26px;margin-top:30px}.personal-section-heading{gap:12px;margin-bottom:20px}.personal-section-heading h2{font-size:27px}.personal-section-heading .eyebrow{flex-basis:20px}.personal-gallery.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-gallery{margin:22px 0}.gaming-story{grid-template-columns:1fr;gap:20px}.gaming-story>.photo{max-width:200px}.inspiration-grid figcaption{font-size:13px}.inspiration-grid .hidari{margin-top:8px}}

/* Shared entry point and static photographs on both pages. */
.hero-main{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:center;margin-top:25px}
.hero-main h1{margin-top:0}
.hero-portrait{width:100%;aspect-ratio:3/4;overflow:hidden;background:#101013}
.hero-portrait img{height:100%;width:100%;object-fit:cover}
.hero-bottom{padding-right:45px;gap:24px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.hero-actions .pill{display:inline-block;margin-top:0;text-align:center}
.image-button{cursor:default}
.image-button img,.image-button:hover img{transition:none;transform:none;filter:none}
@media(max-width:900px){.hero-main{grid-template-columns:minmax(0,1fr) 200px;gap:26px}.hero-main h1{font-size:clamp(42px,6.3vw,65px)}.hero-bottom{align-items:start;flex-direction:column}.hero-actions{margin-top:5px}}
@media(max-width:620px){.hero-main{grid-template-columns:1fr;gap:24px;margin-top:23px}.hero-main h1{font-size:clamp(42px,9.7vw,60px)}.hero-portrait{width:190px}.hero-bottom{padding-right:0}.hero-actions{margin-top:22px;gap:10px;flex-wrap:wrap}.hero-actions .pill{font-size:14px;padding:11px 18px}.hero-index{display:none}}