@font-face{font-family:Studio;src:url('assets/display.woff') format('woff');font-weight:700;font-display:swap}
:root{--pink:#ff00b8;--bg:#050405;--muted:#e0d9df}body{background:#050405;color:white}.wrap{width:91%;max-width:1440px}.masthead{position:relative;background:#050405 url('assets/studio-art.webp') top center/100% auto no-repeat;height:35.5vw;max-height:568px;max-width:1600px;margin:auto}.top{height:5.6vw;max-height:90px;padding:0;position:relative;z-index:3}.logo{font-family:Studio,Arial,sans-serif;font-size:clamp(24px,2.9vw,46px);letter-spacing:-.04em}.logo small{font-family:Arial,sans-serif;font-size:clamp(9px,.9vw,14px);margin-top:9px;letter-spacing:.45em}.nav{gap:clamp(12px,2.3vw,36px);font-family:Studio,Arial,sans-serif;font-size:clamp(11px,1vw,16px)}.nav .active{color:var(--pink);border-bottom:2px solid;padding-bottom:8px}.pill{font-family:Studio,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:14px;color:#10000b;background:#ff00b8;border:1px solid #ff00b8;padding:14px 25px;font-size:clamp(12px,.95vw,16px);line-height:1;transition:box-shadow .2s,transform .2s}.pill.ghost{background:#050405b8;color:white}.hero{position:absolute;inset:0;min-height:0;padding:0;border:0;overflow:visible;background:none;isolation:auto}.hero:before,.hero:after,.hero .lip-art{display:none}.hero h1{position:absolute;top:58%;left:30%;width:40%;max-width:none;margin:0;padding:0;display:block;text-align:center;font:700 clamp(20px,2.6vw,42px)/1.05 Studio,Arial,sans-serif;letter-spacing:-.025em;background:none;text-shadow:0 3px 2px #000,2px 0 3px #000,-2px 0 3px #000;text-transform:uppercase}.hero h1 span{color:#ffd9f4}.hero .specialties{position:absolute;top:81%;left:41.7%;padding:0;margin:0;background:none;max-width:none;font:700 clamp(9px,.94vw,15px)/1.3 Studio,Arial,sans-serif;text-transform:uppercase;color:#fff}.actions{position:absolute;left:5.5%;bottom:5%;margin:0;gap:14px}.assurances{position:absolute;right:4.5%;bottom:4%;width:25.5%;display:flex;justify-content:space-around;list-style:none;margin:0;padding:12px 6px;border:1px solid #8b778e;border-radius:20px;background:#100c12bb;backdrop-filter:blur(8px);font:700 clamp(8px,.75vw,12px)/1.15 Studio,Arial,sans-serif;text-align:center;text-transform:uppercase}.assurances i{display:block;font:normal clamp(18px,1.9vw,30px)/1 Arial;color:#ff59d3;margin-bottom:6px}.content{max-width:1600px;margin:auto}.universes{padding:0}.showcase{margin:0;padding:12px 3%;border:1px solid #a59aa6;border-radius:22px;gap:1%;grid-template-columns:repeat(5,minmax(0,1fr));background:#050505aa}.showcase a,.showcase a:nth-child(n){min-height:0;aspect-ratio:2.5;position:relative;overflow:hidden;display:flex;align-items:end;padding:0;border:0;border-radius:15px;background-image:url('assets/studio-art.webp');background-repeat:no-repeat;background-size:614.4% 1024%;background-position:calc(9.18% + var(--scene)*20.55%) 60.5%;font:700 clamp(10px,.88vw,14px)/1 Studio,Arial,sans-serif}.showcase a span{padding:22px 8px 8px;width:100%;background:linear-gradient(transparent,#000b);text-shadow:0 1px 3px black}.offers{padding:24px 0 0}.cards{margin:0;gap:1.6%;grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:25px 16px 18px 17%;min-height:0;aspect-ratio:1.45;border:1px solid #aa7c9b;border-radius:22px;display:block;background-color:#080608;background-image:url('assets/studio-art.webp');background-size:341.33% 330.32%;background-position:calc(6.63% + var(--card)*43.56%) 97.06%;box-shadow:none;container-type:inline-size}.card:before{display:none}.card.featured{border:1px solid #ff00b8}.number{position:absolute;left:4.5%;top:7%;font:700 clamp(24px,2.4vw,40px)/1 Studio;color:transparent;-webkit-text-stroke:1px #a67099}.card h3{position:relative;font:700 clamp(23px,2.2vw,35px)/.9 Studio;margin:12px 0 8px;letter-spacing:-.02em;width:65%}.card .desc{font:700 clamp(10px,.92vw,15px)/1.1 Studio;text-transform:uppercase;width:62%;margin:10px 0;color:#eee}.card ul{list-style:none;padding:0;margin:10px 0;max-width:61%;font-size:clamp(9px,.78vw,13px);line-height:1.55}.card li{position:relative;padding-left:14px}.card li:before{content:'✧';position:absolute;left:0;color:#ff00b8}.price{position:absolute;bottom:5%;left:17%;font:700 clamp(28px,3vw,48px)/1 Studio;margin:0}.price small{font:700 clamp(9px,.8vw,13px) Arial}.card .pill{position:absolute;right:6%;bottom:6%;width:44%;font-size:clamp(10px,.85vw,14px);padding:11px 8px;background:#080308cc;color:white;gap:6px}.card.featured .pill{background:var(--pink);color:#16000e}.ribbon{right:8%;font:700 clamp(10px,.95vw,15px) Studio;top:-14px;padding:7px 20px;color:white}.phone-caption{position:absolute;right:7%;top:47%;width:24%;text-align:center;font:700 clamp(15px,1.45vw,23px)/.95 Studio;text-transform:uppercase;text-shadow:0 2px 4px #000}.note{font-size:11px;color:#c4b6c3;line-height:1.5}.section{padding:65px 0}.section h2{font-family:Studio;letter-spacing:0}.portfolio{background:radial-gradient(ellipse at right,#a0006844,transparent),#0b080c}.portfolio .pill{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}details{border-bottom:1px solid #50344b;padding:20px 0;color:#e3dae1}summary{cursor:pointer;font-weight:bold}details p{max-width:750px;line-height:1.7}footer{background:#080608}dialog .pill{min-height:44px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid white;outline-offset:4px}
@media(min-width:1600px){.card{padding-left:17%}}
@media(min-width:701px) and (max-width:1000px){.nav{gap:14px}.nav a:nth-child(5),.nav a:nth-child(6){display:none}.nav a:nth-child(3){display:block}.actions .pill{padding:11px 14px}.assurances{padding:8px 4px;border-radius:12px}.card{padding-top:16px}.card h3{margin-top:6px}.card .desc{margin:7px 0}.card ul{margin:6px 0;font-size:9px}.card .pill{padding:8px 4px;font-size:9px}.how{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.masthead{height:650px;max-height:none;background-size:auto 600px;background-position:43% 60px}.top{height:70px;max-height:none;align-items:center;background:#050405;gap:10px}.logo{font-size:30px}.nav{gap:8px}.nav a:not(.pill){display:none}.nav .pill{font-size:12px;padding:13px 16px}.hero h1{top:340px;left:5%;width:90%;font-size:clamp(27px,6.6vw,42px);line-height:1.05;background:#080308a6;padding:10px;border-radius:8px}.hero .specialties{left:5%;top:445px;width:90%;text-align:center;font-size:11px;line-height:1.5}.actions{left:5%;right:5%;bottom:95px;display:flex;justify-content:center;gap:8px}.actions .pill{padding:14px 12px;font-size:12px;gap:6px}.assurances{left:5%;right:auto;bottom:15px;width:90%;font-size:10px;padding:12px}.assurances i{font-size:24px}.showcase{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px;gap:10px;border-radius:16px}.showcase a,.showcase a:nth-child(n){flex:0 0 210px;min-height:84px;font-size:13px;scroll-snap-align:start}.offers{padding-top:26px}.cards{grid-template-columns:1fr;gap:25px;max-width:500px;margin:auto}.card{aspect-ratio:1.32;padding:22px 14px 20px 17%;background-size:341.33% 300.4%;background-position:calc(6.63% + var(--card)*43.56%) 98.5%;border-radius:20px}.number{font-size:35px}.card h3{font-size:32px;margin:8px 0}.card .desc{font-size:13px;line-height:1.1}.card ul{font-size:11px;line-height:1.7;max-width:63%}.phone-caption{font-size:20px}.price{font-size:42px}.price small{font-size:11px}.card .pill{font-size:12px;padding:11px 6px}.ribbon{font-size:13px}.how{grid-template-columns:1fr}.section{padding:40px 0}.portfolio{padding:25px}.section h2{font-size:36px}.note{margin:16px 0}.nav{flex-wrap:nowrap}}
.showcase a:last-child{grid-column:auto}
@media(max-width:1000px){.cards{grid-template-columns:1fr;gap:25px;max-width:500px;margin:auto}.card{aspect-ratio:1.32;padding:22px 14px 20px 17%;background-size:341.33% 300.4%;background-position:calc(6.63% + var(--card)*43.56%) 98.5%;border-radius:20px}.number{font-size:35px}.card h3{font-size:32px;margin:8px 0}.card .desc{font-size:13px;line-height:1.1}.card ul{font-size:11px;line-height:1.7;max-width:63%;margin:10px 0}.phone-caption{font-size:20px}.price{font-size:42px}.price small{font-size:11px}.card .pill{font-size:12px;padding:11px 6px}.ribbon{font-size:13px}.hero .specialties{display:none}}
@media(max-width:700px){.masthead{background:#050405}.masthead:before{content:'';position:absolute;top:65px;left:0;width:100%;height:280px;background:url('assets/studio-art.webp') 35% -50px/auto 600px no-repeat}.hero .specialties{display:block}.showcase a:last-child{grid-column:auto}}