:root{--black:#09070a;--ink:#161018;--purple:#6f2da8;--purple-dark:#2d113d;--gold:#d7ac54;--cream:#f7f1e8;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:92px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff26;transition:.3s}.site-header.scrolled{height:76px;background:#09070af2;backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;text-transform:uppercase}.brand span{font:italic 27px Georgia,serif;letter-spacing:.08em}.brand small{font-size:7px;letter-spacing:.25em;color:var(--gold);margin-top:5px}.nav{display:flex;align-items:center;gap:30px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em}.nav-cta{background:var(--gold);color:var(--black);padding:16px 18px;display:flex;gap:35px}.menu{display:none;border:0;background:transparent;color:white;width:44px}.menu i{display:block;height:2px;background:currentColor;margin:7px}.hero{height:100vh;min-height:760px;position:relative;color:white;display:flex;align-items:center;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('assets/eye-suga-hero.webp') center 32%/cover;transform:scale(1.02)}.hero-shade{background:linear-gradient(90deg,#080609f2 0%,#140c19ce 44%,#2c103b3d 75%)}.hero-copy{position:relative;z-index:2;width:min(1340px,90%);margin:auto;padding-top:55px}.eyebrow,.section-tag{text-transform:uppercase;letter-spacing:.2em;font-size:9px;font-weight:900}.eyebrow{color:#e3c685}.hero h1{font-size:clamp(64px,8vw,118px);line-height:.88;letter-spacing:-.055em;margin:26px 0;max-width:920px}.hero h1 em{display:block}.hero-copy>p:last-of-type{max-width:540px;color:#ffffffbb;line-height:1.8;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{min-width:210px;padding:18px 20px;display:inline-flex;justify-content:space-between;gap:24px;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.13em;transition:.25s}.button:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:var(--black)}.outline{border:1px solid #ffffff66}.dark{background:var(--black);color:white}.hero-note{position:absolute;z-index:3;right:0;bottom:0;background:#130a18e8;display:flex;align-items:center}.hero-note>*{padding:23px 28px;border-left:1px solid #ffffff20;text-transform:uppercase;font-size:8px;letter-spacing:.15em}.hero-note b{color:var(--gold);font:italic 18px Georgia,serif}.section{padding:120px max(5vw,24px)}.section-tag{display:flex;gap:18px;color:#776d79}.section-tag span{color:var(--purple)}.light{color:#a899ad}.light span{color:var(--gold)}.intro{max-width:1500px;margin:auto}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;margin-top:48px}.intro h2,.services h2,.feature h2,.portfolio h2,.artist h2,.hours h2,.final-cta h2{font-size:clamp(44px,5.5vw,78px);line-height:1;letter-spacing:-.045em;margin:0}.intro-copy p,.feature-copy>p,.artist-copy>p{color:#615862;line-height:1.85;margin:0 0 18px}.intro-copy a{display:inline-flex;gap:45px;border-bottom:2px solid var(--gold);padding:12px 0;text-transform:uppercase;font-size:9px;font-weight:900;letter-spacing:.12em}.services{background:var(--black);color:white}.services-head{max-width:1400px;margin:auto;display:flex;justify-content:space-between;align-items:end;gap:60px}.services-head h2{margin-top:28px}.services-head>p{max-width:390px;color:#9b919e;line-height:1.8}.service-list{max-width:1400px;margin:70px auto 0;border-top:1px solid #ffffff24}.service-list article{display:grid;grid-template-columns:80px 1fr 1.2fr 30px;align-items:center;gap:30px;padding:27px 20px;border-bottom:1px solid #ffffff24;transition:.3s}.service-list article:hover{background:var(--purple);padding-left:32px}.service-list article>span{font:italic 16px Georgia,serif;color:var(--gold)}.service-list h3{font:34px Georgia,serif;margin:0}.service-list p{color:#a69da9;font-size:12px;line-height:1.7}.service-list article:hover p{color:#eee5f2}.feature{display:grid;grid-template-columns:1fr 1fr;background:#e9dfd2}.feature-photo{min-height:760px}.feature-copy{padding:100px clamp(40px,7vw,115px)}.feature-copy h2{margin:28px 0}.feature ul{list-style:none;padding:0;margin:34px 0}.feature li{padding:15px 0;border-top:1px solid #cfc0ad;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.feature li span{color:var(--purple);margin-right:14px}.portfolio{max-width:1500px;margin:auto}.portfolio-head{display:grid;grid-template-columns:1fr 2fr;gap:70px}.portfolio-head h2{max-width:800px}.gallery{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:330px 330px;gap:16px;margin-top:65px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#ddd}.gallery .tall{grid-row:1/3}.gallery figure:nth-child(3){grid-column:2/4}.gallery img{transition:.5s}.gallery figure:hover img{transform:scale(1.04)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:20px;color:white;background:linear-gradient(transparent,#070407d9);font:18px Georgia,serif}.gallery figcaption span{display:block;margin-top:5px;text-transform:uppercase;letter-spacing:.18em;font:7px Arial;color:#e4c36e}.artist{display:grid;grid-template-columns:1fr 1fr;background:var(--purple-dark);color:white;padding:0}.artist-image{min-height:720px}.artist-copy{padding:110px clamp(40px,8vw,125px);display:flex;flex-direction:column;justify-content:center}.artist-copy h2{margin:30px 0}.artist-copy>p{color:#c7bacb}.artist-copy .pending-copy{color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.12em;border-left:2px solid var(--gold);padding-left:14px}.hours{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:6vw;align-items:start}.hours h2{margin:28px 0}.hours>div:first-child>p{color:#6c626d;line-height:1.7}.hours-card,.contact-card{border-top:2px solid var(--gold)}.hours-card>div,.contact-card>*{padding:20px 0;border-bottom:1px solid #d9cec0;display:flex;flex-direction:column;gap:7px}.hours-card span,.contact-card small{text-transform:uppercase;letter-spacing:.15em;font-size:8px;color:#7a707c}.hours-card strong,.contact-card strong{font:19px Georgia,serif}.final-cta{padding:120px 24px;text-align:center;background:linear-gradient(90deg,#160d1bea,#2f123dd9),url('assets/eye-suga-glam.webp') center 30%/cover;color:white}.final-cta>p{text-transform:uppercase;letter-spacing:.2em;font-size:9px}.final-cta h2{margin:18px 0 35px}.final-cta .button{margin:auto}footer{background:#070507;color:white;padding:70px max(5vw,24px) 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;color:#9b919e;font-size:11px}footer a{display:block;margin:10px 0;color:white}.footer-brand{display:flex;flex-direction:column}.footer-brand span{font:italic 32px Georgia,serif;color:white}.footer-brand small{color:var(--gold);font-size:7px;text-transform:uppercase;letter-spacing:.2em;margin-top:7px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff1c;padding-top:22px;font-size:8px;text-transform:uppercase;letter-spacing:.13em}
@media(max-width:960px){.site-header{height:76px}.menu{display:block;position:relative;z-index:3}.nav{position:fixed;inset:0;background:#09070afb;flex-direction:column;align-items:flex-start;justify-content:center;padding:12vw;font-size:21px;gap:25px;transform:translateX(100%);transition:.35s}.nav.open{transform:none}.nav-cta{font-size:9px}.intro-grid,.feature,.artist{grid-template-columns:1fr}.services-head{flex-direction:column;align-items:start}.feature-photo,.artist-image{min-height:520px}.portfolio-head{grid-template-columns:1fr}.hours{grid-template-columns:1fr 1fr}.hours>div:first-child{grid-column:1/-1}.service-list article{grid-template-columns:55px 1fr 30px}.service-list p{grid-column:2/3}.gallery{grid-template-columns:1fr 1fr}.gallery figure:nth-child(3){grid-column:auto}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:580px){.brand span{font-size:22px}.hero{min-height:720px}.hero-photo{background-position:41% center}.hero h1{font-size:58px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-note{display:none}.section{padding:84px 22px}.intro h2,.services h2,.feature h2,.portfolio h2,.artist h2,.hours h2,.final-cta h2{font-size:43px}.service-list article{grid-template-columns:35px 1fr 20px;padding:24px 5px;gap:16px}.service-list h3{font-size:26px}.feature-photo,.artist-image{min-height:400px}.feature-copy,.artist-copy{padding:75px 22px}.gallery{grid-template-columns:1fr;grid-template-rows:480px 380px 300px}.gallery .tall{grid-row:auto}.gallery figure:nth-child(3){grid-column:auto}.hours{grid-template-columns:1fr}.hours>div:first-child{grid-column:auto}.final-cta{padding:90px 22px}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}.copyright{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.brand{width:190px;height:68px;display:block}.brand img,.footer-brand img{object-fit:contain;object-position:left center}.brand span,.brand small{display:none}.footer-brand{height:115px}.footer-brand img{width:260px;max-width:100%}.center{justify-content:center}.final-cta .center .button{margin:0}.socials{display:flex;gap:10px;margin-top:20px}.socials a{width:34px;height:34px;border:1px solid #ffffff40;border-radius:50%;display:grid;place-items:center;text-transform:uppercase;font-weight:800;color:white}.socials a:hover{border-color:var(--gold);color:var(--gold)}
@media(max-width:580px){.brand{width:145px;height:58px}.footer-brand{height:92px}.center{align-items:center}}