:root{--bg:#080807;--surface:#11110f;--ink:#eeeae2;--muted:#99958e;--line:rgba(238,234,226,.14);--serif:Newsreader,Georgia,serif;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block;width:100%}em{font-family:var(--serif);font-weight:300}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:1px solid var(--ink);outline-offset:5px}
.header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 20px;border-bottom:1px solid transparent;transition:height .35s,background .35s,border-color .35s,transform .28s ease;transform:translateY(0);background:linear-gradient(rgba(0,0,0,.55),transparent)}.header.scrolled{height:62px;background:rgba(8,8,7,.88);backdrop-filter:blur(14px);border-color:var(--line)}.header.sequence-active{transform:translateY(-105%);pointer-events:none}.brand{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.brand span{font-family:var(--serif);font-size:1.3rem;letter-spacing:0;text-transform:none}.desktop-nav,.header-cta{display:none}.menu-button{width:42px;height:42px;padding:12px 8px;border:0;background:none}.menu-button span:not(.sr-only){display:block;height:1px;background:var(--ink);margin:6px 0;transition:.3s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}
.mobile-menu{position:fixed;z-index:40;inset:0;padding:110px 24px 38px;background:#0c0c0b;display:flex;flex-direction:column;justify-content:space-between;visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0)}.mobile-menu nav{display:grid}.mobile-menu nav a{font-family:var(--serif);font-size:clamp(2.8rem,14vw,5rem);line-height:1.15;border-bottom:1px solid var(--line)}.text-link{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:120px 20px 48px;overflow:hidden}.hero-media{position:absolute;inset:-5%;background:url("assets/hero.jpg") center 36%/cover no-repeat;filter:grayscale(1) contrast(1.08);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.25) 40%,rgba(0,0,0,.88))}.hero-content{position:relative;z-index:2;width:100%}.kicker{margin:0 0 20px;color:#b9b5ae;font-size:.61rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero h1,.section h2,.contact h2{margin:0;font-family:var(--serif);font-size:clamp(3.7rem,15.5vw,9rem);font-weight:300;line-height:.86;letter-spacing:-.045em}.hero h1 .line{display:block;overflow:hidden;padding:.13em .05em 0;margin:-.13em -.05em 0}.hero h1 .line>span{display:block}.hero-copy{max-width:430px;margin:30px 0 0;color:#c5c1ba;font-size:.88rem;line-height:1.7}.hero-actions,.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-width:180px;padding:15px 18px;border:1px solid var(--line);font-size:.64rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;transition:.3s}.button.light{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.light:hover{background:#fff;transform:translateY(-2px)}.button.ghost:hover{border-color:var(--ink)}.scroll-note{display:none}
.tattoo-sequence{position:relative;z-index:1;height:100svh;background:#050505;isolation:isolate}.video-stage{position:relative;height:100svh;overflow:hidden;background:#050505}.video-stage video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#050505}
.section{padding:110px 20px}.section-intro{margin-bottom:55px}.section-intro>p:last-child{max-width:330px;margin:26px 0 0;color:var(--muted);font-size:.85rem;line-height:1.7}.editorial-grid{display:grid;gap:18px}.work-item{position:relative;padding:0;border:0;background:#111;overflow:hidden;cursor:pointer;aspect-ratio:.76;text-align:left}.work-item img{height:100%;object-fit:cover;transition:transform .7s}.work-item:hover img{transform:scale(1.03)}
.styles{background:var(--surface)}.style-list{border-top:1px solid var(--line)}.style-list article{position:relative;display:grid;grid-template-columns:1fr 74px;align-items:center;gap:14px;min-height:120px;border-bottom:1px solid var(--line);overflow:hidden}.style-list h3{margin:0 0 8px;font-family:var(--serif);font-size:1.7rem;font-weight:300}.style-list p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.5}.style-list img{width:74px;height:88px;object-fit:cover;filter:grayscale(1);transition:.5s}.style-list article:hover img{filter:grayscale(0);transform:scale(1.06)}
.about{display:grid;gap:50px}.about-image{height:70vh;max-height:760px;overflow:hidden;background:#0d0d0c}.about-image img{height:100%;object-fit:contain;filter:grayscale(.35)}.about-text h2{font-size:clamp(3rem,12vw,6rem);line-height:.95}.about-text>p:not(.kicker){max-width:600px;margin:26px 0 0;color:var(--muted);font-size:.9rem;line-height:1.8}
.process{background:#0d0d0c}.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.steps li{display:grid;padding:28px 0;border-bottom:1px solid var(--line)}.steps h3{margin:0;font-family:var(--serif);font-size:2rem;font-weight:300}.steps p{margin:10px 0 0;color:var(--muted);font-size:.8rem;line-height:1.6}
.contact{padding:120px 20px 60px}.contact h2{max-width:1000px}.contact>p:not(.kicker){color:var(--muted);line-height:1.7}.contact-data{display:grid;grid-template-columns:1fr 1fr;gap:30px 18px;margin-top:75px;padding-top:28px;border-top:1px solid var(--line)}.contact-data div{display:grid;gap:8px}.contact-data small{color:var(--muted);font-size:.57rem;letter-spacing:.14em;text-transform:uppercase}.contact-data a,.contact-data span{font-size:.76rem}footer{display:flex;align-items:center;justify-content:space-between;padding:28px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:.57rem;text-transform:uppercase}footer .brand{color:var(--ink)}footer p{display:none}
.lightbox{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(5,5,5,.96);color:var(--ink)}.lightbox::backdrop{background:#050505}.lightbox figure{width:min(84vw,900px);height:82vh;margin:9vh auto;display:grid;place-items:center}.lightbox img{width:auto;max-width:100%;height:auto;max-height:74vh}.lightbox figcaption{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.lightbox-close,.lightbox-nav{position:fixed;z-index:2;border:0;background:none}.lightbox-close{right:18px;top:15px;font-size:2rem}.lightbox-nav{top:50%;font-size:1.5rem}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}
@media(min-width:760px){.header{padding:0 4vw}.brand{font-size:.72rem}.desktop-nav{display:flex;gap:25px}.desktop-nav a{font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.header-cta{display:block;padding:11px 15px;border:1px solid var(--line);font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.menu-button{display:none}.hero{padding:140px 5vw 65px}.hero-content{max-width:1100px}.hero h1{font-size:clamp(6rem,10.5vw,10rem)}.hero-actions{position:absolute;right:0;bottom:8px}.scroll-note{display:flex;position:absolute;right:5vw;bottom:26px;z-index:2;gap:20px;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}.section{padding:160px 5vw}.section-intro.split{display:grid;grid-template-columns:1fr .5fr;align-items:end}.section-intro.split>p:last-child{justify-self:end}.editorial-grid{grid-template-columns:repeat(12,1fr);gap:24px}.work-item.large{grid-column:1/9;aspect-ratio:1.35}.work-item.portrait{grid-column:9/13}.work-item.portrait.offset{grid-column:1/5}.work-item.wide{grid-column:5/13;aspect-ratio:1.55}.work-item:last-child{grid-column:2/7}.style-list article{grid-template-columns:1fr 140px;min-height:165px}.style-list h3{font-size:3rem}.style-list p{font-size:.8rem}.style-list img{width:140px;height:140px}.about{grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.steps li{grid-template-columns:.7fr 1fr;align-items:start;padding:40px 0}.steps h3{font-size:2.6rem}.steps p{margin:6px 0 0}.contact{padding:170px 5vw 70px}.contact-data{grid-template-columns:repeat(4,1fr)}footer{padding:35px 5vw}footer p{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-media,.work-item img,.style-list img{transition:none}.tattoo-sequence{height:auto}.video-stage{height:100svh}}