/* Elysian: the live shop’s Anton and Epilogue fonts, quiet white space, and artwork without effects. */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/anton-400.woff2') format('woff2')}
@font-face{font-family:'Epilogue';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/epilogue-400.woff2') format('woff2')}
:root{--heading:'Anton',Impact,'Arial Narrow',sans-serif;--control-font:'Epilogue',Arial,sans-serif;--body:'Epilogue',Arial,sans-serif;--ink:#191918;--cream:#f6f5ef;--accent:#eee326;--muted:#62625b}
body{font-family:var(--body)}
h1,h2,.display{font-family:var(--heading);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.04;font-synthesis:none}
h3{font-family:var(--heading);font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.14;font-synthesis:none}
h2 em{font:inherit}
.section{padding-block:90px}
h2,.section-head h2{font-size:clamp(52px,5.5vw,84px)}
.button,.header-inquiry,.text-link,.filter{font-family:var(--control-font);font-weight:400;font-size:18px;letter-spacing:0;text-transform:none}
.button{border-radius:3px;min-height:50px;padding:13px 25px;box-shadow:none;transition:background .18s,color .18s,border-color .18s}
.button::after{display:none}
.button:hover,.button:active{transform:none}
.text-link{border:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.section-head>.text-link{font-size:18px;white-space:normal}
.eyebrow{font-size:10px;letter-spacing:.13em}
.reveal-on-scroll{opacity:1;transform:none;transition:none}

/* A centered mark, with no line or blur over the film. */
#site-header,body:not(.home-page) #site-header,body.home-page #site-header{position:fixed;inset:0 0 auto;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .18s}
body:not(.home-page){padding-top:94px}
body.home-page #site-header{background:transparent}
body:not(.home-page) #site-header,body.header-past-hero #site-header{background:rgba(255,255,255,.97)}
.logo img{filter:none;transform:none;opacity:1}
.nav-primary>a,.nav-secondary>a,body.home-page .nav-primary>a,body.home-page .nav-secondary>a{font-family:var(--control-font);font-size:19px;font-weight:400;line-height:1.2;letter-spacing:0;transition:color .18s;transform:none;text-shadow:none}
.nav-primary>a::after,.nav-secondary>a::after{display:none}
.nav-primary>a:hover,.nav-secondary>a:hover,.nav-primary>a[aria-current],.nav-secondary>a[aria-current]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;transform:none}
.header-inquiry,body.home-page .header-inquiry{font-family:var(--control-font);font-size:17px;font-weight:400;min-height:44px;padding:11px 19px;border-radius:3px;letter-spacing:0}
body.home-page.header-past-hero .nav-primary>a,body.home-page.header-past-hero .nav-secondary>a{color:var(--ink);text-shadow:none}
body.home-page.header-past-hero .header-inquiry{background:var(--ink);color:#fff;border-color:var(--ink)}
body.home-page.header-past-hero .menu-toggle span{background:var(--ink)}
body.home-page .hero-film{height:min(87svh,960px);min-height:640px;max-height:none;border:0}
body.home-page .hero-film-content{min-height:640px;padding-top:140px;padding-bottom:110px}
.hero-film h1{font-size:clamp(100px,10.8vw,166px);line-height:1;letter-spacing:0;max-width:1200px;text-shadow:0 2px 9px #0003}
.hero-intro-line{display:block;font-family:var(--heading);font-size:clamp(30px,3.1vw,46px);line-height:1.15;margin-bottom:18px;letter-spacing:0}
.hero-location{margin-bottom:27px}
.hero-film .actions{margin-top:35px;gap:14px}
.hero-film .button{font-family:var(--control-font);font-size:19px;letter-spacing:0;min-height:52px;padding-inline:26px}
.hero-film-bottom{border:0;padding-top:0;bottom:25px}
.hero-film-bottom>span{font-size:10px;letter-spacing:.1em;max-width:none}
.studio-strip{border:0;background:var(--cream)}
.studio-strip>.wrap{min-height:64px;font-family:var(--control-font);font-weight:400;font-size:16px;letter-spacing:0;text-transform:none}

/* Portraits stay portraits, at every pointer position. */
#artists{display:block;padding-block:85px}
#artists>.section-head{position:static;display:flex;align-items:flex-end;margin-bottom:35px}
#artists .section-head h2{font-size:clamp(60px,6.4vw,96px);line-height:1.05;max-width:none}
.artist-grid,#artists .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 24px}
.artist-card .portrait-wrap{border-radius:9px;isolation:auto}
.artist-card .portrait-wrap::after{display:none}
.artist-card .portrait-wrap img,.artist-card:hover img{transform:none;transition:none}
.artist-card h3{font-family:var(--heading);font-size:clamp(22px,2.1vw,31px);line-height:1.16;margin-top:15px;transform:none;transition:none;letter-spacing:0}
.artist-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.card-open{display:none}
.join-card .join-art{padding:clamp(17px,2vw,28px);background:var(--accent);border:0}
.join-card .join-art .display{font-family:var(--heading);font-weight:400;font-size:clamp(34px,3.4vw,53px);line-height:1.08;letter-spacing:0;margin:auto 0;color:var(--ink)}
.join-card .join-art .eyebrow{font-size:10px;letter-spacing:.08em;color:#393821}
.join-invitation{font:400 19px/1.2 var(--control-font);border:0;text-decoration:underline;text-underline-offset:6px;color:var(--ink)}
.artist-card.join-card>p{display:none}

/* Manual browsing, without scroll-linked transforms or translucent toolbars. */
.art-section{background:var(--cream)}
.art-section .section-head h2{font-size:clamp(60px,6.3vw,96px);line-height:1.02}
.rotation-toolbar{position:static;background:none;border:0;backdrop-filter:none;padding:0 0 20px;margin-bottom:12px;gap:24px}
.rotation-toolbar p{font-size:13px}
.rotation-controls button[data-featured-step]{font-family:var(--control-font);font-size:17px;font-weight:400;min-width:114px;min-height:46px;border:1px solid #a8a79f}
.rotation-controls button[data-featured-step]:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.art-image img,.art-card:hover img{transform:none;transition:none}
.art-card .art-caption{font-family:var(--control-font);font-weight:400;font-size:18px;line-height:1.2;min-height:36px}
.art-caption small{font-family:var(--body);font-size:10px}
.portfolio-more{background:#e9e7dc;color:var(--ink);border:0;border-radius:0;justify-content:space-between;aspect-ratio:4/5}
.portfolio-more .eyebrow{color:#666459}
.portfolio-more h3{font-family:var(--heading);font-size:clamp(32px,3.6vw,55px);line-height:1.07;color:var(--ink)}
.portfolio-more .text-link{color:var(--ink);font-size:17px}
.portfolio-more:hover{background:#dfdccf}
.shirt-dots,.shirt-pause{backdrop-filter:none;-webkit-backdrop-filter:none;background:#191918e6}
dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000d}

/* Client voices: native horizontal scrolling, no external widget. */
.reviews-section{background:#fff;border:0;padding-block:20px 85px}
.review-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:32px}
.review-heading h2{font-size:clamp(56px,5.8vw,88px);line-height:1.06;max-width:none}
.review-heading .eyebrow{margin-bottom:16px}
.review-heading-end{display:flex;flex-direction:column;align-items:flex-end;gap:22px;padding-bottom:8px}
.review-controls{display:flex;gap:9px}
.review-controls button{min-width:85px;min-height:44px;border:1px solid #b6b5ae;border-radius:3px;background:#fff;color:var(--ink);font:400 17px/1 var(--control-font);padding:10px 16px}
.review-controls button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.review-controls button:disabled{opacity:.35;cursor:default;background:#fff;color:var(--ink)}
.review-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#aaa79b transparent;padding:4px 0 18px;overscroll-behavior-x:contain}
.review-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;background:var(--cream);padding:28px;display:flex;flex-direction:column;border-radius:3px;min-height:380px}
.review-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}
.review-stars{font-size:15px;letter-spacing:3px;color:#746515}
.review-origin{font:400 17px/1 var(--control-font);color:#646359}
.review-card h3{font-family:var(--control-font);font-size:clamp(25px,2.5vw,34px);font-weight:400;line-height:1.14;text-transform:none;letter-spacing:0;max-width:320px}
.review-summary{font-size:14px;line-height:1.7;margin-top:18px;color:#565650;margin-bottom:28px}
.review-author{display:flex;align-items:center;gap:12px;margin-top:auto}
.review-initial{display:grid;place-items:center;flex:none;width:37px;height:37px;border:1px solid #bbb9ae;border-radius:50%;color:var(--ink);font:400 21px/1 var(--control-font)}
.review-author strong{display:block;font-size:12px;line-height:1.4}
.review-author div>span{display:block;font-size:10px;color:#6a6960;margin-top:4px}
.review-source{align-self:flex-start;font-size:11px;margin-top:19px;text-decoration:underline;text-underline-offset:4px;color:#5c5b53}
.review-rail-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;color:#66645b;font-size:11px}
#review-position{font-family:var(--control-font);font-size:17px;color:var(--ink)}

/* Clear questions and a quiet opening state. The published answers are unchanged. */
.faq-section{background:#fff;padding-block:75px 90px}
.faq-layout.faq-refresh{grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:start}
.faq-intro{position:static}
.faq-intro .eyebrow{font-size:10px;color:#66665f;margin-bottom:23px}
.faq-layout .faq-intro h2{font-size:clamp(50px,5.2vw,78px);line-height:1.06;letter-spacing:0;max-width:500px}
.faq-refresh .faq-list{display:grid;gap:9px}
.faq-refresh .faq-list details,.faq-refresh .faq-list details:first-child{border:1px solid #e1dfd5;background:var(--cream);border-radius:3px;padding:0 24px;transition:border-color .18s}
.faq-refresh .faq-list details:hover{transform:none;border-color:#918f84}
.faq-refresh .faq-list details[open]{background:#fff;color:var(--ink);border:1px solid #918f84}
.faq-refresh .faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:86px;padding:22px 0;font:400 clamp(21px,1.9vw,27px)/1.2 var(--control-font);color:inherit}
.faq-refresh .faq-list summary::after{display:none}
.faq-toggle{width:28px;height:28px;flex:none;position:relative}
.faq-toggle::before,.faq-toggle::after{content:'';position:absolute;top:13px;left:6px;width:16px;height:1px;background:currentColor}
.faq-toggle::after{transform:rotate(90deg)}
.faq-refresh .faq-list details[open] .faq-toggle::after{display:none}
.faq-refresh .faq-list details .faq-answer p{padding:0 38px 25px 0;font-size:15px;line-height:1.75;color:#565650;max-width:600px}

/* One light closing section, without an outlined headline or rotating button. */
.cta-banner{background:var(--cream);color:var(--ink);padding-block:75px 65px;text-align:left;border:0;overflow:hidden}
.cta-banner::before{display:none}
.cta-composition{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:35px}
.cta-banner .eyebrow{color:#626158;font-size:10px;letter-spacing:.12em;margin-bottom:18px}
.cta-banner h2{font-size:clamp(68px,9vw,140px);line-height:1.05;letter-spacing:0;color:var(--ink);margin:0}
.cta-invitation{padding-top:12px;min-width:205px}
.cta-invitation p{font:400 20px/1.4 var(--control-font);margin-bottom:22px}
.cta-banner .button.button-dark{font-size:18px;background:var(--ink);color:#fff;border-color:var(--ink)}
.cta-banner .button.button-dark:hover{background:#383831;border-color:#383831;color:#fff}
#site-footer{background:var(--cream);border:0;color:var(--ink);--muted:#626158;--line:#d6d4c9}
.footer-top{border-top:1px solid #d6d4c9;padding-top:45px;padding-bottom:45px}
.footer-column a{font-family:var(--control-font);font-weight:400;font-size:20px;line-height:1.2}
.footer-column .eyebrow{color:#626158;font-size:10px;letter-spacing:.08em}
.footer-brand p{color:#626158;font-size:12px}
.footer-bottom{border-color:#d6d4c9;color:#626158}
.footer-column a:hover,.footer-bottom a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.page-intro h1{font-size:clamp(66px,7.7vw,115px);line-height:1.05;letter-spacing:0}
.profile-copy h1{font-size:clamp(66px,6.6vw,100px)}
.feature-copy h2,.about-copy h2,.product-info h2{font-size:clamp(52px,5.1vw,76px);line-height:1.06}
.join-heading h1{font-size:clamp(66px,7vw,106px);line-height:1.05;letter-spacing:0}
.join-heading>p:last-child,.artist-application input,.artist-application textarea,.application-end p,.application-status{font-family:var(--body)}
.artist-application label{font:400 19px/1.3 var(--control-font)}

@media(min-width:951px) and (max-width:1150px){
 .nav-primary>a,.nav-secondary>a,body.home-page .nav-primary>a,body.home-page .nav-secondary>a{font-size:16px}
 .header-inquiry,body.home-page .header-inquiry{font-size:16px;padding-inline:15px}
 .nav-primary,.nav-secondary{gap:15px}.header-right{gap:18px}
 .artist-grid,#artists .artist-grid{gap:30px 18px}
}
@media(max-width:950px){
 body:not(.home-page){padding-top:82px}
 .header-inquiry,body.home-page .header-inquiry{font-size:16px;min-height:42px;padding:10px 14px}
 .nav-primary,.home-page .nav-primary{background:var(--cream);border:0;animation:none}
 .nav-primary.open{animation:none}
 .nav-primary>a,body.home-page .nav-primary>a,.mobile-nav-extra>a,body:not(.home-page) .nav-primary>a,body:not(.home-page) .mobile-nav-extra>a,body.home-page.header-past-hero .nav-primary>a,body.home-page .nav.open a{color:var(--ink);font:400 clamp(32px,4.8vw,43px)/1.12 var(--heading);padding:14px 0;border-bottom:1px solid #d9d7cc;letter-spacing:0;transform:none;text-decoration:none;transition:color .18s}
 .nav-primary>a:hover,.mobile-nav-extra>a:hover{padding-left:0;color:#746515}
 .nav-primary>a::before,.mobile-nav-extra>a::before{display:none}
 .nav-primary>a[aria-current],body.home-page .nav-primary>a[aria-current]{color:#746515}
 .mobile-nav-footer{margin-top:auto;font-family:var(--body);font-size:11px;padding-top:26px;color:#626158}
 body.menu-open #site-header,body.home-page.menu-open #site-header,body:not(.home-page).menu-open #site-header{background:var(--cream);border:0}
 body.menu-open .menu-toggle span,body.home-page.menu-open .menu-toggle span,body:not(.home-page).menu-open .menu-toggle span{background:var(--ink)}
 body.menu-open .header-inquiry,body.home-page.menu-open .header-inquiry,body:not(.home-page).menu-open .header-inquiry{background:var(--ink);color:#fff;border-color:var(--ink)}
 .hero-film h1{font-size:clamp(86px,11.8vw,112px)}
 .section,#artists{padding-block:65px}
 .artist-grid,#artists .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}
 .artist-card h3{font-size:28px}
 .join-card .join-art .display{font-size:clamp(45px,6vw,65px)}
 .review-card{flex-basis:calc((100% - 24px)/2)}
 .review-heading{gap:25px}
 .review-heading-end>.text-link{font-size:16px}
 .reviews-section{padding-block:10px 65px}
 .faq-layout.faq-refresh{grid-template-columns:.85fr 1.15fr;gap:30px}
 .faq-layout .faq-intro h2{font-size:52px}
 .faq-refresh .faq-list details{padding-inline:20px}
 .faq-refresh .faq-list summary{font-size:23px}
 .faq-refresh .faq-list details .faq-answer p{padding-right:0}
 .cta-banner h2{font-size:9vw}
 .cta-invitation{min-width:180px}
 .cta-invitation p{font-size:18px}
}
@media(max-width:600px){
 body:not(.home-page){padding-top:76px}
 .header-inquiry,body.home-page .header-inquiry{font-size:14px;padding:9px 10px;min-height:40px}
 body.home-page .hero-film{height:90svh;min-height:610px;max-height:830px}
 body.home-page .hero-film-content{min-height:610px;padding-top:125px;padding-bottom:95px}
 .hero-film h1{font-size:clamp(82px,24vw,132px);line-height:.99;width:100%;letter-spacing:0}
 .hero-intro-line{font-size:31px;margin-bottom:20px;line-height:1.1}
 .hero-tattoo-line{display:block}
 .hero-location{font-size:10px;margin-bottom:24px}
 .hero-film .actions{gap:10px;margin-top:30px;width:100%}
 .hero-film .button{font-size:17px;padding:12px 18px;min-height:50px}
 .hero-film-bottom{bottom:22px}
 .hero-film-bottom>span{font-size:9px;max-width:none}
 .studio-strip>.wrap{font-size:13px;min-height:70px;gap:12px;letter-spacing:0}
 #artists{padding-block:60px}
 #artists>.section-head{display:block;margin-bottom:27px}
 #artists .section-head h2{font-size:clamp(54px,13vw,74px)}
 .section-head>.text-link,#artists .section-head>.text-link{font-size:17px;margin-top:20px}
 .artist-grid,#artists .artist-grid{gap:27px 14px}
 .artist-card h3{font-size:clamp(21px,5.7vw,29px);line-height:1.14;margin-top:12px}
 .artist-card .portrait-wrap{border-radius:7px}
 .join-card .join-art{padding:15px}
 .join-card .join-art .display{font-size:clamp(27px,8.4vw,46px);line-height:1.05;margin:auto 0}
 .join-card .join-art .eyebrow{font-size:8px;letter-spacing:.03em}
 .join-invitation{font-size:16px}
 .art-section .section-head{display:block}
 .art-section .section-head h2{font-size:clamp(48px,11.7vw,70px)}
 .rotation-toolbar{gap:13px;padding:0;margin-bottom:25px}
 .rotation-toolbar p{font-size:12px}
 .rotation-controls button[data-featured-step]{font-size:17px;min-height:48px}
 .rotation-mobile-bottom button{font:400 18px/1 var(--control-font)}
 .art-card .art-caption{font-size:16px;min-height:32px;letter-spacing:0}
 #featured-art .art-caption>span{white-space:normal}
 .portfolio-more{aspect-ratio:3/4;padding:17px}
 .portfolio-more h3{font-size:clamp(29px,8vw,46px);line-height:1.08}
 .portfolio-more .text-link{font-size:15px;line-height:1.2}
 .portfolio-more .eyebrow{font-size:8px;letter-spacing:.04em}
 .reviews-section{padding-block:5px 60px}
 .review-heading{display:block;margin-bottom:27px}
 .review-heading h2{font-size:clamp(53px,13vw,74px);max-width:none}
 .review-heading .eyebrow{font-size:10px}
 .review-heading-end{flex-direction:row;align-items:center;justify-content:space-between;margin-top:24px;gap:16px;padding:0}
 .review-heading-end>.text-link{font-size:16px;max-width:126px;line-height:1.2}
 .review-controls button{min-width:62px;padding:10px 12px;font-size:16px;min-height:44px}
 .review-rail{margin-right:calc(-1 * var(--space));padding-right:var(--space)}
 .review-card{flex-basis:86%;padding:24px;min-height:365px}
 .review-card h3{font-size:30px}
 .review-rail-footer{font-size:10px}
 .faq-section{padding-block:55px 65px}
 .faq-layout.faq-refresh{display:block}
 .faq-intro{margin-bottom:30px}
 .faq-layout .faq-intro h2{font-size:clamp(48px,12vw,68px);line-height:1.07}
 .faq-intro .eyebrow{margin-bottom:19px}
 .faq-refresh .faq-list details,.faq-refresh .faq-list details:first-child{padding-inline:17px}
 .faq-refresh .faq-list summary{font-size:23px;min-height:82px;gap:12px;padding-block:21px}
 .faq-refresh .faq-list details .faq-answer p{font-size:14px;line-height:1.7;padding-bottom:24px}
 .cta-banner{padding-block:55px 45px}
 .cta-composition{display:block}
 .cta-banner h2{font-size:clamp(60px,16vw,94px);line-height:1.05}
 .cta-banner .eyebrow{font-size:9px;margin-bottom:20px}
 .cta-invitation{padding-top:24px}
 .cta-invitation p{font-size:19px;margin-bottom:20px}
 .footer-top{padding-top:32px}
 .footer-column a{font-size:20px}
 .footer-brand img{width:150px}
 .page-intro h1,.profile-copy h1,.join-heading h1{font-size:clamp(59px,15vw,84px);line-height:1.05}
 .feature-copy h2,.about-copy h2,.product-info h2{font-size:56px;line-height:1.07}
 .inquiry-intro h1{font-size:clamp(40px,10vw,58px)}
 .profile-copy .button{font-size:17px}
 .filter{font-size:16px;min-height:44px}
}
@media(max-width:360px){
 .header-inquiry,body.home-page .header-inquiry{font-size:12px;padding-inline:7px}
 .hero-film .button{font-size:16px;padding-inline:13px}
 .join-card .join-art{padding:11px}.join-card .join-art .display{font-size:24px}.join-invitation{font-size:15px}
 .review-controls{gap:6px}.review-controls button{padding-inline:10px;min-width:58px}
 .portfolio-more{padding:13px}
}
@media(prefers-reduced-motion:reduce){.review-rail{scroll-behavior:auto}}