
:root{--paper:#fdfcf9;--ink:#171b1c;--muted:#646968;--line:#e5e4df;--orange:#e65b3d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}.site-header{width:90%;max-width:1390px;margin:auto;height:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:23px;font-weight:700;letter-spacing:-.06em;text-decoration:none;white-space:nowrap}.brand-sub{font-size:9px;font-weight:400;letter-spacing:.21em;text-transform:uppercase;color:#858787;margin-left:24px;vertical-align:middle}.nav{display:flex;gap:42px;align-items:center}.nav a{font-size:14px;text-decoration:none;white-space:nowrap}.nav a:hover{text-decoration:underline;text-underline-offset:7px}.wrap{max-width:1420px;margin:auto;padding:26px 5% 70px}.back{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);text-decoration:none;display:inline-block;margin-bottom:28px}.hero{display:grid;grid-template-columns:minmax(245px,.8fr) minmax(0,1.4fr);gap:clamp(28px,5vw,76px);align-items:start}.hero img{display:block;width:100%;height:auto}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;color:var(--muted);margin:0 0 13px}.hero h1{font:400 clamp(52px,6vw,88px)/1 Georgia,serif;letter-spacing:-2px;margin:4px 0 13px}.deck{font:400 clamp(25px,2.8vw,40px)/1.14 Georgia,serif;margin:0 0 24px}.accent{color:var(--orange)}p{font-size:15px;line-height:1.7;margin:0 0 15px}.lead{font-size:17px;line-height:1.63}.hero p{max-width:680px}.section{border-top:1px solid var(--line);padding-top:30px;margin-top:60px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:clamp(28px,5vw,76px)}.section h2{font:400 clamp(30px,3.4vw,46px)/1.13 Georgia,serif;margin:8px 0 16px}.section .index{font-size:11px;letter-spacing:1.5px;color:var(--orange);text-transform:uppercase}.section .body{max-width:760px}.photo{margin:24px 0 0}.photo img{width:100%;height:auto;display:block}.photo figcaption{font-size:11px;color:var(--muted);line-height:1.5;margin-top:8px}.experiences{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--line)}.experiences li{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.experiences li span{flex:1}.experiences small{font-size:12px;color:var(--muted)}.experiences a{color:var(--orange);text-decoration:none;font-size:17px}.figgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:24px}.figgrid img{width:100%;height:100%;object-fit:cover;display:block}.statline{display:flex;gap:30px;flex-wrap:wrap;margin:22px 0}.statline div{border-top:2px solid var(--orange);padding-top:12px;min-width:145px;flex:1}.statline strong{display:block;font:400 40px Georgia,serif;color:var(--orange)}.statline span{display:block;font-size:12px;line-height:1.5;margin-top:6px}.links{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px}.links a{font-size:13px;color:var(--orange);text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:3px}.footer{border-top:1px solid var(--line);margin-top:58px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.footer a{text-decoration:none;color:var(--orange)}@media(max-width:800px){.brand-sub{display:none}.site-header{height:80px}.nav{gap:18px}.hero{grid-template-columns:220px 1fr;gap:28px}.hero h1{font-size:56px}.deck{font-size:27px}.section{gap:28px}}@media(max-width:640px){.site-header{width:calc(100% - 40px)}.brand{font-size:20px}.nav{gap:13px}.nav a{font-size:12px}.wrap{padding:20px 20px 55px}.hero,.section{grid-template-columns:1fr}.hero .hero-image{max-width:300px}.section{margin-top:42px;padding-top:22px}.section h2{font-size:32px}.figgrid{grid-template-columns:1fr}.footer{flex-direction:column}.experiences li{gap:8px}.experiences small{max-width:110px;text-align:right}}

/* v5: restrain the experimentation photograph */
.section .photo{max-width:470px;margin-top:22px}
.section .photo img{width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.section .photo{max-width:100%}}

/* v6: experimentation image below the left headline, intentionally compact */
.section .experiment-photo{width:100%;max-width:270px;margin:22px 0 0}
.section .experiment-photo img{width:100%;height:auto;display:block}
.section .experiment-photo figcaption{font-size:10px;line-height:1.5}
.poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin-top:28px}
.poster-card{margin:0;min-width:0}
.poster-card img{display:block;width:100%;height:155px;object-fit:contain;object-position:center;background:#f3f2ee}
.poster-card a{display:block}
.poster-card figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:12px;line-height:1.4}
.poster-card figcaption span{font-weight:600}
.poster-card figcaption small{font-size:11px;color:var(--muted);white-space:nowrap}
.poster-remaining{font-size:12px;color:var(--muted);margin-top:23px}
.poster-remaining strong{font-weight:500;color:var(--ink)}
@media(max-width:640px){.section .experiment-photo{max-width:240px}.poster-grid{gap:16px 12px}.poster-card img{height:115px}.poster-card figcaption{display:block}.poster-card figcaption small{display:block;margin-top:2px}}

/* v7: compact horizontal experimentation image */
.section .experiment-photo{width:100%;max-width:310px;margin:18px 0 0}
.section .experiment-photo img{width:100%;height:136px;object-fit:cover;object-position:center;display:block}
/* v7: one continuous editorial strip, no cards or colored boxes */
.section .poster-grid{grid-column:1/-1;display:flex;align-items:flex-start;gap:13px;margin:18px 0 0;width:100%}
.section .poster-card{flex:1 1 0;min-width:0;margin:0}
.section .poster-card:nth-child(1){flex-grow:1.42}
.section .poster-card:nth-child(2){flex-grow:.8}
.section .poster-card:nth-child(3){flex-grow:1.35}
.section .poster-card:nth-child(4){flex-grow:.9}
.section .poster-card:nth-child(5){flex-grow:1.1}
.section .poster-card img{width:100%;height:130px;object-fit:contain;object-position:center;background:transparent}
.section .poster-card figcaption{display:block;margin-top:8px;font-size:11px;line-height:1.35}
.section .poster-card figcaption span{font-weight:600}
.section .poster-card figcaption small{display:block;white-space:normal;font-size:10px;margin-top:2px}
.section .poster-remaining{grid-column:1/-1;margin:5px 0 0}
@media(max-width:800px){.section .poster-grid{flex-wrap:wrap;gap:18px 12px}.section .poster-card{flex:1 1 28%!important}.section .poster-card img{height:120px}}
@media(max-width:480px){.section .poster-card{flex:1 1 44%!important}.section .poster-card img{height:110px}.section .experiment-photo{max-width:290px}}

/* v11: tightly stacked, consistently bottom-aligned seven-poster strip */
.section .poster-grid{margin-top:2px!important;gap:5px!important;align-items:stretch!important}
.section .poster-card{display:flex;flex-direction:column;min-width:0}
.section .poster-card a{display:flex!important;align-items:flex-end!important;justify-content:center!important;height:134px!important;min-height:134px!important;line-height:0}
.section .poster-card a img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center bottom!important}
.section .poster-card figcaption{margin-top:4px!important;align-self:stretch}
@media(max-width:800px){.section .poster-card a{height:122px!important;min-height:122px!important}}
@media(max-width:480px){.section .poster-card a{height:115px!important;min-height:115px!important}}



/* v8 adjustments */
.hero .hero-image{aspect-ratio:16/9;width:100%;overflow:hidden;background:#111}
.hero .hero-image iframe{width:100%;height:100%;border:0;display:block}
.section .experiment-photo{max-width:100%;width:100%;margin-top:14px}
.section .experiment-photo img{width:100%;height:auto;aspect-ratio:2.15/1;object-fit:cover}
.section .poster-grid{gap:7px;margin-top:9px;align-items:flex-start}
.section .poster-card{flex:1 1 0!important}
.section .poster-card img{height:125px;object-fit:contain;object-position:center}
.section .poster-card figcaption{margin-top:4px;line-height:1.25}
.section .poster-card figcaption small{margin-top:1px}
.section .poster-remaining{margin-top:3px}
@media(max-width:800px){.section .poster-grid{gap:9px 7px}.section .poster-card{flex:1 1 30%!important}}
@media(max-width:480px){.section .poster-card{flex:1 1 45%!important}.section .experiment-photo{max-width:100%}}



/* v9: seven posters as a tightly packed, full-width editorial strip */
.section .poster-grid{display:flex;grid-column:1/-1;width:100%;gap:5px;margin-top:9px;align-items:flex-start;flex-wrap:nowrap}
.section .poster-card,.section .poster-card:nth-child(n){flex:1 1 0;min-width:0;margin:0}
.section .poster-card img{display:block;width:100%;height:125px;object-fit:contain;object-position:center;background:none}
.section .poster-card figcaption{display:block;margin:5px 0 0;padding:0;text-align:left;font-size:10px;line-height:1.3}
.section .poster-card figcaption span{display:block;font-weight:600}
.section .poster-card figcaption small{display:block;font-size:9px;line-height:1.3;margin-top:2px;white-space:normal}
.video-fallback{font-size:12px;margin:8px 0 0;color:#666}
.video-fallback a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.section .poster-grid{flex-wrap:wrap;gap:10px 5px}.section .poster-card,.section .poster-card:nth-child(n){flex:0 0 calc((100% - 15px)/4)!important}.section .poster-card img{height:115px}}
@media(max-width:480px){.section .poster-card,.section .poster-card:nth-child(n){flex:0 0 calc((100% - 10px)/3)!important}.section .poster-card img{height:110px}}



/* v10 editorial refinements */
@media(min-width:641px){
 .section > .body{padding-top:27px}
}
.section .poster-grid{margin-top:4px;gap:5px;align-items:flex-start}
.section .poster-card a{height:134px;display:flex;align-items:flex-end;justify-content:center}
.section .poster-card img{height:auto;max-height:134px;width:100%;object-fit:contain;object-position:center bottom}
.section .poster-card figcaption{margin-top:4px}
.hero .hero-image{background:#111;position:relative;aspect-ratio:16/9}
.hero .hero-image .video-launch{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#fff}
.hero .hero-image .video-launch img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86}
.hero .hero-image .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:50px;border-radius:13px;background:#e62117;display:grid;place-items:center;box-shadow:0 3px 20px #0005}
.hero .hero-image .play-icon:after{content:'';border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:19px solid white;margin-left:4px}
.hero .hero-image .video-label{position:absolute;bottom:13px;left:16px;font-size:12px;text-shadow:0 1px 5px #000}
@media(max-width:800px){.section .poster-card a{height:122px}.section .poster-card img{max-height:122px}}
@media(max-width:480px){.section .poster-card a{height:115px}.section .poster-card img{max-height:115px}}



/* v12: one consistent 5px gutter, natural poster proportions, common top edge */
.section .poster-grid{display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:5px!important;column-gap:5px!important;row-gap:5px!important;}
.section .poster-card,.section .poster-card:nth-child(n){min-width:0!important;max-width:none!important;margin:0!important;}
.section .poster-card:nth-child(1){flex:2 1 0!important}
.section .poster-card:nth-child(2){flex:1.006 1 0!important}
.section .poster-card:nth-child(3){flex:1.776 1 0!important}
.section .poster-card:nth-child(4){flex:1.043 1 0!important}
.section .poster-card:nth-child(5){flex:1.393 1 0!important}
.section .poster-card:nth-child(6){flex:1.5 1 0!important}
.section .poster-card:nth-child(7){flex:.707 1 0!important}
.section .poster-card a{display:block!important;height:auto!important;min-height:0!important;line-height:0!important;}
.section .poster-card a img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:unset!important;object-position:top left!important;}
.section .poster-card figcaption{margin-top:5px!important;}
.video-label{display:none!important;}
@media(max-width:700px){.section .poster-grid{flex-wrap:wrap!important;justify-content:flex-start!important}.section .poster-card,.section .poster-card:nth-child(n){flex:0 0 calc((100% - 10px)/3)!important}.section .poster-card a{height:120px!important;display:flex!important;align-items:flex-start!important}.section .poster-card a img{width:100%!important;height:120px!important;object-fit:contain!important;object-position:top center!important}}


figcaption small a { color: inherit; text-decoration: underline; text-decoration-color: #b7b0aa; text-underline-offset: 3px; } figcaption small a:hover { color: #e65b3d; text-decoration-color: currentColor; }


/* v15 editorial consistency: preserve the established Holodome composition. */
.section { scroll-margin-top: 24px; }
.section .poster-grid { column-gap: 5px !important; row-gap: 10px !important; margin-top: 4px !important; align-items: flex-start !important; }
.section .poster-card { margin: 0 !important; padding: 0 !important; min-width: 0; }
.section .poster-card a { align-items: flex-start !important; }
.section .poster-card a img { object-position: center top !important; }
.section .poster-card figcaption { margin-top: 4px !important; }
.section .poster-card figcaption small { display: block; margin-top: 2px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } }



/* v16: explicit responsive experience layouts and consistent credit spacing */
.section .poster-card figcaption {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin-top:7px!important;line-height:1.35!important;}
.section .poster-card figcaption span {display:block!important;}
.section .poster-card figcaption small {display:block!important;margin:0!important;line-height:1.45!important;}
.section .poster-card figcaption small a {display:inline!important;height:auto!important;min-height:0!important;line-height:inherit!important;text-decoration:underline;text-underline-offset:2px;}
.mobile-experience-list {display:none;}
@media(max-width:700px){
 .section .poster-grid {display:none!important;}
 .mobile-experience-list {display:block;grid-column:1/-1;margin-top:12px;border-top:1px solid var(--line);}
 .mobile-experience {padding:15px 0 14px;border-bottom:1px solid var(--line);}
 .mobile-experience h3 {margin:0 0 5px;font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:19px;line-height:1.25;letter-spacing:-.015em;}
 .mobile-experience p {margin:0;color:var(--ink);font-size:13px;line-height:1.5;}
 .mobile-credit {margin-top:6px;color:var(--muted);font-size:11px;line-height:1.4;}
 .mobile-credit a {color:inherit;text-decoration:underline;text-underline-offset:2px;}
}
