/* Composition follows the supplied 2026 portfolio and section masters. */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:wght@400;500;600;700&display=swap');
:root{--ink:#060908;--cream:#e9e8df;--gold:#b29955;--muted:#aaa997;--serif:'Bodoni Moda',Didot,'Times New Roman',serif;--sans:'Helvetica Neue',Helvetica,Arial,sans-serif}
.site-header{position:fixed;justify-content:center;padding:22px 4vw;background:linear-gradient(#020403aa,transparent);border:0}.site-header .wordmark{position:absolute;left:4vw;opacity:.65}.site-header .wordmark>span:last-child{display:none}.site-header nav{gap:25px;font-size:14px}.site-header nav a{padding:3px 0}.site-header nav a:hover{border-bottom:1px solid var(--gold)}
.stage{background:#060908}.hero-art{background-image:url('/assets/entrance-reference.jpg');background-position:center;transform:none}.hero-copy{text-align:left;left:19%;right:auto;top:50%;width:58%;transform:translateY(-35%);text-shadow:0 2px 20px #000}.hero-copy h1{font-size:clamp(42px,4.5vw,78px);letter-spacing:-.04em;white-space:nowrap}.hero-copy p:not(.eyebrow){font:clamp(15px,1.65vw,25px) var(--serif);margin:12px 0 0;color:#b9b59f}.hero-copy .outlined-link{border-radius:30px;padding:6px 24px;background:#292b2460;margin-top:25px;font-size:13px}.room-label{display:none}.stage-bottom{color:#a69b7c;font-size:9px}.hero-copy .outlined-link:hover{background:#b2995533}.entrance{height:290vh}.hero-light{display:none}
.artist .stage{background:#060908}.reference-book-wrap{position:absolute;inset:12% 0 3%;display:flex;align-items:center;justify-content:center;perspective:1500px}.reference-book{position:relative;width:94%;max-width:1600px;aspect-ratio:16/9;transform:rotateX(var(--book-rotate,18deg)) scale(var(--book-scale,.73));transform-style:preserve-3d}.open-book{display:block;width:100%;height:100%;object-fit:contain;opacity:var(--spread,0)}.reference-book .book-cover,.reference-book .turning-page{top:14%;right:8%;height:71%;width:42%;transform-origin:left center}.reference-book .book-cover{background-size:100% 100%;border-radius:3px;box-shadow:15px 15px 30px #0008}.reference-book .turning-page{padding:50px 40px}.book-hint{right:auto;left:50%;bottom:38px;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.18em}.read-book{position:absolute;left:5vw;bottom:35px;border:0;border-bottom:1px solid #b2995555;color:var(--muted);font:12px var(--sans);background:transparent;padding:8px;cursor:pointer}.bio-dialog{max-width:720px;max-height:85vh;border:1px solid #b2995577;background:#e4d7bc;color:#30281e;padding:50px;line-height:1.7}.bio-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.bio-dialog p{color:#493d2b;margin-top:20px}.bio-dialog h2{font-size:43px}.close-bio{float:right;background:none;border:0;border-bottom:1px solid #30281e;color:#30281e;cursor:pointer;padding:8px;margin-bottom:25px}.bio-dialog h2{clear:both}
.practice .wall-art{background-image:url('/assets/wall.jpg');filter:brightness(.5)}.disciplines{left:4.5%;right:4.5%;top:30%;grid-template-columns:repeat(5,1fr);gap:28px}.discipline{text-align:left;padding:0;border-bottom:0}.discipline span{font:clamp(12px,1.15vw,18px) var(--serif);color:var(--gold)}.discipline h3{font:600 clamp(23px,2.2vw,38px)/.99 var(--serif);text-transform:uppercase;max-width:240px;margin:23px 0 28px;letter-spacing:-.035em;min-height:3em}.discipline h4{border-top:2px solid var(--gold);padding-top:20px;font:400 clamp(16px,1.5vw,25px) var(--sans);margin:0 0 15px;color:#b8b5a4}.discipline p{font-size:clamp(12px,1.06vw,17px);line-height:1.3;color:#afad9a}.lamp-light{inset:-180px -15px -20px;background:radial-gradient(ellipse at 50% 0,#d7b97333,transparent 68%)}
.experience .stage{background:#080908}.reference-paper-wrap{position:absolute;inset:7% 0 0;display:flex;align-items:center;justify-content:center;perspective:1400px}.reference-paper{width:96%;max-width:1650px;aspect-ratio:16/9;transform:rotateX(var(--paper-angle,68deg)) scale(var(--paper-scale,.58));transform-origin:center 70%}.reference-paper img{width:100%;height:100%;object-fit:contain}.experience .book-hint{bottom:35px}
.collections-intro{padding:75px 7vw 60px;background:#070a09}.collections-intro h2{font-size:45px}.collections-intro>p{font-size:15px}.collections-intro nav{margin-top:35px}.collection-room{height:240vh}.sculpture-art{background-position:center}.room-shade{background:linear-gradient(90deg,#02050444,transparent 45%)}.collection-copy{left:19%;top:49%;max-width:480px;transform:translateY(-35%);text-shadow:0 2px 22px #000}.collection-copy h2{font:600 clamp(44px,4.6vw,75px)/.98 var(--serif);letter-spacing:-.035em}.collection-copy .eyebrow{font-size:11px;margin-bottom:12px;gap:8px}.collection-copy .eyebrow i{display:none}.collection-copy p{position:fixed;bottom:-170px;left:60vw;max-width:220px;font:13px/1.5 var(--sans);display:none}.collection-copy .outlined-link{margin-top:25px;border-radius:30px;padding:7px 20px;font-size:12px;gap:12px;background:#45443d33}.collection-index{display:none}.contact-copy{left:8.5vw;right:auto;top:47%;max-width:510px}.contact-copy>.eyebrow:first-child{display:none}.contact-copy>.eyebrow{font-size:16px;letter-spacing:.2em;margin-bottom:8px}.contact-copy h2{font:500 clamp(44px,4vw,68px)/1 var(--serif);letter-spacing:-.045em}.contact-copy>p:not(.eyebrow){font-size:20px;line-height:1.35;margin-top:22px}.contact-links{flex-direction:column;gap:20px;margin-top:30px;align-items:flex-start}.contact-links a{border:0;color:#b9b6a1;font-size:16px}.contact-links a:before{content:'◇';margin-right:18px;color:var(--gold)}.contact .room-shade{background:none}.outside-art{background-image:url('/assets/exit-reference.jpg');background-position:center}.exit-copy{align-items:flex-start;text-align:left;padding-left:20%;background:none}.exit-copy h2{font:400 clamp(50px,5vw,85px) var(--serif)}.exit-copy p{font:20px var(--serif);color:#c0bba5}.exit-copy .text-link{font-size:12px;margin-top:25px}.exit-shutter{position:absolute;inset:0;background:#020403;opacity:calc(1 - var(--open,0));z-index:2;pointer-events:none}.exit-copy{z-index:3}
.brand-opening{background:#060908}.brand-opening h1.logo-reveal{width:min(65vw,900px);height:60vh;display:flex;align-items:center;justify-content:center;animation:brand-focus 2s cubic-bezier(.15,.65,.15,1) both;overflow:hidden}.logo-reveal img{max-width:100%;max-height:100%;object-fit:contain}.brand-hepta .logo-reveal{animation-name:brand-focus}.brand-outfit-out-reach .logo-reveal{animation-name:brand-slide}.brand-welfee .logo-reveal{animation-name:brand-focus;animation-duration:2.8s}.brand-cassette .logo-reveal{animation-name:brand-slide;animation-duration:1.8s}.brand-kicker,.brand-opening-bottom{color:#b5a475}body:has(.brand-opening) .site-header{color:var(--cream)}body:has(.brand-opening) .monogram{color:var(--gold)}.brand-card{background:#10100d;border:1px solid #b2995522}.brand-mark{max-width:90%;max-height:80%;object-fit:contain;transition:transform 1s}.brand-card:hover .brand-mark{transform:scale(1.06)}.brand-card .card-caption{color:var(--cream)}.project-images figure{margin-bottom:60px}.project-images{padding:0 4vw}.case-intro{padding:90px 7vw}.case-intro h2{font-size:50px}.case-intro p{font-size:18px}.project-navigation{font-family:var(--sans);font-size:16px}
.exhibit-list.logos{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:20px 7vw 80px}.logos .exhibit{display:flex;flex-direction:column;margin:0;gap:10px}.logos .exhibit-image{padding:0;background:#080806;width:100%;height:220px;display:flex;align-items:center;justify-content:center}.logos .exhibit-image img{object-fit:contain;max-height:100%}.logos .exhibit>div:last-child .eyebrow,.logos .exhibit p{display:none}.logos .exhibit h2{font:14px var(--sans);margin:0;color:#b1ad9a}.exhibit-list.campaigns{display:grid;grid-template-columns:repeat(4,1fr);gap:60px 25px}.campaigns .exhibit{display:flex;flex-direction:column;gap:22px;margin:0}.campaigns .exhibit-image{padding:0;background:none}.campaigns .eyebrow{font-size:9px;margin:0 0 8px;gap:8px}.campaigns .exhibit h2{font:22px var(--serif);margin-bottom:10px}.campaigns .exhibit p{font-size:12px}.artworks .exhibit{min-height:80vh;padding:80px 0;border-top:1px solid #b2995522;grid-template-columns:1.2fr 1fr}.artworks .exhibit-image{background:radial-gradient(ellipse at top,#bda57424,transparent 65%);padding:50px;max-height:800px}.artworks .exhibit img{max-height:650px;object-fit:contain}.artworks .exhibit h2{font-size:55px}.artworks .exhibit p{font-size:16px;max-width:350px}.gallery-heading h1{font-size:70px}.gallery-heading{padding-top:150px}.gallery-next>a{font-size:44px}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.scene-video:not(.ready){opacity:0}.video-active .hero-art{visibility:hidden}.video-active .wall-art{visibility:hidden}.video-active .sculpture-art{visibility:hidden}.scene-video{pointer-events:none}
@keyframes brand-focus{0%{opacity:0;filter:blur(22px);transform:scale(.8)}75%{opacity:1;filter:blur(0)}100%{transform:scale(1)}}@keyframes brand-slide{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(-30px)}100%{opacity:1;clip-path:inset(0);transform:none}}
@media(max-width:800px){.site-header .wordmark{display:none}.site-header nav{gap:16px;font-size:12px}.hero-copy{left:8%;top:50%}.hero-copy h1{font-size:47px}.hero-copy p:not(.eyebrow){font-size:18px;max-width:220px}.hero-art{background-position:58% center}.reference-book{width:110%;min-width:650px}.reference-book-wrap{inset:15% 0 8%}.reference-paper{width:110%;min-width:650px}.disciplines{top:22%;grid-template-columns:repeat(3,1fr);gap:35px 20px}.discipline h3{font-size:23px;margin:14px 0 18px}.discipline h4{font-size:16px;margin-bottom:9px;padding-top:12px}.discipline p{font-size:12px}.discipline span{font-size:11px}.practice .stage{min-height:850px}.collection-copy{left:9%;top:55%}.collection-copy h2{font-size:52px}.contact-copy{left:7%;top:58%;max-width:360px}.contact-copy h2{font-size:45px}.contact-copy>p:not(.eyebrow){font-size:17px}.contact-links{gap:13px;margin-top:22px}.contact-links a{font-size:14px}.contact .sculpture-art{background-position:65% center}.contact .room-shade{background:linear-gradient(90deg,#020504aa,transparent)}.exit-copy{padding-left:10%}.book-hint{font-size:8px;bottom:70px}.read-book{left:50%;transform:translateX(-50%);bottom:35px;white-space:nowrap}.bio-dialog{padding:30px;max-width:90vw}.brand-opening h1.logo-reveal{width:88vw}.exhibit-list.logos{grid-template-columns:repeat(3,1fr);gap:30px 15px}.logos .exhibit-image{height:170px}.exhibit-list.campaigns{grid-template-columns:repeat(2,1fr)}.artworks .exhibit{padding:50px 0;grid-template-columns:1fr;gap:15px}.artworks .exhibit-image{padding:25px}.gallery-heading h1{font-size:54px}}
@media(max-width:480px){.site-header{justify-content:flex-end;min-height:70px}.site-header .wordmark{display:flex;left:7%}.site-header nav{font-size:13px;flex-wrap:wrap;gap:20px}.hero-copy{top:50%;left:8%;width:90%}.hero-copy h1{font-size:39px}.hero-copy p:not(.eyebrow){font-size:15px}.hero-art{background-position:55% center}.reference-book{min-width:0;width:100%;aspect-ratio:16/9;transform:scale(calc(1.1 * var(--book-scale,.73)))}.reference-book-wrap{inset:10% 0 6%}.reference-book .turning-page{padding:16px;font-size:23px}.reference-book .swatches{margin-top:15px}.reference-book .swatches i{width:20px;height:20px}.reference-paper{min-width:0;width:100%;transform:rotateX(var(--paper-angle,68deg)) scale(var(--paper-scale,.58))}.reference-paper-wrap{inset:10% 0 8%}.disciplines{grid-template-columns:repeat(2,1fr);top:16%;gap:27px 20px;left:7%;right:7%}.discipline h3{font-size:21px;max-width:150px;margin:8px 0 12px}.discipline p{font-size:11px}.discipline span{font-size:10px}.practice .stage{min-height:940px}.collection-copy{left:8%;top:55%}.collection-copy h2{font-size:43px}.collection-copy .outlined-link{font-size:11px;padding:7px 15px}.contact-copy h2{font-size:40px}.contact-copy>p:not(.eyebrow){font-size:16px}.contact-copy{max-width:300px}.contact-links a{font-size:13px}.exhibit-list.logos{grid-template-columns:repeat(2,1fr)}.logos .exhibit-image{height:150px}.campaigns .exhibit h2{font-size:19px}.gallery-heading h1{font-size:42px}.gallery-heading{padding-top:130px}.bio-dialog h2{font-size:32px}body:has(.brand-opening) .menu-toggle{color:var(--cream)}}
@media(prefers-reduced-motion:reduce){.reference-book,.reference-paper{transform:none}.open-book{opacity:1}.reference-book .book-cover,.reference-book .turning-page{display:none}.logo-reveal{animation:none!important}.scene-video{display:none}.video-active .hero-art,.video-active .wall-art,.video-active .sculpture-art{visibility:visible}.exit-shutter{display:none}.hero-copy,.collection-copy{transform:translateY(-35%)}.reference-book-wrap,.reference-paper-wrap{position:relative;inset:auto;padding-top:120px}.artist .stage,.experience .stage{min-height:650px}.reference-book,.reference-paper{width:100%}}
