/* Black, luminous gold, and photographic scale. */
:root{--accent:#f5c542;--gold-line:#f5c54255;--ink:#f5f5f2;--muted:#b6b6b2;--atelier-soft:#b6b6b2;--bee-logo-width:86px;--bee-logo-height:62px;--bee-logo-color:#d6d6cf}
::selection{background:var(--accent);color:#000}
body{background:#000}
.hero-sticky{background:radial-gradient(ellipse at 53% 32%,#0c0c0c 0%,#000 65%)}
.hero-copy h1.legacy-headline em,.closing h2 em{color:var(--accent);-webkit-text-fill-color:currentColor}
.hero-top .eyebrow,.header-note,.sketch-copy .eyebrow,.sketch-caption,.section-index span:last-child,.closing .eyebrow,#artwork-dialog .modal-content .eyebrow{color:var(--accent)}
.swarm-trigger{border-color:var(--accent);border-radius:0;background:#000;color:#fff;box-shadow:inset 0 -2px var(--accent)}
.swarm-trigger:hover:not(:disabled){background:#171303;border-color:#ffe28b;box-shadow:inset 0 -3px #ffe28b}
.intro.section{background:#f1f1eb;padding-top:130px;padding-bottom:130px}
.intro h2{font-size:clamp(44px,6.5vw,104px);line-height:1.02;font-weight:500;letter-spacing:-.055em}
.intro h2 em{color:#665018}
.intro-bottom p{color:#474742;line-height:1.85}
.intro .intro-mark{background:#171717}
.sketch-section{background:#000;grid-template-columns:1.4fr 1fr;padding-top:150px;padding-bottom:150px;column-gap:3%}
.sketch-art{height:650px;mask-image:radial-gradient(ellipse 70% 70%,#000 55%,transparent 100%)}
.sketch-art img{filter:none}
.sketch-copy h2{font-size:clamp(50px,6.2vw,100px);line-height:1.02;font-weight:500}
.sketch-copy h2 em{color:var(--accent);font-weight:400}
.sketch-copy p{margin-top:30px;line-height:1.85;max-width:30ch}
.sketch-caption{border-top:1px solid var(--gold-line);padding-top:25px;font-size:12px}
.sketch-art-label{color:#deded8;font-size:12px}
.work.section{background:#000;padding-top:130px;padding-bottom:150px}
.work .section-head{align-items:end;margin-bottom:70px}
.work .section-head h2{font-size:clamp(56px,8vw,128px);line-height:1.02;font-weight:500}
.work h2 em{color:var(--accent)}
.gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%}
.detail-cards{display:flex;flex-direction:column;gap:90px;padding-top:140px}
.gallery .image-wrap{aspect-ratio:4/5;border:0;background:#000}
.gallery .image-wrap img{width:100%;height:100%;object-fit:cover}
.gallery .main-card{position:sticky;top:110px}
.gallery .caption{border:0;margin-top:25px;padding-top:0;gap:14px}
.gallery .caption h3{font-size:clamp(28px,2.9vw,44px);font-weight:500}
.gallery .caption>span{font-size:12px;color:var(--accent);letter-spacing:.13em;order:-1}
.gallery .art-card p{font-size:16px;color:#b6b6b2}
.gallery .view-icon{border:0;border-radius:0;background:#000b;color:#fff;transition:background .4s,color .4s,transform .6s}
.gallery .art-card:hover .view-icon{background:var(--accent);color:#000;transform:translate(3px,-3px)}
.material.section{background:#080808;padding-top:130px;padding-bottom:140px;border-top:1px solid #ffffff25}
.material-heading{grid-template-columns:1fr;gap:30px;margin-bottom:80px}
.material-heading h2{font-size:clamp(48px,6.3vw,100px);line-height:1.05;max-width:22ch;font-weight:500}
.material-heading h2 em{color:var(--accent)}
.material-layout{grid-template-columns:1.25fr 1fr;align-items:center;gap:8%}
.material-visual{margin:0}
.material-visual img{aspect-ratio:4/5;object-fit:cover}
.material-visual:after{display:none}
.material-visual figcaption{font-size:12px;padding-top:20px;color:#d3d3cd}
.notes summary{font-size:clamp(24px,2.3vw,36px);line-height:1.2;padding:35px 0;letter-spacing:-.025em}
.notes details[open] summary,.notes details[open] .note-number{color:var(--accent)}
.notes details p{color:#bcbcb8;line-height:1.8}
.notes details:before{background:var(--accent)}
.closing{padding-top:100px;padding-bottom:90px;background:#000;border-top:1px solid var(--gold-line)}
.closing h2{max-width:none;margin:75px 0 85px}
.closing h2>span{display:block;max-width:27ch;font-size:clamp(30px,3.4vw,54px);line-height:1.2;letter-spacing:-.035em;color:#c5c5c0}
.closing h2 em{font-size:clamp(52px,8.3vw,132px);line-height:1.05;letter-spacing:-.055em;padding-top:.27em}
.navigation-bee{background:var(--accent)}
.brand-bee,.closing-bee{width:var(--bee-logo-width);height:var(--bee-logo-height)}
.brand-bee .brand-mark,.closing-bee{background-color:var(--bee-logo-color)}
.closing .line-link{border-color:var(--accent);font-size:16px}
footer{background:#000;border-top:1px solid #ffffff25}
footer .wordmark span{color:#bcbcb8;font-size:12px}
.instagram-contact{color:var(--accent)}
.instagram-contact:hover{color:#ffe8a2}
.navigation-bottom .instagram-contact{border-color:var(--gold-line)}
#navigation-dialog{background:#000;padding:28px 7% 36px}
.mobile-nav a{border-color:#ffffff2c;padding:32px 0;gap:16px;transition:transform .9s cubic-bezier(.16,1,.3,1),color .3s}
.mobile-nav a:first-child{border-top-color:var(--gold-line)}
.nav-text{font-weight:500;letter-spacing:-.04em;font-size:clamp(30px,7.8vw,58px);line-height:1.15}
.nav-number,.nav-arrow{color:var(--accent)}
#artwork-dialog{background:#050505;border:1px solid #ffffff20;box-shadow:0 40px 150px #000}
#artwork-dialog[open]{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)}
#artwork-dialog .modal-content{padding:80px 40px 50px}
#artwork-dialog .modal-content h2{font-weight:500;font-size:clamp(34px,3.4vw,56px)}
#artwork-dialog .close{border-radius:0;background:#000d;padding:8px 12px;color:#fff}
#artwork-dialog .close:hover{color:var(--accent)}
#artwork-dialog::backdrop,#navigation-dialog::backdrop{background:#000e;backdrop-filter:blur(22px)}
@media(max-width:1050px){
 .sketch-art{height:500px}.sketch-section{grid-template-columns:1.1fr 1fr}
 .gallery{gap:5%}.detail-cards{padding-top:90px;gap:65px}
 .material-layout{gap:5%}.notes summary{font-size:25px}
 #artwork-dialog[open]{grid-template-columns:1.4fr 1fr}
}
@media(max-width:700px){
 .intro.section{padding:85px 6% 90px}.intro h2{font-size:clamp(42px,10vw,66px)}
 .sketch-section{padding:100px 6% 85px;display:flex;gap:30px}.sketch-art{height:auto;aspect-ratio:1/1}.sketch-copy h2{font-size:clamp(48px,11vw,72px)}
 .sketch-caption{gap:18px;font-size:12px}.sketch-art-label{font-size:12px}
 .work.section,.material.section{padding:85px 6% 95px}
 .work .section-head{margin-bottom:40px}.work .section-head h2{font-size:clamp(52px,12vw,80px)}
 .gallery{grid-template-columns:1fr;gap:55px}.gallery .main-card{position:static}.detail-cards{display:flex;padding-top:0;gap:55px}
 .gallery .caption h3{font-size:32px}.gallery .caption>span{font-size:12px}
 .material-heading{margin-bottom:45px}.material-heading h2{font-size:clamp(42px,9.5vw,65px)}
 .material-layout{grid-template-columns:1fr;gap:35px}.material-visual{position:static}.material-visual img{aspect-ratio:1/1}
 .notes summary{font-size:25px;padding:29px 0}.notes details p{font-size:16px}
 .closing{padding:70px 6% 60px}.closing h2{margin:50px 0}.closing h2>span{font-size:30px}.closing h2 em{font-size:clamp(47px,11vw,75px);white-space:normal}
 .closing .line-link{font-size:14px}.closing-bottom{gap:25px}
 #artwork-dialog[open]{display:block}#artwork-dialog .modal-content{padding:30px 24px}
 .mobile-nav a{gap:12px;padding:28px 0}.navigation-bottom{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.mobile-nav a,.gallery .view-icon{transition:none}}
/* The artist: portrait and biography. */
.artist-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:9%;padding:130px 6%;background:#000;border-top:1px solid var(--gold-line)}
.artist-portrait{margin:0;overflow:hidden}
.artist-portrait img{display:block;width:100%;height:auto;aspect-ratio:925/1536;object-fit:cover}
.artist-copy{min-width:0}
.artist-copy h2{font-family:var(--display);font-size:clamp(48px,6.1vw,96px);line-height:1.04;letter-spacing:-.05em;color:var(--accent);font-weight:500;margin:30px 0 40px;overflow-wrap:normal}
.artist-copy h2 span{display:block}
.artist-copy p{font-size:clamp(16px,1.35vw,20px);line-height:1.85;color:#c5c5c0;max-width:42ch;margin:0 0 24px}
.artist-copy .eyebrow{font-size:12px;letter-spacing:.16em}
@media(max-width:700px){.artist-section{grid-template-columns:1fr;gap:40px;padding:85px 6%}.artist-portrait{max-width:480px}.artist-copy h2{font-size:clamp(44px,10.5vw,70px);margin:22px 0 28px}.artist-copy p{font-size:17px}}

/* Typography: calm display forms, precise labels, and distinct text tones. */
:root{--display:'Manrope',Arial,sans-serif;--label:'Space Grotesk',Arial,sans-serif;--ink:#f5f3ed;--text-secondary:#bec2c7;--muted:#a5acb5;--atelier-soft:var(--text-secondary);--gold-text:#f6d477}
body{font-kerning:normal;font-synthesis:none;text-rendering:optimizeLegibility}
h1,h2,h3{color:var(--ink);text-wrap:balance}
.hero-copy h1.legacy-headline{font-weight:400;letter-spacing:-.038em;line-height:1.14}
.hero-copy h1.legacy-headline em{font-weight:600;letter-spacing:-.038em;color:var(--gold-text);-webkit-text-fill-color:currentColor}
.intro h2,.sketch-copy h2,.work .section-head h2,.material-heading h2{font-weight:400;letter-spacing:-.04em;line-height:1.1}
.intro h2{color:#17191c}
.intro h2 em{font-weight:400;color:#5a5040;letter-spacing:inherit}
.sketch-copy h2 em,.work h2 em,.material-heading h2 em{font-weight:400;letter-spacing:inherit;color:#c6cbd2}
.artist-copy h2{font-weight:400;letter-spacing:-.035em;line-height:1.12;color:var(--ink)}
.artist-copy h2 span:first-child{color:var(--gold-text)}
.artist-copy p,.sketch-copy p,.notes details p,#artwork-dialog .modal-content p{color:var(--text-secondary);letter-spacing:.005em;line-height:1.85;text-wrap:pretty}
.artist-copy p{font-size:clamp(1.0625rem,1.25vw,1.1875rem);max-width:43ch}
.intro-bottom p{font-size:1.0625rem;color:#474b51;line-height:1.85;text-wrap:pretty}
.gallery .caption h3{font-weight:600;letter-spacing:-.025em;line-height:1.2}
.gallery .art-card p,.gallery-note{color:var(--text-secondary);font-size:1rem;line-height:1.75}
.notes summary{font-weight:400;letter-spacing:-.02em;line-height:1.35}
.notes details[open] summary{color:var(--ink)}
.notes details[open] .note-number{color:var(--accent)}
.closing h2>span{font-weight:400;letter-spacing:-.025em;color:var(--text-secondary);line-height:1.3}
.closing h2 em{font-weight:400;letter-spacing:-.042em;line-height:1.13;color:var(--gold-text);-webkit-text-fill-color:currentColor}
.eyebrow,.header-note,.edition,.section-index,.gallery .caption>span,.sketch-caption,.material-visual figcaption,.swarm-description,.note-number,.nav-number{font-family:var(--label);font-weight:400;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.eyebrow,.sketch-copy .eyebrow,.artist-copy .eyebrow,.closing .eyebrow,.hero-top .eyebrow{font-size:.75rem;line-height:1.6}
.header-note,.sketch-caption,.closing .eyebrow,.material-visual figcaption{color:var(--muted)}
.section-index,.orbit-label,.hero-bottom,.swarm-description,.scene-actions span{color:var(--muted);font-size:.75rem;letter-spacing:.09em}
.scene-actions button{color:var(--text-secondary);font-size:.875rem}
.swarm-trigger{font-family:var(--label);font-size:.875rem;font-weight:400;letter-spacing:.1em}
.brand-name,.wordmark,.navigation-bottom>span:first-child{font-family:var(--display);letter-spacing:-.025em;font-weight:600;color:var(--ink)}
footer .wordmark{font-family:var(--display);letter-spacing:-.025em;font-weight:600;color:var(--ink)}
footer .wordmark span{font-family:var(--label);letter-spacing:.12em;color:var(--muted)}
.desktop-nav a,.menu-toggle,.instagram-contact,.closing .line-link{font-family:var(--body);font-size:.875rem;letter-spacing:.015em}
.desktop-nav a{color:var(--text-secondary)}
.desktop-nav a:hover{color:var(--gold-text)}
.nav-text{font-weight:400;letter-spacing:-.025em;line-height:1.25;color:var(--ink)}
#artwork-dialog .modal-content h2{font-weight:400;letter-spacing:-.035em;line-height:1.15}
.navigation-bottom,footer p,footer>a:last-child,.closing-bottom>span{color:var(--muted);font-size:.875rem;line-height:1.6}
@media(max-width:700px){
 .intro h2{font-size:clamp(2.375rem,9vw,3.75rem)}
 .sketch-copy h2{font-size:clamp(2.75rem,10vw,4.25rem)}
 .material-heading h2{font-size:clamp(2.25rem,8.8vw,3.75rem)}
 .artist-copy h2{font-size:clamp(2.625rem,10vw,4.375rem)}
 .artist-copy p,.notes details p{font-size:1.0625rem}
 .closing h2>span{font-size:clamp(1.625rem,6.5vw,2.125rem)}
 .closing h2 em{font-size:clamp(2.625rem,10vw,4.5rem)}
 .nav-text{font-size:clamp(1.875rem,7.1vw,3rem)}
}
@media(max-width:640px){
 :root{--bee-logo-width:67px;--bee-logo-height:52px}
 .hero-copy h1.legacy-headline{font-size:clamp(1.6875rem,8vw,3rem);line-height:1.16;letter-spacing:-.035em}
 .hero-copy h1.legacy-headline em{letter-spacing:-.035em;margin-top:.2em}
 .hero-bottom{font-size:.75rem;gap:12px;flex-wrap:wrap}
 .hero-top .eyebrow,.swarm-description{font-size:.75rem;letter-spacing:.08em}
 .scene-actions{gap:12px;flex-wrap:wrap}.scene-actions span{font-size:.75rem}
 .hero-copy{bottom:244px}
 footer .wordmark{font-size:1.375rem}
}