:root{--bg:#08080d;--panel:#111118;--text:#f6f3ee;--muted:#aaa7b0;--pink:#ff3cac;--cyan:#26d9ff;--orange:#ff7648;--line:#2a2932}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}button,a{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;color:#000;padding:.8rem}.nav{position:absolute;z-index:10;top:0;left:0;width:100%;height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff26}.brand{display:flex;gap:.7rem;align-items:center;color:#fff;text-decoration:none;font:600 .72rem/1.05 'Syne';letter-spacing:.14em}.brand-mark{width:38px;height:38px;border:2px solid var(--pink);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:800 1.25rem 'Syne';transform:rotate(-8deg)}nav{display:flex;gap:2.1rem}nav a,.text-link{color:#ddd;text-decoration:none;font-size:.88rem}.btn{border:0;background:linear-gradient(100deg,var(--pink),var(--orange));color:#fff;padding:1rem 1.3rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em;cursor:pointer;display:inline-flex;gap:2rem;align-items:center;justify-content:space-between;box-shadow:0 10px 40px #ff3cac33}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-small{padding:.8rem 1rem;font-size:.78rem}.menu{display:none;background:none;border:0}.hero{height:min(900px,100vh);min-height:720px;position:relative;display:flex;align-items:center;padding:110px 7vw 60px}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08080df0 0%,#08080d99 42%,transparent 72%),linear-gradient(0deg,#08080dcc,transparent 45%)}.hero-content{position:relative;max-width:730px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.73rem}.eyebrow span{display:inline-block;width:28px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:.6rem}.hero h1,.section h2,.final-cta h2,.booking h2{font:800 clamp(4rem,8.2vw,8.2rem)/.82 'Syne';letter-spacing:-.06em;margin:1.6rem 0}.hero h1 em,.final-cta em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--pink);text-shadow:4px 4px 0 #26d9ff33}.hero-copy{font-size:1.12rem;line-height:1.7;color:#d1ced6;max-width:520px}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.2rem}.hero-meta{position:absolute;right:5vw;bottom:50px;display:flex;gap:2.5rem}.hero-meta div{display:flex;gap:.8rem}.hero-meta b{color:var(--cyan);font:700 .72rem 'Syne'}.hero-meta span{font-size:.78rem;line-height:1.5;color:#ccc}.marquee{background:var(--cyan);color:#08080d;padding:.85rem 0;white-space:nowrap;overflow:hidden;font:800 .82rem 'Syne';letter-spacing:.14em}.marquee div{width:max-content;animation:run 25s linear infinite}.marquee i{color:var(--pink);margin:0 1.4rem}@keyframes run{to{transform:translateX(-40%)}}.section{padding:110px 7vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3.5rem}.kicker{color:var(--cyan)}.section h2,.booking h2{font-size:clamp(2.8rem,5.5vw,5.5rem);margin:.8rem 0}.section h2 span,.booking h2 span{color:transparent;-webkit-text-stroke:1px #f6f3ee}.section-head>p{max-width:360px;color:var(--muted);line-height:1.7}.work-grid{display:grid;grid-template-columns:1.45fr .72fr .72fr;gap:1.3rem}.work figure{margin:0}.work img{width:100%;height:550px;object-fit:cover}.featured figcaption{display:flex;justify-content:space-between;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;padding-top:1rem}.featured figcaption b{color:var(--pink)}.portfolio-card{min-height:550px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.gradient-one{background:radial-gradient(circle at 65% 36%,#f8a01d 0 8%,#fd305a 9% 22%,#7a1687 38%,#111118 68%)}.gradient-two{background:radial-gradient(ellipse at 42% 42%,#2ce2dc,#1477b9 25%,#211160 48%,#111118 70%)}.card-num{font:700 .75rem 'Syne'}.tattoo-icon{font-size:8rem;align-self:center;filter:drop-shadow(0 0 20px #fff6)}.portfolio-card p{font-size:.68rem;letter-spacing:.2em}.portfolio-card h3{font:700 1.45rem/1.15 'Syne';margin:0}.disclaimer{font-size:.72rem;color:#6f6c78;margin-top:1rem}.styles{background:#0d0d13}.circle-button{width:80px;height:80px;border-radius:50%;border:1px solid var(--pink);background:transparent;color:var(--pink);font-size:1.7rem;cursor:pointer}.style-list{border-top:1px solid var(--line)}.style-list button{width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:#fff;padding:2rem 1rem;display:grid;grid-template-columns:70px 1.2fr 1fr 40px;align-items:center;text-align:left;cursor:pointer}.style-list button:hover{background:linear-gradient(90deg,#ff3cac1a,#26d9ff0d)}.style-list b{color:var(--pink);font-size:.75rem}.style-list span{font:700 clamp(1.5rem,3vw,2.8rem) 'Syne'}.style-list small{color:var(--muted);font-size:.85rem}.style-list i{font-style:normal;font-size:1.2rem}.studio{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.studio-art{position:relative}.studio-art img{width:100%;height:650px;object-fit:cover;object-position:70% center;filter:saturate(1.15)}.seal{position:absolute;right:-48px;bottom:35px;background:var(--orange);width:116px;height:116px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#09090d;font:800 .7rem/1.45 'Syne';transform:rotate(9deg)}.studio-copy>p:not(.kicker){color:var(--muted);line-height:1.8;font-size:1.05rem}.studio ul{list-style:none;padding:0;margin-top:2.2rem}.studio li{padding:1rem 0;border-top:1px solid var(--line)}.studio li span{color:var(--cyan);font-size:.7rem;margin-right:1rem}.process{background:linear-gradient(135deg,#19101c,#0b1420)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem}.steps article{padding:2rem;border-left:1px solid var(--line);min-height:220px}.steps b{color:var(--pink);font:700 .75rem 'Syne'}.steps h3{font:700 1.35rem 'Syne';margin-top:4rem}.steps p{color:var(--muted);line-height:1.6}.quote{padding:120px 8vw;text-align:center;background:var(--pink);color:#0b0810}.quote blockquote{font:800 clamp(2.5rem,6vw,6.5rem)/.98 'Syne';letter-spacing:-.05em;margin:0 auto;max-width:1150px}.quote p{font-size:.7rem;letter-spacing:.18em;margin-top:2rem}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.accordions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:1.5rem 0}summary{cursor:pointer;list-style:none;font:600 1.05rem 'Syne';display:flex;justify-content:space-between}summary i{font-style:normal;color:var(--cyan);font-size:1.3rem}details[open] summary i{transform:rotate(45deg)}details p{color:var(--muted);line-height:1.7;max-width:620px}.final-cta{padding:120px 7vw;background:linear-gradient(#08080d99,#08080df4),url('assets/flash.png') center/cover;text-align:center}.final-cta h2{font-size:clamp(3.5rem,8vw,8rem)}.final-cta .btn{margin:auto}footer{padding:4rem 6vw;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem;border-top:1px solid var(--line);position:relative}footer div:not(.brand){display:flex;flex-direction:column;gap:.55rem}footer p{font-size:.68rem;color:var(--pink);letter-spacing:.16em}footer a{color:#d2cfd7;text-decoration:none;font-size:.82rem;line-height:1.6}footer small{position:absolute;bottom:1rem;right:6vw;color:#6c6872;font-size:.63rem}.booking{width:min(720px,96vw);height:min(870px,96vh);border:1px solid #ffffff22;background:#0c0c12;color:#fff;padding:0;box-shadow:0 30px 100px #000;border-radius:0}.booking::backdrop{background:#000c;backdrop-filter:blur(8px)}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 2rem;border-bottom:1px solid var(--line)}.close{background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}.progress{display:flex;gap:5px}.progress span{height:3px;background:#272631;flex:1}.progress span.active{background:linear-gradient(90deg,var(--pink),var(--cyan))}.booking form{padding:2rem 8%;overflow-y:auto;height:calc(100% - 76px)}.form-step{display:none}.form-step.active{display:block;animation:fade .3s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}}.form-step>p:not(.kicker){color:var(--muted)}label{display:block;font-size:.78rem;font-weight:700;margin:1rem 0;color:#d7d3db}input,select,textarea{width:100%;margin-top:.55rem;padding:.95rem 1rem;background:#15151d;border:1px solid #33323d;color:#fff;border-radius:0;font:inherit;font-size:.9rem}textarea{min-height:100px;resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-step>.btn{width:100%;margin-top:1.2rem}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem}.back{background:none;border:0;color:#aaa;cursor:pointer}.check{display:flex;gap:.7rem;align-items:center}.check input{width:auto;margin:0}.deposit{padding:1.4rem;background:#15151d;border:1px solid #34323e;margin:2rem 0}.deposit div{display:flex;justify-content:space-between;align-items:center}.deposit strong{font:700 2rem 'Syne';color:var(--cyan)}.deposit p,.demo-note p{font-size:.8rem;line-height:1.55;color:var(--muted)}.demo-note{padding:1rem;border-left:3px solid var(--orange);background:#ff764812;margin-bottom:1rem}.pay:disabled{opacity:.4;cursor:not-allowed}.form-step[data-step="3"]>.back{display:block;margin:1.2rem auto}.booking h2{font-size:clamp(2.4rem,6vw,4.2rem)}
@media(max-width:900px){.nav{height:76px}.nav nav,.nav>.btn{display:none}.menu{display:block}.menu span{display:block;width:26px;height:2px;background:#fff;margin:6px}.nav.open nav{display:flex;position:absolute;top:76px;left:0;width:100%;padding:2rem 5vw;background:#0b0b10;flex-direction:column}.hero{min-height:760px;padding:110px 6vw 70px;align-items:end}.hero-shade{background:linear-gradient(0deg,#08080dfc 8%,#08080d66 70%),linear-gradient(90deg,#08080dbb,transparent)}.hero h1{font-size:clamp(3.8rem,17vw,6rem)}.hero-meta{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding:80px 6vw}.section-head{align-items:start;flex-direction:column}.work-grid{grid-template-columns:1fr 1fr}.featured{grid-column:1/-1}.work img{height:480px}.portfolio-card{min-height:420px}.studio{grid-template-columns:1fr}.studio-art img{height:500px}.seal{right:15px}.faq{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps article{min-height:auto;border-left:0;border-top:1px solid var(--line)}.steps h3{margin-top:2rem}footer{grid-template-columns:1fr 1fr;padding-bottom:6rem}footer small{left:6vw}.style-list button{grid-template-columns:40px 1fr 30px}.style-list small{display:none}}
@media(max-width:560px){.work-grid{grid-template-columns:1fr}.portfolio-card{min-height:360px}.fields{grid-template-columns:1fr;gap:0}.booking form{padding:1.5rem 6%}.modal-top{padding:1rem}.studio-art img{height:420px}.quote{padding:80px 6vw}footer{grid-template-columns:1fr}.hero-copy{font-size:1rem}.final-cta{padding:90px 5vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.catalog-tools{display:flex;justify-content:space-between;align-items:center;margin:-1rem 0 1.3rem}.catalog-count{font:700 1rem 'Syne';color:var(--muted)}.catalog-count b{font-size:2.2rem;color:var(--cyan);margin-right:.35rem}.catalog-arrows{display:flex;gap:.65rem}.catalog-arrows button{width:54px;height:54px;border:1px solid #3b3944;background:#111118;color:#fff;font-size:1.3rem;cursor:pointer}.catalog-arrows button:hover{border-color:var(--pink);color:var(--pink)}.tattoo-track{display:flex;gap:1.35rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:1rem}.tattoo-track::-webkit-scrollbar{display:none}.tattoo-card{flex:0 0 min(390px,78vw);scroll-snap-align:start;background:#111118;border:1px solid #272631;overflow:hidden}.tattoo-card img{width:100%;height:470px;object-fit:cover;display:block;transition:transform .5s ease}.tattoo-card:hover img{transform:scale(1.025)}.tattoo-info{padding:1.2rem;display:flex;flex-direction:column;gap:1rem}.tattoo-info p{font-size:.68rem;letter-spacing:.15em;color:var(--cyan);margin:0 0 .45rem}.tattoo-info h3{font:700 1.45rem 'Syne';margin:0}.book-design{width:100%;border:1px solid #45424f;background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.72rem;padding:.9rem 1rem;display:flex;justify-content:space-between;cursor:pointer}.book-design:hover{background:var(--pink);border-color:var(--pink)}.swipe-hint{font-size:.72rem;color:var(--muted);letter-spacing:.08em}.selected-design{display:flex;align-items:center;gap:1rem;background:#15151d;border:1px solid #34323e;padding:.75rem;margin:1rem 0}.selected-design img{width:76px;height:76px;object-fit:cover}.selected-design div{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.selected-design small{color:var(--cyan);font-size:.62rem;letter-spacing:.15em}.selected-design strong{font:700 1rem 'Syne'}.clear-design{border:0;background:none;color:var(--pink);padding:0;cursor:pointer;font-size:.7rem;text-decoration:underline}
@media(max-width:560px){.tattoo-card{flex-basis:84vw}.tattoo-card img{height:430px}.catalog-arrows button{width:48px;height:48px}}
.upload-field{margin:1.25rem 0}.upload-field>p{font-size:.78rem;font-weight:700;color:#d7d3db}.upload-field>p span{color:var(--muted);font-weight:400;margin-left:.35rem}.upload-drop{margin:0;border:1px dashed #4b4857;background:linear-gradient(135deg,#15151d,#101017);min-height:150px;padding:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-drop:hover,.upload-drop.dragging{border-color:var(--cyan);background:#26d9ff0b}.upload-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--orange));font-size:1.25rem;margin-bottom:.65rem}.upload-drop strong{font:700 .9rem 'Syne';color:#fff}.upload-drop small{font-size:.7rem;color:var(--muted);font-weight:400;margin-top:.4rem}.upload-preview{align-items:center;gap:.9rem;padding:.7rem;background:#15151d;border:1px solid #34323e}.upload-preview:not([hidden]){display:flex}.upload-preview img{width:72px;height:72px;object-fit:cover}.upload-preview div{min-width:0;display:flex;flex:1;flex-direction:column}.upload-preview strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-preview small{font-size:.68rem;color:var(--muted);margin-top:.25rem}.remove-upload{width:34px;height:34px;border:1px solid #44414d;background:none;color:#fff;font-size:1.2rem;cursor:pointer}.upload-error{color:#ff7e97!important;font-size:.72rem!important;margin:.5rem 0 0!important}