/* Studioart Media / independent first-party campaign experiences */
:root{--sans:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif;--ink:#171715;--page:#faf8f3;--ease:cubic-bezier(.19,1,.22,1)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;overflow-x:hidden;font-family:var(--sans);background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}
body.modal-open,body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #de9664;outline-offset:5px}
::selection{background:#c98b64;color:#10100f}
.skip-link{position:fixed;z-index:500;left:18px;top:-80px;padding:12px 20px;background:white;color:black}
.skip-link:focus{top:12px}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;line-height:1.7}
.site-nav{position:absolute;inset:0 0 auto;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;padding:24px clamp(22px,5vw,86px);color:inherit}
.nav-brand{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-size:clamp(16px,1.7vw,22px);font-weight:900;letter-spacing:-.065em;line-height:1}
.nav-brand .mark{display:inline-block;margin-right:1px;width:8px;height:8px;background:currentColor;border-radius:50%;vertical-align:middle}
.nav-brand small{font-weight:500;font-size:.58em;letter-spacing:.2em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:clamp(15px,2.5vw,40px)}
.nav-links>a:not(.nav-action){font-size:12px;font-weight:700;letter-spacing:.035em;transition:opacity .2s}
.nav-links>a:hover{opacity:.62}
.nav-action{border:1px solid currentColor;padding:11px 16px;border-radius:30px;white-space:nowrap;font-size:12px;font-weight:750;transition:background .22s,color .22s,transform .22s}
.nav-action:hover{transform:translateY(-2px)}
.menu-toggle{display:none;border:1px solid currentColor;background:none;color:inherit;border-radius:50%;width:44px;height:44px;align-items:center;justify-content:center;font-size:20px}
.section{position:relative;padding:clamp(84px,11vw,172px) clamp(22px,6vw,96px)}
.section-shell{max-width:1400px;margin:auto}
.section-heading{font-size:clamp(42px,6.5vw,108px);line-height:.99;letter-spacing:-.066em;font-weight:650;margin:0}
.section-intro{font-size:clamp(17px,1.65vw,23px);line-height:1.65;max-width:680px}
.pill{display:inline-flex;align-items:center;gap:13px;border-radius:999px;padding:15px 22px;font-size:12px;font-weight:800;letter-spacing:.04em;transition:transform .3s var(--ease),background .3s,color .3s;border:1px solid transparent}
.pill:hover{transform:translateY(-3px)}
.pill span.arrow{font-size:19px;font-weight:400}
.pill-solid{background:#141414;color:white}
.pill-outline{border-color:currentColor}
.pill-light{background:#fff;color:#111}
.muted{opacity:.6}
.meta-list{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.meta-list>span:not(:first-child)::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;vertical-align:middle;margin-right:16px;opacity:.55}
.js .reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform 1.05s var(--ease)}
.js .reveal.is-visible{opacity:1;transform:translateY(0)}
.js .reveal[data-delay="1"]{transition-delay:.12s}
.js .reveal[data-delay="2"]{transition-delay:.22s}
.js .reveal[data-delay="3"]{transition-delay:.34s}
.img-frame{position:relative;overflow:hidden;isolation:isolate;background:#dad7cf}
.img-frame>img{width:100%;height:100%;object-fit:cover;transition:transform 1.25s var(--ease)}
a.img-frame:hover>img,.img-frame.interactive:hover>img{transform:scale(1.045)}
.footer{position:relative;padding:60px clamp(22px,6vw,96px) 28px;background:#11110f;color:#eeeae3}
.footer-inner{max-width:1400px;margin:auto}
.footer-head{display:flex;align-items:end;justify-content:space-between;gap:35px;padding-bottom:44px;border-bottom:1px solid #ffffff33}
.footer-brand{font-weight:900;font-size:clamp(33px,6vw,74px);letter-spacing:-.065em;line-height:.9}
.footer-brand small{display:block;font-size:.18em;letter-spacing:.22em;font-weight:600;margin-top:18px}
.footer-head>a{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:8px}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:22px;font-size:11px;color:#e6e4dfaa;line-height:1.7}
.footer-bottom .legal{display:flex;gap:22px;flex-wrap:wrap}
.footer-bottom a:hover{text-decoration:underline}
.floating-cta{display:none}
.video-modal{position:fixed;z-index:1000;inset:0;padding:5vw;background:#050505ee;display:none;align-items:center;justify-content:center}
.video-modal.is-open{display:flex}
.video-modal-content{max-width:1060px;width:100%;background:#161616;color:white;position:relative}
.video-modal-content iframe{aspect-ratio:16/9;display:block;width:100%;height:auto;border:0}
.modal-close{position:absolute;right:0;top:-54px;width:44px;height:44px;background:#fff;border:0;border-radius:50%;font-size:27px}
.video-dialog-caption{padding:16px 20px;font-size:12px;letter-spacing:.04em;color:#ccc}
.video-consent-note{font-size:12px;color:#aaa;max-width:720px;line-height:1.5}
.fineprint{font-size:12px;line-height:1.6;opacity:.68}
.noise{pointer-events:none;position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
@media(max-width:760px){
 html{scroll-padding-top:64px}
 .site-nav{padding:16px 21px;align-items:center}
 .menu-toggle{display:inline-flex;z-index:50}
 .nav-links{display:none;position:fixed;inset:0;z-index:45;flex-direction:column;justify-content:center;gap:25px;padding:90px 30px 50px;background:#151515;color:#fff;align-items:stretch;text-align:center}
 .nav-links.is-open{display:flex}
 .nav-links>a:not(.nav-action){font-size:22px}
 .nav-action{align-self:center;padding:15px 24px}
 .site-nav:has(.nav-links.is-open) .menu-toggle{color:#fff}
 .section{padding:82px 21px}
 .footer{padding:52px 23px 105px}
 .footer-head{align-items:start;flex-direction:column}
 .floating-cta{position:fixed;z-index:38;left:13px;right:13px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:15px;padding:15px;border-radius:100px;background:#171717;color:white;font-size:13px;font-weight:760;box-shadow:0 6px 34px #0004}
 body.menu-open .floating-cta{display:none}
 .section-heading{letter-spacing:-.06em}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .js .reveal{opacity:1!important;transform:none!important}
}