/* v12: shorter homepage, project context together, full collections on demand. */
:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px}
html{scroll-behavior:auto;scroll-padding-top:24px}
body{font-size:16px;line-height:1.6}
header{max-width:1280px;margin:0 auto;padding:24px 32px;gap:24px}
.identity{font-size:24px}.identity span{font-size:12px;margin-top:4px}
nav{gap:24px}nav a{min-height:44px}
main{max-width:1280px}
section{padding:64px 32px}
h1{font-size:clamp(36px,4.5vw,64px);line-height:1.06;letter-spacing:-.04em}
h2{font-size:clamp(28px,3vw,40px);line-height:1.15}
h3{font-size:24px}p{margin:0 0 16px}figure{margin:0}figcaption{font-size:14px;color:var(--muted);margin-top:8px}
img{max-width:100%;height:auto}.eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:16px}.small{font-size:14px;line-height:1.5;color:var(--muted)}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.text-link{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px;color:var(--blue)}
.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:32px;background:var(--blue);color:#132018;font-weight:700;text-decoration:none}
.home-hero{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:64px;padding-top:40px;padding-bottom:48px}
.hero-copy .personal-name{font:italic clamp(36px,4.5vw,64px)/1.1 Georgia,serif;margin:0 0 24px;letter-spacing:-.04em}
.hero-copy h1{margin:0 0 24px}.hero-copy>p:not(.eyebrow):not(.personal-name):not(.small){max-width:38ch;font-size:18px;color:#c8ceca}
.hero-actions{display:flex;align-items:center;gap:24px;margin:24px 0 16px}.hero-location{margin:0}
.hero-visual{max-width:420px;width:100%;justify-self:end}.hero-visual .image-open{width:100%;border-radius:16px;overflow:hidden}.hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}
.compact-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.compact-head>p{max-width:54ch;margin-bottom:0}.compact-head h2{max-width:23ch}.compact-head .text-link{flex-shrink:0}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.project-cover{display:block;margin-bottom:24px;overflow:hidden;border-radius:12px}.project-cover img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain;background:#171d19;transition:transform 180ms ease-out}.project-cover:hover img{transform:scale(1.015)}
.project-card h3{margin-bottom:16px}.project-card h3 a{text-decoration:none;display:flex;justify-content:space-between;align-items:center}.project-card h3 span{color:var(--blue)}.project-card>p:not(.eyebrow){color:#c8ceca}.project-card .eyebrow{margin-bottom:8px}.project-card .small{color:var(--muted)}
.disclosure{margin:24px 0 0;max-width:90ch}.anchor{display:block;scroll-margin-top:24px}
.featured-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.featured-videos video{width:100%;height:auto;aspect-ratio:9/16;max-height:520px;object-fit:contain;background:#090a09;border-radius:12px;display:block}.featured-videos h3{margin:16px 0 8px;font-size:22px}.featured-videos p{margin-bottom:8px}.featured-videos article>p:last-child{font-size:15px;color:var(--muted)}
.ai-feature{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:32px;align-items:center}.ai-feature video{display:block;width:100%;max-height:420px;aspect-ratio:9/16;object-fit:contain;background:#090a09;border-radius:12px}.ai-feature h3{font-size:20px;margin:16px 0 8px}.ai-copy{padding-left:16px;color:#c8ceca}
.studio-compact{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.studio-mark{padding:32px;background:var(--blue);color:#16251b;border-radius:16px}.studio-mark .eyebrow{color:#16251b;margin-top:16px}.studio-symbol{display:block;width:100%;font:italic 96px/1 Georgia,serif;min-height:160px}.studio-symbol .m-card{width:120px}.studio-symbol .m-bubble{white-space:normal;width:110px;font-size:13px}
.studio-copy>p{font-size:18px}.steps{list-style:none;margin:24px 0;padding:0;counter-reset:step}.steps li{display:grid;grid-template-columns:32px 1fr;gap:0 16px;padding:16px 0;border-top:1px solid var(--line);counter-increment:step}.steps li:before{content:'0' counter(step);grid-row:1/3;color:var(--blue);font-size:13px;padding-top:4px}.steps strong{display:block}.steps span{grid-column:2;color:var(--muted);font-size:15px}
details{margin-top:24px;border-top:1px solid var(--line);padding:16px 0 0}summary{cursor:pointer;min-height:44px;line-height:1.5;padding:8px 0;color:var(--blue);font-weight:600}details>p{margin-top:16px}details[open] summary{margin-bottom:8px}
.about-compact{display:grid;grid-template-columns:.55fr 1.45fr;gap:64px;align-items:start}.about-compact .portrait{max-width:300px}.about-compact .portrait img{aspect-ratio:1/1.15;object-fit:cover;object-position:center bottom;border-radius:16px}.about-compact h2{max-width:23ch;margin-bottom:24px}.about-compact p{color:#c8ceca}.tool-list>div{margin:16px 0}.tool-list dt{font-weight:700}.tool-list dd{margin:4px 0 0;color:var(--muted)}
footer{padding:48px 32px;display:flex;justify-content:space-between;align-items:end;gap:32px}footer h2{font-size:clamp(28px,3vw,40px);margin-bottom:16px}footer .contact-email{font-size:clamp(18px,2.6vw,32px);display:inline-block;min-height:44px;margin:8px 0 0;overflow-wrap:anywhere}.footer-links{display:flex;flex-direction:column;gap:8px;margin:0}.footer-links a{min-height:44px;display:inline-flex;align-items:center}.footer-links p{margin:8px 0 0}
/* Project pages */
.page-intro,.project-intro{padding-top:40px;padding-bottom:40px}.page-intro h1{margin:24px 0 16px}.page-intro nav{display:flex;flex-wrap:wrap;gap:8px 24px}.page-intro nav a{display:inline-flex;align-items:center}.project-intro>a{display:inline-flex;min-height:44px;align-items:center;margin-bottom:24px}.project-intro h1{max-width:23ch;margin-bottom:24px}.project-intro>p:not(.eyebrow){max-width:65ch}.role-line{color:var(--muted);font-size:14px}.role-line strong{color:var(--ink);margin-right:16px}
.project-gallery,.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.project-gallery .image-open,.concept-grid .image-open{display:block;width:100%;border-radius:12px;overflow:hidden}.project-gallery img{display:block;aspect-ratio:1122/1402;object-fit:contain;width:100%;background:#171d19}
.project-section>h2{margin-bottom:32px}.project-section .transform{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;padding:0;margin:0;border:0}.transform .index{display:none}.transform h3{font-size:24px}.transform p{font-size:16px}.transform .pair{gap:24px}.transform .pair img{height:auto;max-height:none;object-fit:contain}.project-section>.text-link,.project-section>a{display:inline-flex;min-height:44px;align-items:center;margin-top:16px}.project-section .section-head{margin-bottom:32px;gap:32px}
/* Full library */
.section-head{margin-bottom:32px;gap:32px}.section-head>p{font-size:16px}.toolbar{margin-bottom:24px}.video-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.video-toolbar p{margin:0}select{max-width:100%;min-height:48px;border:1px solid #67736a;background:#1c2220;color:var(--ink);padding:8px 16px;border-radius:8px;font-size:16px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.video-grid video{aspect-ratio:9/16;object-fit:contain;max-height:520px;width:100%;background:#090a09}.video-grid h3{font-size:20px}.video-grid p{font-size:14px}.beauty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.research-path{margin:24px 0}.explorer{gap:48px}.explorer figure{max-width:400px}.ad-grid{gap:32px}.library-bottom{margin-top:32px}.image-open{border:0;padding:0;background:#171d19;color:inherit;cursor:zoom-in}.image-open img{display:block}.concept-grid h3{margin:16px 0}.project-card,.featured-videos article,.ai-feature article{min-width:0}
@media(max-width:1000px){.home-hero{gap:32px}.hero-visual{max-width:360px}.compact-head{align-items:start}.project-grid,.featured-videos{gap:24px}.studio-compact,.about-compact{gap:32px}.ai-feature{gap:24px}.project-section .transform{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){header{padding:16px 24px;display:flex;flex-wrap:wrap;gap:16px}.identity span{display:none}nav{margin:0;gap:8px 16px;flex-wrap:wrap}nav a{font-size:14px;min-height:44px}.nav-contact{padding:4px 12px}.home-hero{padding:24px;grid-template-columns:1fr;gap:24px}.hero-copy .personal-name{font-size:40px;margin-bottom:16px}.hero-copy h1{font-size:38px;margin-bottom:16px}.hero-copy>p:not(.eyebrow):not(.personal-name):not(.small){font-size:16px;max-width:38ch}.hero-copy .eyebrow{margin-bottom:8px}.hero-actions{margin:16px 0 0;gap:16px}.hero-location{display:none}.hero-visual{max-width:360px;justify-self:center}.hero-visual img{max-height:400px}.hero-visual figcaption{font-size:12px}section{padding:40px 24px}.compact-head{display:block;margin-bottom:24px}.compact-head h2{max-width:22ch}.compact-head .text-link{margin-top:16px}.project-grid{grid-template-columns:1fr;gap:40px}.project-card{display:grid;grid-template-columns:1fr;gap:0}.project-cover{margin-bottom:16px;max-width:400px;width:100%;justify-self:center}.project-card h3{font-size:26px;margin-bottom:8px}.project-card>p{margin-bottom:8px}.project-card .eyebrow{margin-top:0}.featured-videos{display:grid;grid-template-columns:repeat(3,80%);overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:16px}.featured-videos article{scroll-snap-align:start}.featured-videos video{max-height:440px}.ai-feature{grid-template-columns:1fr 1fr;gap:16px}.ai-feature video{max-height:360px}.ai-feature h3{font-size:18px}.ai-copy{grid-column:1/-1;padding:8px 0 0}.studio-compact{grid-template-columns:1fr;gap:24px}.studio-mark{padding:24px;display:grid;grid-template-columns:110px 1fr;column-gap:24px;align-items:center}.studio-symbol{grid-row:1/3;min-height:145px;width:110px}.studio-symbol .m-card{width:100px}.studio-symbol .m-bubble{display:none}.studio-mark .eyebrow{margin:0}.studio-mark h2{font-size:28px}.studio-copy>p{font-size:16px}.about-compact{grid-template-columns:1fr;gap:24px}.about-compact .portrait{max-width:180px}.about-compact h2{margin-bottom:16px}footer{padding:40px 24px;display:block}.footer-links{flex-direction:row;flex-wrap:wrap;gap:8px 24px;margin-top:16px}.footer-links p{flex-basis:100%}.project-intro{padding-top:24px;padding-bottom:24px}.project-intro h1{font-size:40px}.project-gallery{grid-template-columns:1fr 1fr;gap:24px 16px}.project-gallery figure:first-child{grid-column:1/-1;max-width:400px;justify-self:center;width:100%}.project-gallery figure:not(:first-child) figcaption{font-size:13px}.project-section .pair{grid-template-columns:1fr 1fr;gap:16px}.project-section .transform-copy h3{font-size:24px}.concept-grid{grid-template-columns:1fr;gap:32px}.section-head{grid-template-columns:1fr;gap:16px}.video-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.video-grid h3{font-size:18px}.beauty-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.video-toolbar{gap:8px 16px}.video-toolbar label{font-size:14px}.video-toolbar select{flex:1}.video-toolbar p{flex-basis:100%}.explorer{grid-template-columns:1fr;gap:24px}.ad-grid{gap:24px}.page-intro nav{gap:8px 16px}.home-hero .image-open{border-radius:12px}}
@media(max-width:380px){header{padding:16px}header nav{gap:4px 12px}.home-hero{padding:24px 16px}.hero-copy h1{font-size:34px}.hero-copy .personal-name{font-size:36px}section,footer{padding-left:16px;padding-right:16px}.studio-mark{column-gap:16px;padding:16px}.studio-mark h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-cover:hover img{transform:none}}