@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--ink:#1b1c19;--paper:#f6f5f1;--white:#fff;--muted:#777a73;--line:#e5e3dc;--green:#193b30;--green2:#dfe8e1;--orange:#c66c43;--serif:Georgia,'Noto Serif TC',serif;--sans:'DM Sans','Noto Sans TC',sans-serif;--shadow:0 16px 46px rgba(30,32,27,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:14px;font-weight:800;letter-spacing:.18em}.wordmark span{display:block;color:var(--muted);font-size:9px;letter-spacing:.22em}.nav{display:flex;align-items:center;gap:28px;color:#555950;font-size:13px;font-weight:650}.nav a:hover{color:var(--orange)}.nav .nav-pill{background:var(--ink);color:white;padding:11px 18px;border-radius:999px}.hero{padding:74px 0 64px}.kicker{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:700}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.1;letter-spacing:-.055em;margin:16px 0 20px;font-weight:700}.hero h1 em{font-family:var(--serif);font-weight:400;color:var(--orange)}.lede{max-width:580px;color:#666a63;font-size:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:32px 0 28px}.brand-card{border-radius:22px;min-height:390px;padding:34px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.brand-card.tattoo{background:#1b1b19;color:#f7f3eb}.brand-card.design{background:var(--green);color:#f4f3ed}.card-mark{font-size:11px;letter-spacing:.2em;opacity:.65}.card-copy h2{font-size:34px;letter-spacing:-.04em;line-height:1.2;margin:8px 0}.card-copy p{max-width:340px;color:inherit;opacity:.7;margin:0}.card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff38;padding-top:18px;font-size:13px;font-weight:700}.arrow{width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;font-size:19px;transition:transform .2s}.brand-card:hover .arrow{transform:translateX(4px)}.graphic{position:absolute;z-index:-1;right:-15px;top:35px;width:240px;height:230px;opacity:.7}.design .graphic{right:-4px;top:50px;opacity:.8}.bridge{display:flex;align-items:center;gap:20px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:50px 0}.bridge .line{height:1px;background:#ccc9c0;flex:1}.bridge p{margin:0;text-align:center;font-family:var(--serif);font-size:clamp(17px,2.7vw,24px)}.section{padding:64px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{font-size:30px;line-height:1.2;margin:8px 0 0;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:14px}.pill-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #c9c8c0;padding:12px 17px;border-radius:999px;font-size:13px;font-weight:700}.pill-link:hover{background:#fff}.statement{background:#ebe9e1;border-radius:22px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.statement h3{margin:0;font-size:24px;line-height:1.35}.statement p{margin:0;color:#696c65;font-size:14px}.footer{border-top:1px solid var(--line);padding:28px 0 44px;color:#777;font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{color:var(--ink)}
.inner-hero{padding:74px 0 52px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.inner-hero h1{font-size:clamp(46px,7vw,78px);line-height:1.06;letter-spacing:-.06em;margin:12px 0 18px}.inner-hero .lede{font-size:15px}.hero-art{min-height:330px;border-radius:22px;position:relative;overflow:hidden;background:#e9e7df;display:grid;place-items:center}.tattoo-page .hero-art{background:#242421}.design-page .hero-art{background:#dce5dd}.hero-art svg{width:88%;max-height:330px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.btn-dark,.btn-light{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 21px;font-weight:700;font-size:13px}.btn-dark{background:var(--ink);color:white}.btn-light{border:1px solid #c9c8c0}.tattoo-page .brand-accent{color:#bf714c}.design-page .brand-accent{color:var(--green)}.dark-band{background:var(--ink);color:#f8f5ed}.green-band{background:var(--green);color:#f8f5ed}.dark-band,.green-band{padding:52px 0}.band-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.band-grid h2{font-size:32px;line-height:1.25;margin:8px 0}.band-grid p{margin:0;color:#ffffffb5;font-size:14px;max-width:540px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;min-height:145px}.service b{font-size:16px;display:block;margin-bottom:9px}.service span{font-size:12px;color:var(--muted)}.gallery-placeholder{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sample{border-radius:18px;min-height:250px;padding:17px;display:flex;align-items:end;background:linear-gradient(145deg,#efeee9,#d8d5ca);color:#595b54;position:relative;overflow:hidden}.sample:nth-child(2){background:linear-gradient(145deg,#e2e9e1,#cad5cb)}.sample:nth-child(3){background:linear-gradient(145deg,#efe5dc,#dfc9ba)}.sample small{background:#ffffffc9;border-radius:999px;padding:7px 10px;font-size:10px;letter-spacing:.1em}.project-placeholder{border-radius:20px;background:#e3e8e1;min-height:300px;display:grid;place-items:center;color:#667268;text-align:center;padding:24px}.project-placeholder span{font-size:11px;letter-spacing:.12em}.locations{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.location{border:1px solid #ffffff48;border-radius:999px;padding:8px 13px;font-size:12px}.cta-box{background:#eeece5;border-radius:22px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-box h2{font-size:26px;margin:0 0 5px}.cta-box p{font-size:13px;color:#73766e;margin:0}.cta-box .btn-dark{white-space:nowrap}.brand-switch{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.brand-switch a{font-size:12px;color:#667069;text-decoration:underline;text-underline-offset:4px}
.belief{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:66px 7%;margin:28px 0;background:#ebe9e1;border-radius:22px}.belief-head h2{font-size:clamp(27px,4vw,39px);line-height:1.25;letter-spacing:-.04em;margin:12px 0}.belief-copy p{margin:0 0 14px;color:#5f625b;font-size:15px}.belief-copy blockquote{margin:24px 0 0;padding:0 0 0 18px;border-left:2px solid var(--orange);font-family:var(--serif);font-size:clamp(20px,3vw,27px);line-height:1.55;color:#393b35}
.store-section{padding-top:8px}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.store-card{display:flex;flex-direction:column;gap:8px;padding:23px 25px;border:1px solid var(--line);background:#fff;border-radius:17px;transition:transform .18s,box-shadow .18s}.store-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.store-card span{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.08em}.store-card strong{font-size:17px}.store-card small{font-size:12px;color:var(--green);margin-top:4px}
.artist-card{display:flex;flex-direction:column;gap:7px;padding:22px 24px;border:1px solid #ffffff35;border-radius:16px;color:#f7f3eb;transition:background .2s,transform .2s}.artist-card:hover{background:#ffffff10;transform:translateY(-2px)}.artist-index{font-size:10px;letter-spacing:.16em;color:#ffffff8a}.artist-card strong{font-size:32px;line-height:1.1}.artist-styles{font-size:13px;color:#ffffffbd}.artist-visit{font-size:12px;font-weight:700;margin-top:7px}.artist-profile-hero{padding:74px 0 54px;display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:center}.artist-profile-hero h1{font-size:clamp(64px,10vw,104px);line-height:1;margin:15px 0 16px;letter-spacing:-.06em}.artist-profile-lede{max-width:470px;color:#64675f}.artist-tags{display:flex;gap:9px;margin-top:18px}.artist-tags span{border:1px solid #d2d0c8;border-radius:999px;padding:7px 12px;font-size:12px}.artist-portrait-placeholder{min-height:340px;border-radius:22px;background:linear-gradient(145deg,#292925,#47443e);display:grid;place-items:center;color:#ffffffa8;text-align:center;font-size:12px;letter-spacing:.16em}.artist-portrait-placeholder span{border:1px solid #ffffff4a;border-radius:50%;width:150px;height:150px;display:grid;place-content:center;line-height:2}
.roster-section{padding-top:35px}.roster-location{margin:28px 0 40px}.roster-location-head{display:flex;align-items:baseline;gap:13px;margin-bottom:15px;border-bottom:1px solid var(--line);padding-bottom:10px}.roster-location-head span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.roster-location-head h3{font-size:20px;margin:0}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.roster-card{min-height:160px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;transition:transform .18s,box-shadow .18s}.roster-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.roster-meta{font-size:10px;color:var(--muted);letter-spacing:.06em}.roster-card strong{font-size:20px}.roster-style{font-size:12px;color:#676a63;line-height:1.5}.roster-link{font-size:11px;color:var(--green);font-weight:700;margin-top:auto}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.team-card{min-height:175px;padding:22px;border-radius:17px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.team-card span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.team-card strong{font-size:31px;letter-spacing:.04em}.team-card small{font-size:13px;color:#62655e}
.booking-section{background:#eeece5;border-radius:22px;padding:36px;margin-top:20px}.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.booking-step{background:#fff;border:1px solid #e5e3dc;border-radius:15px;padding:19px;min-height:190px}.booking-step>span{font-size:11px;letter-spacing:.12em;color:var(--orange);font-weight:700}.booking-step h3{font-size:18px;margin:15px 0 7px}.booking-step p{font-size:12px;line-height:1.7;color:#6e7069;margin:0}.booking-note{font-size:11px;color:#777a73;margin:14px 0 0}
.design-process{padding-top:20px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.process-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-height:158px}.process-card>span{font-size:11px;letter-spacing:.13em;color:var(--green);font-weight:800}.process-card h3{font-size:17px;line-height:1.35;margin:14px 0 8px}.process-card p{font-size:12px;line-height:1.7;color:#666a63;margin:0}
.form-hero{padding:64px 0 24px}.form-hero h1{font-size:clamp(40px,6vw,66px);line-height:1.15;letter-spacing:-.05em;margin:13px 0}.form-hero .lede{max-width:650px}.form-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;margin-top:14px}.form-notice{padding:12px 15px;border-radius:12px;background:#eef2ec;color:#345244;font-size:13px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.intake-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650;color:#4f534c}.intake-form input,.intake-form select,.intake-form textarea{width:100%;font:inherit;font-weight:400;color:var(--ink);padding:12px 13px;border:1px solid #d8d7d0;border-radius:10px;background:#fff}.intake-form textarea{resize:vertical}.intake-form .form-wide{grid-column:1/-1}.intake-form .consent-line{display:flex;flex-direction:row;align-items:flex-start;margin:20px 0 14px;font-size:12px;font-weight:400;line-height:1.7}.consent-line input{width:auto;margin:3px 5px 0 0}.form-submit{border:0;cursor:pointer}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-result{font-size:13px;color:var(--green)}.privacy-placeholder{font-size:11px;color:#777a73;margin:15px 0 0}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:760px){.wrap{width:min(100% - 28px,600px)}.topbar{height:68px}.nav{gap:12px;font-size:11px}.nav .nav-pill{padding:9px 12px}.hero{padding:53px 0 38px}.split{grid-template-columns:1fr;gap:13px;margin-top:24px}.brand-card{min-height:305px;padding:25px}.card-copy h2{font-size:29px}.graphic{width:190px;height:185px;right:-20px;top:18px}.bridge{margin:30px 0;padding:22px 0}.statement{grid-template-columns:1fr;padding:23px;gap:12px}.belief{grid-template-columns:1fr;gap:10px;padding:30px 24px}.section{padding:44px 0}.section-head{align-items:start;flex-direction:column}.inner-hero{grid-template-columns:1fr;gap:28px;padding:50px 0 38px}.artist-profile-hero{grid-template-columns:1fr;gap:24px;padding:50px 0 38px}.artist-portrait-placeholder{min-height:230px}.inner-hero h1{font-size:52px}.hero-art{min-height:240px}.hero-art svg{max-height:250px}.band-grid{grid-template-columns:1fr;gap:14px}.services{grid-template-columns:repeat(2,1fr)}.roster-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-shell{padding:22px}.process-grid{grid-template-columns:repeat(2,1fr)}.booking-steps{grid-template-columns:repeat(2,1fr)}.service{min-height:120px;padding:16px}.gallery-placeholder{grid-template-columns:1fr 1fr}.store-grid{grid-template-columns:1fr}.sample{min-height:180px}.sample:last-child{display:none}.cta-box{align-items:start;flex-direction:column;padding:24px}.footer{padding-bottom:32px}}
@media(max-width:410px){.process-grid{grid-template-columns:1fr}.booking-steps{grid-template-columns:1fr}.nav{gap:8px}.nav a:nth-child(2){display:none}.hero h1{font-size:42px}.inner-hero h1{font-size:46px}}

/* Clear multi-page entry and editorial brand navigation. */
:root{--ink:#242724;--paper:#fff;--white:#fff;--muted:#707771;--line:#dce1dd;--green:#35584c;--green2:#edf1ef;--orange:#c66c43;--shadow:0 16px 42px rgba(34,44,38,.08)}
body{background:#fff;color:#242724}
.home-page .hero{max-width:100%;padding:94px 0 50px}
.home-hero .kicker{color:#c66c43}
.home-hero h1{font-size:clamp(56px,8.4vw,100px);max-width:920px}
.home-hero h1 em{color:#35584c;font-style:normal}
.home-hero .lede{max-width:650px;line-height:1.9}
.home-scroll-note{display:flex;justify-content:space-between;max-width:800px;margin-top:48px;padding-top:13px;border-top:1px solid #dce1dd;color:#737b75;font-size:10px;letter-spacing:.13em}
.home-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:78px}
.home-branch{display:flex;flex-direction:column;justify-content:space-between;gap:34px;padding:30px;background:#f3f5f3;border:1px solid #dfe5e1;border-top:3px solid #c66c43}
.home-branch-design{border-top-color:#35584c;background:#f5f7f6}
.home-branch-head{display:flex;justify-content:space-between;gap:12px;color:#68726c;font-size:10px;font-weight:700;letter-spacing:.14em}
.home-branch h2{font-size:clamp(29px,3.4vw,40px);letter-spacing:-.04em;margin:0;color:#283b32}
.branch-en{margin:4px 0 12px;color:#c66c43;font-size:11px;font-weight:700;letter-spacing:.2em}
.home-branch-design .branch-en{color:#35584c}
.branch-copy{max-width:460px;margin:0;color:#616b64;font-size:13px;line-height:1.9}
.home-branch-links{display:grid;grid-template-columns:1fr;gap:7px}
.home-branch-links a{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;background:#fff;border:1px solid #e0e5e1;padding:12px 14px;font-size:13px;font-weight:700;color:#303a34}
.home-branch-links a:hover{border-color:#aabbb1;background:#fbfcfb}
.home-branch-links b{grid-column:2;grid-row:1/3;color:#c66c43;font-size:16px}
.home-branch-design .home-branch-links b{color:#35584c}
.home-branch-links small{font-size:10px;font-weight:500;color:#737b75}
.home-belief{padding:34px 40px 40px;background:#f3f5f3;border-top:2px solid #35584c;margin-bottom:60px}
.home-belief-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-top:24px}
.home-belief-grid h2{font-size:clamp(34px,4vw,54px);line-height:1.15;color:#35584c;margin:0;letter-spacing:-.05em}
.home-belief-grid h2 em{font-style:normal;color:#c66c43}
.home-belief-grid p{margin:0 0 14px;color:#59645d;font-size:14px;line-height:1.9}
.home-belief-grid blockquote{margin:22px 0 0;border-left:2px solid #c66c43;padding-left:17px;color:#303a34;font-size:18px;line-height:1.7}
.home-contact{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;padding:32px 0 50px;border-top:1px solid #dce1dd}
.home-contact h2{font-size:30px;color:#2d4439;margin:7px 0}
.home-contact p{max-width:560px;color:#67716a;font-size:13px;line-height:1.8;margin:0}
.home-contact-links{display:grid;gap:8px}
.home-contact-links a{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:#f3f5f3;border:1px solid #e0e5e1}
.home-contact-links a:hover{border-color:#aabbb1}
.home-contact-links span{color:#c66c43;font-size:9px;letter-spacing:.15em}
.home-contact-links b{font-size:12px;color:#35584c;font-weight:600}
.tattoo-page .brand-accent{color:#c66c43}
.design-page .brand-accent{color:#35584c}
.hero-caption{padding:30px;color:#fff;font-size:18px;line-height:1.8;letter-spacing:.18em;text-align:center}
.booking-step,.process-card{border-color:#dce1dd;background:#f4f6f4;border-radius:3px}
.booking-step>span,.process-card>span{color:#c66c43}
.section-head h2{color:#293e34}
.roster-card,.store-card,.team-card,.service,.cta-box{border-radius:3px}
.roster-card{border-color:#dce1dd;background:#fff}
.roster-card:hover{border-color:#aabbb1}
.footer a{color:#35584c;text-decoration:underline;text-underline-offset:3px}
.home-page a:focus-visible,.tattoo-page a:focus-visible,.design-page a:focus-visible{outline:2px solid #c66c43;outline-offset:3px}
@media(max-width:760px){
 .home-page .hero{padding:60px 0 38px}
 .home-hero h1{font-size:clamp(48px,13vw,72px)}
 .home-scroll-note{margin-top:30px;font-size:9px}
 .home-branches{grid-template-columns:1fr;gap:11px;margin-bottom:45px}
 .home-branch{padding:22px;gap:25px}
 .home-branch h2{font-size:31px}
 .home-belief{padding:24px 20px 28px;margin-bottom:42px}
 .home-belief-grid{grid-template-columns:1fr;gap:18px;padding-top:20px}
 .home-belief-grid h2{font-size:38px}
 .home-contact{grid-template-columns:1fr;gap:18px;padding:25px 0 38px}
}
@media(max-width:600px){
 .topbar{height:auto;min-height:68px;padding:10px 0;flex-wrap:wrap;row-gap:8px}
 .topbar .nav{width:100%;justify-content:space-between;gap:8px}
 .nav a:nth-child(2){display:inline-flex}
 .nav{font-size:10px}
 .nav .nav-pill{padding:7px 10px}
}

/* Style direction preview: a more precise editorial identity for both brands. */
:root{--ink:#22211e;--paper:#f2efe8;--white:#fffdf8;--muted:#777268;--line:#d8d2c7;--green:#263f35;--green2:#e4e8df;--orange:#b85f3f;--shadow:0 18px 48px rgba(34,33,30,.09)}
body{letter-spacing:.005em}
.wrap{width:min(1240px,calc(100% - 56px))}
.topbar{height:86px;border-bottom-color:#d9d3c8}
.wordmark{letter-spacing:.14em}
.nav{gap:30px}
.nav .nav-pill{border-radius:3px;background:var(--green);padding:12px 19px}
.hero{padding:96px 0 74px;max-width:980px}
.hero .kicker,.inner-hero .kicker{color:var(--orange)}
.hero h1{font-size:clamp(54px,8.8vw,108px);line-height:1.02;letter-spacing:-.065em;margin:22px 0 24px}
.hero h1 em{color:var(--green);font-style:normal}
.hero .lede{font-size:17px;line-height:1.9;max-width:600px}
.split{gap:18px;margin:24px 0 38px}
.brand-card{min-height:420px;border-radius:4px;padding:38px;box-shadow:none;transition:transform .25s,box-shadow .25s}
.brand-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.brand-card.tattoo{background:#22211e}
.brand-card.design{background:#263f35}
.card-mark{letter-spacing:.24em}
.card-copy h2{font-size:clamp(32px,3vw,42px);margin:10px 0 12px}
.card-copy p{font-size:14px;line-height:1.8;opacity:.82}
.card-foot{border-top-color:#ffffff42;padding-top:20px}
.arrow{border-radius:3px;width:42px;height:42px}
.bridge{margin:64px 0;padding:30px 0;border-color:var(--line)}
.bridge p{font-size:clamp(18px,2.2vw,24px);letter-spacing:.04em}
.belief{border-radius:4px;background:#e9e4da}
.belief h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}
.belief-copy p{line-height:1.95}
.belief-copy blockquote{border-left:2px solid var(--orange);padding-left:20px}
.section{padding:78px 0}
.section-head{border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:30px}
.section-head h2{font-size:clamp(28px,3.4vw,38px);letter-spacing:-.045em}
.section-head p{max-width:340px;line-height:1.8}
.statement{border-radius:4px;background:#e9e4da;padding:38px;gap:30px}
.statement h3{font-size:clamp(20px,2.3vw,27px)}
.pill-link{border-radius:3px;border-color:#b8b2a8;background:transparent}
.inner-hero{padding:92px 0 68px;gap:54px}
.inner-hero h1{font-size:clamp(54px,7.2vw,88px);line-height:1.03}
.inner-hero .lede{font-size:16px;line-height:1.9}
.hero-art{border-radius:4px;min-height:390px}
.tattoo-page .hero-art{background:#22211e}
.design-page .hero-art{background:#e5e7dc}
.dark-band,.green-band{padding:60px 0}
.dark-band{background:#22211e}
.green-band{background:#263f35}
.services{gap:12px}
.service{border-radius:3px;background:#ebe7df;border:1px solid #e0dbd2;padding:23px 20px;min-height:146px}
.process-card,.booking-step{border-radius:3px;background:rgba(255,253,248,.72);border:1px solid var(--line);padding:22px}
.process-card>span,.booking-step>span{color:var(--orange);letter-spacing:.15em}
.team-card,.roster-card,.store-card{border-radius:3px}
.team-card{background:#e9e4da;border:1px solid #e0dbd2;padding:26px}
.roster-card{background:#fffdf8;border:1px solid var(--line);transition:transform .2s,border-color .2s}
.roster-card:hover{transform:translateY(-3px);border-color:#a9a296}
.artist-portrait-placeholder,.sample,.project-placeholder{border-radius:3px}
.sample{background:#e8e3da}
.cta-box{border-radius:4px;background:#e9e4da;padding:32px}
.btn-dark,.btn-light{border-radius:3px;padding:14px 22px;letter-spacing:.01em}
.btn-dark{background:var(--green)}
.tattoo-page .btn-dark{background:#22211e}
.btn-light{border-color:#a9a296}
.brand-switch a{border-bottom:1px solid #b9b3a9}
.footer{border-color:var(--line);line-height:1.9}
.footer a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.form-shell{border-radius:4px}
@media(max-width:760px){
 .wrap{width:min(100% - 30px,600px)}
 .topbar{height:72px}
 .nav{gap:10px}
 .hero{padding:64px 0 42px}
 .hero h1{font-size:clamp(48px,14vw,72px)}
 .split{gap:12px}
 .brand-card{min-height:300px;padding:25px}
 .section{padding:54px 0}
 .inner-hero{padding:60px 0 42px;gap:24px}
 .inner-hero h1{font-size:clamp(48px,13vw,68px)}
 .hero-art{min-height:280px}
 .statement{padding:24px;gap:20px}
 .cta-box{padding:24px}
}

/* Brand distinction and guided visitor journeys — October 2026 */
:root{--tattoo:#c96a3f;--tattoo-deep:#7c3d28;--tattoo-soft:#ead0bd;--shoyan:#315c49;--shoyan-deep:#203e32;--shoyan-soft:#c8d6c7;--warm-gray:#d9d6cd;--paper:#e9e6df;--ink:#22221f}
body{background:#e9e6df}
.topbar{border-bottom-color:#c9c5bb}
.home-page .topbar{border-bottom-color:#474640}
.home-page{background:#ddd9cf;color:#24231f}
.home-page .topbar{color:#f5f1e8}
.home-page .wordmark span,.home-page .nav{color:#c9c4b8}
.home-page .nav .nav-pill{background:var(--tattoo);color:white}
.home-page .hero{max-width:none;padding:clamp(72px,10vw,132px) max(28px,calc((100% - 1240px)/2)) 52px;background:#252521;color:#f4f1e9}
.home-page .hero .kicker{color:#e6a47d}
.home-page .hero h1{color:#f8f3e8}
.home-page .hero h1 em{color:#e18a5d}
.home-page .hero .lede{color:#d0cbc0}
.home-scroll-note{display:flex;justify-content:space-between;gap:20px;max-width:560px;margin-top:44px;padding-top:16px;border-top:1px solid #ffffff3c;color:#dfd8ca;font-size:11px;letter-spacing:.08em}
.home-introduction{max-width:1240px;margin:0 auto;padding:50px 56px 56px;background:#e8d9c8;border-bottom:1px solid #d3c0ab}
.home-introduction .kicker{color:var(--tattoo-deep)}
.home-introduction h2{font-size:clamp(28px,4vw,46px);line-height:1.32;letter-spacing:-.04em;margin:14px 0}
.home-introduction h2 em{font-style:normal;color:var(--tattoo-deep)}
.home-introduction p{max-width:760px;color:#5a5047;font-size:14px;line-height:1.9;margin:0}
.home-branches{max-width:1240px;margin:0 auto 58px;padding:28px 0 0;gap:18px}
.home-branch{min-height:440px;padding:30px;background:var(--tattoo);border:0;border-top:0;color:#fff8ef}
.home-branch-design{background:var(--shoyan)}
.home-branch-head{color:#ffe2ce}
.home-branch-design .home-branch-head{color:#e3efe2}
.home-branch h2,.home-branch .branch-copy{color:#fff8ef}
.home-branch .branch-en,.home-branch-design .branch-en{color:#ffe1cb}
.home-branch-design h2{color:#f4f6ee}
.home-branch-design .branch-copy{color:#f0f4eb}
.home-branch-links a,.home-branch-design .home-branch-links a{background:#fff8ef;color:#302922;border:1px solid #ffffff80;border-radius:2px}
.home-branch-links a:hover{background:#fff}
.home-branch-links b,.home-branch-design .home-branch-links b{color:var(--tattoo-deep)}
.home-branch-links small{color:#6d6258}
.home-belief{max-width:1240px;margin:0 auto 54px;padding:40px 48px;background:#d2d7cc;border-top:0;border-left:5px solid var(--shoyan)}
.home-belief .kicker{color:var(--shoyan-deep)}
.home-belief-grid h2{color:var(--shoyan-deep)}
.home-belief-grid h2 em{color:var(--tattoo-deep)}
.home-belief-grid p{color:#454c44}
.home-belief-grid blockquote{color:#342d27}
.home-contact{max-width:1240px;margin:0 auto 40px;padding:35px 0 50px;border-top:1px solid #bcb8ad}
.home-contact h2{color:var(--shoyan-deep)}
.home-contact-links a{background:#cbd3c8;border-color:#aebbae}
.home-contact-links b{color:var(--shoyan-deep)}
.home-contact-links span{color:var(--tattoo-deep)}
.home-page .footer{border-color:#bcb8ad;color:#56564f}
.home-page .footer strong{color:#292923}
.journey-guide{margin:14px 0 0;padding:15px 18px;display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;background:#ded9d0;border-left:4px solid var(--tattoo);color:#24231f}
.journey-design{background:#cbd6c9;border-left-color:var(--shoyan)}
.journey-title span{display:block;font-size:9px;letter-spacing:.17em;color:#746e64;font-weight:800}
.journey-title b{display:block;font-size:13px;margin-top:4px}
.journey-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.journey-links>a,.journey-current{display:flex;flex-direction:column;gap:3px;padding:9px 12px;background:#ece9e2;border:1px solid #cec9be}
.journey-design .journey-links>a,.journey-design .journey-current{background:#dce4da;border-color:#b2c3b1}
.journey-links small{font-size:9px;color:#777267}
.journey-links strong{font-size:11px;line-height:1.4}
.journey-current{background:#f0d7c4!important;border-color:#d49b77!important}
.journey-design .journey-current{background:#a9c0aa!important;border-color:#729276!important}
.tattoo-page{background:#e9e1d8}
.tattoo-page .inner-hero{background:#e8d6c5;padding-left:34px;padding-right:34px;margin-top:18px}
.tattoo-page .hero-art{background:#79462f}
.tattoo-page .hero-art svg path:nth-child(1){stroke:#f6eadd}
.tattoo-page .hero-art svg path:nth-child(2),.tattoo-page .hero-art svg circle{stroke:#efa174;fill:#efa174}
.tattoo-page .brand-accent{color:var(--tattoo-deep)}
.tattoo-page .btn-dark{background:var(--tattoo-deep)}
.tattoo-page .kicker{color:#8e5236}
.tattoo-page .store-card,.tattoo-page .roster-card{background:#f0e8df;border-color:#d4c2b1}
.tattoo-page .booking-section{background:#d9bfa9}
.tattoo-page .booking-step{background:#f4ece3;border-color:#d9c3b0}
.tattoo-page .artist-card{background:#5e3527;border-color:#b16a49}
.tattoo-page .artist-card:hover{background:#70412f}
.tattoo-page .cta-box{background:#ddc0a8}
.tattoo-page .section-head{border-color:#cbb7a5}
.design-page{background:#dfe5dc}
.design-page .inner-hero{background:#cbd7c9;padding-left:34px;padding-right:34px;margin-top:18px}
.design-page .hero-art{background:#b0c2ae}
.design-page .brand-accent,.design-page .kicker{color:var(--shoyan-deep)}
.design-page .btn-dark{background:var(--shoyan-deep)}
.design-page .green-band{background:var(--shoyan-deep)}
.design-page .service,.design-page .team-card{background:#e7ece4;border-color:#bdcbb9}
.design-page .project-placeholder{background:#b8c9b5;color:#3d5843}
.design-page .cta-box{background:#c5d4c3}
.design-page .process-card{background:#e8ede5;border-color:#bdcbb9}
.design-page .journey-guide{margin-top:14px}
.tattoo-page .journey-guide{margin-top:14px}
.tattoo-page .form-shell{background:#f3ebe3}
.design-page .form-shell{background:#eaf0e8}
@media(max-width:760px){
 .home-page .hero{padding:67px 20px 36px}
 .home-introduction{padding:31px 22px 35px}
 .home-branches{padding:14px 14px 0;margin-bottom:37px}
 .home-branch{min-height:360px}
 .home-belief{margin:0 14px 36px;padding:26px 20px}
 .home-contact{margin:0 14px 25px}
 .journey-guide{grid-template-columns:1fr;gap:10px;padding:13px}
 .journey-links{gap:5px}
 .journey-links>a,.journey-current{padding:8px 7px}
 .journey-links strong{font-size:10px}
 .tattoo-page .inner-hero,.design-page .inner-hero{padding:32px 20px;margin-top:12px}
}
.home-primary-link{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;margin-top:auto;padding:15px 17px;background:#fff8ef;color:#302922;font-size:15px;font-weight:800;border:1px solid #ffffff85;transition:transform .2s,background .2s}
.home-primary-link:hover{transform:translateY(-2px);background:white}
.home-primary-link b{grid-column:2;grid-row:1/3;font-size:20px;color:var(--tattoo-deep)}
.home-branch-design .home-primary-link b{color:var(--shoyan-deep)}
.home-primary-link small{font-size:10px;font-weight:500;color:#6d6258}
@media(max-width:760px){.home-primary-link{padding:14px}}

/* Clear clickable controls: squared silhouettes, softly rounded corners, visible hover/focus states. */
a{cursor:pointer;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.18em}
a:hover{filter:brightness(.94)}
a:focus-visible,button:focus-visible{outline:3px solid #d2855d;outline-offset:3px}
.wordmark,.brand-card,.home-primary-link,.home-branch-links a,.store-card,.artist-card,.roster-card,.team-card,.btn-dark,.btn-light,.pill-link,.nav-pill,.journey-links a,.home-contact-links a,.footer a{border-radius:7px}
.wordmark,.brand-card,.home-primary-link,.home-branch-links a,.store-card,.artist-card,.roster-card,.team-card,.btn-dark,.btn-light,.pill-link,.nav-pill,.journey-links a,.home-contact-links a{ text-decoration:none }
.brand-card,.store-card,.artist-card,.roster-card,.team-card,.home-primary-link,.journey-links a,.home-contact-links a{cursor:pointer}
.btn-dark,.btn-light,.nav-pill,.pill-link{min-height:44px;box-shadow:0 2px 0 rgba(30,28,23,.14);transition:transform .16s,box-shadow .16s,filter .16s}
.btn-dark:hover,.btn-light:hover,.nav-pill:hover,.pill-link:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(30,28,23,.16);filter:none}
.journey-links{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
.journey-current{border-radius:7px!important}
.journey-links>a{border-radius:7px;box-shadow:0 2px 0 rgba(30,28,23,.1);transition:transform .16s,box-shadow .16s,border-color .16s}
.journey-links>a:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(30,28,23,.12);border-color:#8e877a}
.store-card,.roster-card,.team-card,.artist-card,.home-branch-links a{transition:transform .16s,box-shadow .16s,border-color .16s}
.store-card:hover,.roster-card:hover,.team-card:hover,.artist-card:hover,.home-branch-links a:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(31,31,27,.13)}
.home-branch-links a,.home-primary-link{border-radius:7px!important}
.home-branch,.journey-guide,.cta-box,.booking-section,.belief,.home-belief,.home-introduction{border-radius:8px}
/* Sequential route lists remain readable when the viewport narrows. */
@media(max-width:760px){.journey-links{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-current{min-height:55px}.journey-links>a{min-height:55px}}
@media(max-width:420px){.journey-links{grid-template-columns:1fr 1fr}.journey-title b{font-size:12px}.journey-links strong{font-size:10px}}

/* Clear category cards on each brand introduction page. */
.branch-categories{padding-top:30px}
.category-grid{display:grid;gap:14px}
.category-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.category-card{display:flex;flex-direction:column;align-items:flex-start;min-height:220px;padding:22px;background:#e9d4c1;border:1px solid #cda98e;border-top:4px solid var(--tattoo);color:#302820;text-decoration:none!important;border-radius:8px;box-shadow:0 3px 0 rgba(50,38,29,.09);transition:transform .18s,box-shadow .18s,background .18s}
.category-card>span{font-size:10px;letter-spacing:.13em;color:#80452f;font-weight:800}
.category-card h3{font-size:20px;line-height:1.35;margin:18px 0 7px}
.category-card p{font-size:12px;line-height:1.7;color:#66564a;margin:0 0 20px}
.category-card strong{margin-top:auto;font-size:12px;color:#763e29}
.tattoo-page .category-card{background:#e9d4c1;border-color:#cda98e;border-top-color:var(--tattoo)}
.tattoo-page .category-card>span,.tattoo-page .category-card strong{color:#80452f}
.design-page .category-card{background:#cfdbcc;border-color:#aebfac;border-top-color:var(--shoyan);color:#263b2e}
.design-page .category-card>span,.design-page .category-card strong{color:#284a37}
.design-page .category-card p{color:#4d5c4d}
.category-card:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(40,39,32,.14);filter:none}
.category-card:focus-visible{outline:3px solid #c77951;outline-offset:3px}
.brand-switch-section{padding-top:0}
@media(max-width:850px){.category-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.category-grid-3,.category-grid-4{grid-template-columns:1fr}.category-card{min-height:170px;padding:20px}}

/* Real artist portrait and portfolio photography. */
.artist-portrait{margin:0;min-height:340px;position:relative;overflow:hidden;border-radius:8px;background:#734630;border:1px solid #bf896d}
.artist-portrait img{display:block;width:100%;height:100%;min-height:340px;max-height:480px;object-fit:cover;object-position:center 34%}
.artist-portrait figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;background:#29231edb;color:#fff8ef;font-size:12px;border-radius:7px;backdrop-filter:blur(5px)}
.artist-works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.artist-work{margin:0;overflow:hidden;background:#e7d5c5;border:1px solid #c7a890;border-radius:8px;box-shadow:0 3px 0 rgba(50,38,29,.08)}
.artist-work img{display:block;width:100%;height:340px;object-fit:contain;background:#e5d6c9}
.artist-work figcaption{padding:13px 15px;color:#47372c;font-weight:700;font-size:13px}
.artist-work figcaption span{display:block;margin-bottom:5px;color:#8c4c33;font-size:9px;letter-spacing:.14em}
.roster-card-an{position:relative;overflow:hidden;padding-top:160px}
.roster-avatar{position:absolute;top:0;left:0;right:0;width:100%;height:145px;object-fit:cover;object-position:center 30%;border-radius:0 0 7px 7px}
@media(max-width:760px){.artist-works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artist-work img{height:270px}}
@media(max-width:480px){.artist-works-grid{grid-template-columns:1fr}.artist-work img{height:320px}.artist-portrait img{min-height:300px}}
.instagram-link{border-color:#b96743!important;color:#783e2c!important;background:#f0ddce!important;font-weight:750}
.instagram-link:hover{background:#f7e9dc!important}
.roster-card-neko{position:relative;overflow:hidden;padding-top:160px}

/* SHOSHIN flash design catalog: separate inventory for unclaimed designs. */
.flash-page{background:#e5d9ce}
.flash-hero{position:relative;margin:18px 0 16px;padding:42px clamp(22px,5vw,64px);overflow:hidden;background:#6c3c2b;color:#fff4e8;border-radius:9px}
.flash-hero:after{content:"FLASH / 01";position:absolute;right:clamp(18px,5vw,60px);bottom:-.22em;font-size:clamp(70px,15vw,180px);font-weight:900;letter-spacing:-.08em;color:#ffffff0c;pointer-events:none}
.flash-hero .kicker{color:#edb18a;letter-spacing:.2em}
.flash-hero h1{position:relative;z-index:1;margin:12px 0;font-size:clamp(42px,7vw,76px);line-height:1.05;letter-spacing:-.04em}
.flash-hero h1 .brand-accent{color:#f1a477}
.flash-hero>p{position:relative;z-index:1;max-width:660px;color:#f2dfd0;line-height:1.85;font-size:15px}
.flash-note{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;max-width:760px;margin-top:26px;padding:15px 17px;background:#ffffff12;border:1px solid #ffffff2b;border-radius:7px;color:#f5e7da;font-size:12px;line-height:1.7}
.flash-note strong{color:#ffc59d;white-space:nowrap}
.flash-catalog{margin:0 0 32px;padding:clamp(20px,4vw,38px);background:#eee8e1;border:1px solid #d3c1b2;border-radius:9px;box-shadow:0 5px 18px #38271b12}
.flash-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:18px;border-bottom:1px solid #d5c5b8}
.flash-catalog-head h2{margin:7px 0 0;font-size:clamp(24px,4vw,36px)}
.flash-filter{display:grid;gap:7px;min-width:min(280px,100%);font-size:12px;font-weight:800;color:#5c4638}
.flash-filter select{appearance:auto;min-height:48px;padding:0 42px 0 14px;border:1px solid #bfa792;border-radius:7px;background:#fffaf5;color:#302820;font:inherit;font-size:14px;cursor:pointer}
.flash-filter select:focus-visible{outline:3px solid #c77951;outline-offset:2px}
.flash-results{margin:16px 0;color:#74523d;font-size:12px;font-weight:750}
.flash-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.flash-card{min-width:0;background:#fffaf5;border:1px solid #d7c6b7;border-radius:8px;overflow:hidden;box-shadow:0 3px 0 #38271b0d;transition:transform .18s,box-shadow .18s}
.flash-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #38271b1c}
.flash-card-open{display:flex;width:100%;height:100%;flex-direction:column;padding:0;text-align:left;background:transparent;border:0;color:#29251f;cursor:pointer}
.flash-card-open img{display:block;aspect-ratio:1/1;width:100%;object-fit:cover;background:#e9dfd5}
.flash-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 13px 0;color:#76513b;font-size:11px}
.flash-price{color:#6e3b27;font-size:15px;white-space:nowrap}
.flash-card-title{margin:8px 13px 4px;font-size:16px;line-height:1.4}
.flash-card-prompt{margin:auto 13px 13px;padding-top:9px;color:#79553f;font-size:10px;font-weight:750}
.flash-empty{display:grid;justify-items:center;text-align:center;padding:46px 20px 40px;background:#e5d8ca;border:1px dashed #b99579;border-radius:8px}
.flash-empty[hidden]{display:none}
.flash-empty-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#73432f;color:#f3c19e;font-size:30px;line-height:1}
.flash-empty h3{margin:15px 0 5px;font-size:22px;color:#513322}
.flash-empty p{max-width:530px;margin:0 0 18px;color:#665548;font-size:13px;line-height:1.8}
.flash-empty .btn-light{background:#f7eee6;color:#533724;border-color:#c6a68e}
.flash-dialog{position:fixed;inset:0;width:min(850px,calc(100% - 28px));max-width:none;max-height:calc(100% - 28px);margin:auto;padding:30px;background:#f1e9e1;color:#29251f;border:1px solid #bd9a80;border-radius:9px;box-shadow:0 22px 90px #160d09a8}
.flash-dialog::backdrop{background:#19120ed1;backdrop-filter:blur(3px)}
.flash-dialog-close{position:absolute;z-index:2;right:12px;top:12px;width:42px;height:42px;border:1px solid #c6ae9c;border-radius:7px;background:#fffaf5;color:#4d3528;font-size:28px;line-height:1;cursor:pointer}
.flash-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);gap:28px;align-items:center}
.flash-detail-layout>img{display:block;width:100%;max-height:72vh;aspect-ratio:1/1;object-fit:contain;background:#e2d5c9;border-radius:7px}
.flash-detail-layout h2{margin:9px 0 4px;font-size:clamp(26px,4vw,38px)}
.flash-detail-price{margin:8px 0 18px;color:#783e29;font-size:24px;font-weight:850}
.flash-detail-layout dl{margin:0 0 20px;border-top:1px solid #d1bcaa}
.flash-detail-layout dl>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #d1bcaa}
.flash-detail-layout dt{font-size:12px;font-weight:800;color:#75543d}
.flash-detail-layout dd{margin:0;font-size:13px;line-height:1.6}
.flash-detail-layout .btn-dark{display:inline-flex;align-items:center;justify-content:center;padding:0 17px}
@media(max-width:900px){.flash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.flash-catalog-head{align-items:stretch;flex-direction:column}.flash-filter{min-width:0}.flash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flash-card-meta{padding:10px 10px 0}.flash-price{font-size:13px}.flash-card-title{margin-left:10px;margin-right:10px;font-size:14px}.flash-card-prompt{margin-left:10px;margin-right:10px;font-size:9px}.flash-dialog{padding:56px 18px 20px}.flash-detail-layout{grid-template-columns:1fr;gap:15px}.flash-detail-layout>img{max-height:42vh}.flash-detail-layout h2{font-size:27px}.flash-detail-price{font-size:21px;margin-bottom:10px}.flash-detail-layout dl{margin-bottom:14px}}
@media(max-width:420px){.flash-hero{padding:31px 20px}.flash-hero>p{font-size:13px}.flash-note{grid-template-columns:1fr;gap:3px}.flash-grid{gap:8px}.flash-card-meta{align-items:flex-start;flex-direction:column;gap:2px}}

/* Approved warm SHOSHIN mark in the tattoo brand hero. */
.tattoo-page .hero-art.logo-hero-art{background:linear-gradient(145deg,#c96a3f,#8d4a30);padding:26px}
.shoshin-hero-logo{display:block;width:min(82%,430px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:5px;box-shadow:0 16px 42px #3c211b35}
@media(max-width:760px){.tattoo-page .hero-art.logo-hero-art{min-height:280px;padding:20px}.shoshin-hero-logo{width:min(82%,330px)}}
.flash-status-badge,.flash-detail-status{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:850;line-height:1.2}
.flash-status-badge.is-available,.flash-detail-status.is-available{background:#dbe9dd;color:#315d43}
.flash-status-badge.is-claimed,.flash-detail-status.is-claimed{background:#ead6ca;color:#7d4933}
.flash-detail-status{margin:10px 0 0}
.flash-detail-claimed{margin:12px 0 0;padding:11px 13px;background:#ead6ca;border-radius:7px;color:#75442f;font-size:13px;font-weight:800}
.flash-detail-layout [hidden]{display:none!important}

/* Clear, customer-led reservation timelines. */
.flow-overview{margin:20px 0 24px;padding:20px;background:#f8f2ec;border:1px solid #d7c1b0;border-radius:8px}
.design-page .flow-overview{background:#edf2eb;border-color:#bdcbb9}
.flow-overview-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.flow-overview-head .kicker{font-size:9px}
.flow-overview-head h3{margin:2px 0 0;font-size:21px}
.flow-overview-head>p{margin:0;color:#776758;font-size:11px;font-weight:750}
.flow-phase-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;margin:0;list-style:none;counter-reset:phase}
.flow-phase-track li{position:relative;display:flex;flex-direction:column;gap:6px;min-height:88px;padding:13px 14px;background:#fffaf5;border:1px solid #e0caba;border-top:3px solid var(--tattoo);border-radius:7px}
.design-page .flow-phase-track li{background:#f8fbf7;border-color:#ced9cb;border-top-color:var(--shoyan)}
.flow-phase-track li:not(:last-child)::after{content:"›";position:absolute;right:-10px;top:29px;z-index:2;color:#9d785f;font-size:21px;font-weight:800}
.design-page .flow-phase-track li:not(:last-child)::after{color:#58745e}
.flow-phase-track small{color:#916044;font-size:9px;font-weight:850;letter-spacing:.1em}
.design-page .flow-phase-track small{color:#526b53}
.flow-phase-track strong{font-size:12px;line-height:1.45}
.flow-steps{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.flow-step{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:stretch}
.flow-step-marker{position:relative;display:flex;justify-content:center;padding-top:17px}
.flow-step-marker span{position:relative;z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tattoo-deep);color:#fff8f2;font-size:12px;font-weight:850;box-shadow:0 0 0 5px #d9bfa933}
.design-page .flow-step-marker span{background:var(--shoyan-deep);box-shadow:0 0 0 5px #7894762b}
.flow-step:not(:last-child) .flow-step-marker::after{content:"";position:absolute;top:60px;bottom:-13px;left:calc(50% - 1px);width:2px;background:#c89a7e}
.design-page .flow-step:not(:last-child) .flow-step-marker::after{background:#9bb19a}
.flow-step-body{min-width:0;padding:17px 20px;background:#fffaf5;border:1px solid #dbc8b8;border-radius:7px}
.design-page .flow-step-body{background:#f8fbf7;border-color:#c8d4c5}
.flow-step-body h3{margin:0 0 11px;color:#452d21;font-size:17px;line-height:1.45}
.design-page .flow-step-body h3{color:#294331}
.flow-step-details{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flow-step-details p{display:grid;gap:4px;margin:0;padding:10px 12px;background:#f2e8df;border-radius:5px;color:#53463b;font-size:12px;line-height:1.6}
.design-page .flow-step-details p{background:#e9efe7;color:#3f4f41}
.flow-step-details b,.flow-next b{font-size:10px;color:#8a4c31;letter-spacing:.04em}
.design-page .flow-step-details b,.design-page .flow-next b{color:#37563c}
.flow-next{display:flex;gap:9px;align-items:baseline;margin:10px 0 0;padding:8px 11px;border-left:3px solid var(--tattoo);background:#fff4e9;color:#54483e;font-size:11px;line-height:1.6}
.design-page .flow-next{border-left-color:var(--shoyan);background:#eef4ed;color:#405146}
.flow-branch{margin:8px 0 0;padding:9px 11px;background:#f2dfd2;border-radius:5px;color:#6b3c29;font-size:11px;line-height:1.65}
.design-page .flow-branch{background:#e2ebdf;color:#35533a}
.form-section-heading{margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #d6c8ba}
.form-section-heading .kicker{font-size:9px}
.form-section-heading h2{margin:4px 0;font-size:24px}
.form-section-heading p{margin:0;color:#6c6a63;font-size:12px;line-height:1.7}
@media(max-width:900px){.flow-phase-track{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-phase-track li:nth-child(3)::after{display:none}}
@media(max-width:620px){.flow-overview{padding:16px}.flow-overview-head{align-items:start;flex-direction:column;gap:4px}.flow-phase-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.flow-phase-track li{min-height:78px;padding:10px}.flow-phase-track li::after{display:none!important}.flow-phase-track strong{font-size:11px}.flow-step{grid-template-columns:38px minmax(0,1fr);gap:8px}.flow-step-marker{padding-top:14px}.flow-step-marker span{width:32px;height:32px;font-size:10px}.flow-step:not(:last-child) .flow-step-marker::after{top:49px}.flow-step-body{padding:14px}.flow-step-body h3{font-size:15px}.flow-step-details{grid-template-columns:1fr;gap:7px}.flow-step-details p{padding:8px 10px}.flow-next{display:grid;gap:2px}.form-section-heading h2{font-size:21px}}
/* Tattoo intake form: clear, screenshot-ready sections */
.intake-group{border:1px solid #ddcabb;border-radius:8px;padding:22px;margin:22px 0;background:rgba(255,255,255,.62);min-width:0}
.intake-group>legend{padding:0 9px;font-size:19px;font-weight:800;color:#292723}
.intake-group>legend span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:7px;border-radius:6px;background:#dc8c59;color:#241a14;font-size:12px}
.group-hint,.field-hint{display:block;color:#77736d;font-size:12px;line-height:1.65;margin:0 0 15px}
.field-hint{font-weight:400}
.artist-picker{border:0;padding:0;margin:0;min-width:0}.artist-picker>legend{font-size:14px;font-weight:700;margin-bottom:10px}.artist-picker>legend small{font-weight:400;color:#79746d;margin-left:6px}
.artist-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.artist-options label{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;border:1px solid #dedbd5;border-radius:7px;padding:11px;background:#fff;cursor:pointer}
.artist-options input,.consent-line input{width:auto!important;accent-color:#b96838;margin:3px 0 0;flex:0 0 auto}
.artist-options span{line-height:1.45}.artist-options small{display:block;color:#777;font-size:11px;font-weight:400;margin-top:3px}
.multi-artist-note,.submit-explainer{padding:14px 16px;border-left:4px solid #bf7448;background:#f5e9df;border-radius:0 7px 7px 0;font-size:13px;line-height:1.7}.multi-artist-note p{margin:4px 0 0;color:#69635e}
.submit-explainer ol{padding-left:22px;margin:8px 0 0}.submit-explainer li{margin:4px 0}
.submission-summary{margin:22px 0}.summary-card{max-width:760px;margin:auto;padding:30px;background:#fff;border:1px solid #dcc9b9;border-radius:8px;box-shadow:0 12px 35px #41281812}.summary-card>h2{font-size:30px;margin:8px 0}.summary-intro,.summary-ref{color:#666;font-size:13px;line-height:1.7}.summary-ref{font-weight:700;color:#ae6337}
.summary-group{padding:15px 0;border-top:1px solid #e9e2dc}.summary-group h3,.summary-next h3{font-size:16px;margin:0 0 9px}.summary-group p{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:6px 0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.summary-group p b{color:#68635d}.summary-next{padding:17px;background:#f6eee7;border-radius:7px}.summary-next p{font-size:13px;line-height:1.7}.summary-contact{display:inline-flex;margin-top:4px;text-decoration:none}.contact-pending{color:#8c593a}.summary-print{margin-top:14px;cursor:pointer}.intake-form[hidden],.submission-summary[hidden]{display:none}
@media(max-width:620px){.artist-options{grid-template-columns:1fr}.intake-group{padding:17px 13px}.summary-card{padding:20px 16px}.summary-group p{grid-template-columns:105px 1fr;gap:7px;font-size:12px}}
@media print{body *{visibility:hidden!important}.summary-card,.summary-card *{visibility:visible!important}.summary-card{position:absolute;inset:0;width:100%;max-width:none;box-shadow:none;border:0;padding:8mm}.summary-print,.summary-contact{display:none!important}.summary-group{break-inside:avoid}}
/* SHOYAN logo and completed project archive */
.design-logo-art{background:#d8d2c4!important;padding:16px}
.shoyan-hero-logo{display:block;width:min(100%,430px);height:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 14px 36px #25251f18}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-card{display:flex;flex-direction:column;background:#f6f4ee;border:1px solid #cfcbbf;color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.project-card:hover{transform:translateY(-4px);border-color:#708675;box-shadow:0 16px 40px #203e3216}
.project-thumb{min-height:245px;position:relative;display:grid;place-items:center;overflow:hidden}
.project-thumb-pending{background:linear-gradient(135deg,#cdd5cb,#e6e2d8 52%,#c9c4b8)}
.project-thumb-pending::before,.project-thumb-pending::after{content:"";position:absolute;border:1px solid #53685c45;inset:18% 22%;transform:skewY(-8deg)}
.project-thumb-pending::after{inset:30% 12%;transform:skewY(8deg)}
.project-thumb-label{position:relative;z-index:1;padding:7px 12px;background:#f5f2e9e8;color:#59655c;font-size:11px;letter-spacing:.08em}
.project-thumb-mark{position:absolute;right:16px;top:12px;color:#ffffffba;font:400 42px Georgia,serif}
.project-card-copy{padding:20px 21px 22px}
.project-location,.case-location{display:inline-block;color:#355c49;font-size:11px;font-weight:700;letter-spacing:.12em}
.project-card-copy h3{margin:5px 0 8px;font-size:22px;line-height:1.35}
.project-card-copy p{min-height:44px;margin:0 0 15px;color:#73756d;font-size:12px;line-height:1.7}
.project-card-copy strong{font-size:12px;color:#315c49}
.case-hero{padding:78px 0 58px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.case-hero h1{margin:8px 0 14px;font-size:clamp(42px,6vw,72px);line-height:1.13;letter-spacing:-.05em;color:#263f35}
.case-hero .lede{margin-bottom:24px}
.project-hero-photo{min-height:390px}
.project-photo-pending{display:grid;place-items:center;min-height:240px;padding:20px;background:linear-gradient(145deg,#d9ded5,#e8e3d9 60%,#d0cabe);color:#657167;text-align:center;font-size:12px;letter-spacing:.12em;position:relative;overflow:hidden}
.project-photo-pending::before{content:"";position:absolute;inset:16% 20%;border:1px solid #6b786d55}
.project-photo-pending span{position:relative;padding:8px 13px;background:#f7f5efde}
.case-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-meta-card{padding:20px 22px;background:#e4e8df;border-left:3px solid #315c49;display:flex;flex-direction:column;gap:5px}
.case-meta-card span{color:#6f776e;font-size:11px;letter-spacing:.1em}
.case-meta-card strong{font-size:17px;color:#263f35}
.case-meta-card .case-pending-text{color:#86877e;font-size:14px;font-weight:500}
.case-concept-panel{padding:30px;background:#e8e4d9;border-left:3px solid #b85f3f}
.case-concept-panel p{margin:0 0 8px;font-size:19px;font-weight:700;color:#2e3c33}
.case-concept-panel span{font-size:13px;color:#72746c;line-height:1.8}
.case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:760px){.project-grid{grid-template-columns:1fr 1fr}.case-hero{grid-template-columns:1fr;gap:20px;padding:54px 0 38px}.project-hero-photo{min-height:270px}}
@media(max-width:560px){.project-grid{grid-template-columns:1fr}.project-thumb{min-height:210px}.case-meta-grid{grid-template-columns:1fr 1fr}.case-gallery{grid-template-columns:1fr 1fr}.case-gallery>div:last-child{display:none}}

/* SHOYAN designer profile: ALISA */
.team-card-link{color:inherit;text-decoration:none;cursor:pointer}.team-card-link b{font-size:12px;color:#315c49}.team-card em{font-style:normal;font-size:12px;color:#75786f}.designer-profile-hero{padding:68px 0 48px;display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}.designer-profile-copy h1{font:500 clamp(64px,9vw,108px)/.98 Georgia,serif;letter-spacing:.015em;color:#203e32;margin:4px 0 10px}.designer-eyebrow{margin:20px 0 0;font-size:14px;letter-spacing:.13em;color:#647267}.designer-subtitle{font-size:20px;line-height:1.6;color:#343b35;margin:12px 0 22px}.designer-bio-lead{font-size:18px;font-weight:750;line-height:1.7;color:#263b31}.designer-bio{font-size:14px;line-height:1.95;color:#62675f;max-width:620px}.designer-tags{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 25px}.designer-tags span{padding:8px 12px;border:1px solid #b8c6b8;background:#edf0e9;color:#34513f;border-radius:7px;font-size:12px}.designer-portrait{margin:0;position:relative;min-height:420px;background:#dfe3d9;overflow:hidden;border-radius:8px}.designer-portrait img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;object-position:center 30%}.designer-portrait figcaption{position:absolute;left:14px;bottom:14px;padding:9px 13px;background:#203e32e8;color:#fff;font-size:11px;letter-spacing:.12em;border-radius:5px}.designer-facts{display:grid;grid-template-columns:.7fr 1fr 2fr;gap:12px;padding:0 0 34px}.designer-facts div{padding:18px 20px;background:#e7ece4;border-left:3px solid #4b6a55;display:flex;flex-direction:column;gap:7px}.designer-facts span{font-size:11px;color:#687168}.designer-facts strong{font-size:15px;line-height:1.6;color:#263f35}.designer-belief{margin:15px 0}.designer-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.designer-project-card{display:block;color:inherit;text-decoration:none;background:#f6f4ee;border:1px solid #d2d0c8;border-radius:8px;overflow:hidden;transition:transform .2s,box-shadow .2s}.designer-project-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #203e3216}.designer-project-card>img{display:block;width:100%;height:320px;object-fit:cover;object-position:center 54%}.designer-project-card>div{padding:19px 21px}.designer-project-card span{font-size:11px;color:#617061;letter-spacing:.08em}.designer-project-card h3{margin:7px 0 12px;font-size:23px}.designer-project-card strong{font-size:12px;color:#315c49}.designer-image-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.designer-image-gallery figure,.case-gallery-images figure{margin:0;background:#e7ece4;border-radius:7px;overflow:hidden}.designer-image-gallery img{display:block;width:100%;aspect-ratio:1.36;object-fit:cover}.designer-image-gallery figcaption,.case-gallery-images figcaption{padding:11px 13px;font-size:12px;color:#566157}.project-thumb:not(.project-thumb-pending){padding:0}.project-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-thumb-mark{z-index:1;background:#203e32b8;border-radius:4px;padding:0 9px}.project-photo-image{overflow:hidden;border-radius:7px;background:#e3e5de}.project-photo-image img{display:block;width:100%;height:100%;min-height:340px;max-height:560px;object-fit:cover}.case-gallery-images{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery-images img{display:block;width:100%;height:300px;object-fit:cover}.case-designer-link{margin-top:18px;font-size:13px;color:#656a62}.case-designer-link a{color:#315c49;font-weight:700}
@media(max-width:760px){.designer-profile-hero{grid-template-columns:1fr;gap:24px;padding:50px 0 35px}.designer-portrait,.designer-portrait img{min-height:360px}.designer-facts{grid-template-columns:1fr 1fr}.designer-facts div:last-child{grid-column:1/-1}.designer-project-grid{grid-template-columns:1fr}.designer-project-card>img{height:280px}.case-gallery-images{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.designer-profile-hero{padding-top:38px}.designer-portrait,.designer-portrait img{min-height:300px}.designer-facts{grid-template-columns:1fr}.designer-facts div:last-child{grid-column:auto}.designer-image-gallery{grid-template-columns:1fr}.designer-project-card>img{height:240px}.case-gallery-images img{height:220px}}

/* Designer headshots visible in the team overview */
.team-card{overflow:hidden;justify-content:flex-start;gap:8px;padding:0 0 20px}.team-card>span,.team-card>strong,.team-card>small,.team-card>b,.team-card>em{margin-left:20px;margin-right:20px}.team-card>span{margin-top:12px}.team-card-portrait,.team-card-portrait-pending{display:block;width:100%;height:230px;object-fit:cover;object-position:center 28%;background:#dfe3d9}.team-card-portrait-pending{display:grid;place-content:center;text-align:center;color:#315c49;font:500 56px Georgia,serif;background:linear-gradient(145deg,#e8ece5,#d7ded5)}.team-card-portrait-pending small{font:11px sans-serif;letter-spacing:.12em;color:#6b746a;margin-top:8px}.team-card-link:hover .team-card-portrait{filter:brightness(.97)}
@media(max-width:760px){.team-card-portrait,.team-card-portrait-pending{height:250px}}

/* AN direct finished-photo gallery: preserve original work photography */
.an-direct-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.an-direct-gallery figure{margin:0;background:#e8e8e1;border:1px solid #d8d8d0;overflow:hidden;border-radius:6px}.an-direct-gallery img{display:block;width:100%;height:auto;aspect-ratio:1706/960;object-fit:cover}.an-direct-gallery figcaption{padding:10px 13px;color:#546255;font-size:11px;letter-spacing:.06em;background:#f4f3ed}.an-photo-note{margin-top:16px;font-size:12px;color:#77796f}@media(max-width:620px){.an-direct-gallery{grid-template-columns:1fr;gap:13px}}

/* Distinguish design renderings from actual completed photography. */
.rendering-disclaimer{display:flex;flex-direction:column;gap:5px;padding:15px 18px;margin:14px 0 20px;background:#edf0e9;border-left:3px solid #46634d;color:#4f5b50;border-radius:0 6px 6px 0;font-size:12px;line-height:1.75}.rendering-disclaimer strong{color:#284332;font-size:13px}.rendering-badge{position:absolute;z-index:2;left:12px;top:12px;padding:6px 10px;background:#203e32e8;color:#fff;font-size:10px;letter-spacing:.08em;border-radius:4px}.project-thumb .rendering-badge{top:auto;left:12px;bottom:12px}.case-gallery-images figure{position:relative}.case-gallery-images .rendering-badge{top:10px;left:10px}.project-photo-image{position:relative}.an-gallery-section>.rendering-disclaimer{margin:0 0 16px}

/* Shared team and life introduction */
.home-about-teaser{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;padding:46px;margin:34px 0;background:#e8e8e0;border:1px solid #d5d5cb;border-radius:8px}.home-about-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.25;margin:10px 0 14px;color:#263b31}.home-about-copy h2 em,.about-hero h1 em{font-family:inherit;font-style:normal;color:#58715d}.home-about-copy p{font-size:14px;line-height:1.9;color:#666c63;margin:0 0 20px}.home-about-teaser>img{display:block;width:100%;aspect-ratio:1.78;object-fit:cover;border-radius:6px}.about-hero{padding:78px 0 60px;max-width:780px}.about-hero h1{font-size:clamp(44px,8vw,86px);line-height:1.18;letter-spacing:-.04em;color:#273b31;margin:16px 0 20px}.about-hero>p:not(.kicker){max-width:650px;font-size:16px;line-height:2;color:#62675f;margin:0 0 24px}.about-trip{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:center;padding:35px;background:#e7ece4;border:1px solid #d0d9ce;border-radius:8px}.about-trip-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.3;color:#263f35;margin:8px 0 16px}.about-trip-copy p{font-size:14px;line-height:1.9;color:#62675f}.about-trip-copy .about-date{font-size:12px;font-weight:700;color:#4b6a55;letter-spacing:.08em;margin:24px 0 0}.about-trip-copy .about-note{padding-top:12px;border-top:1px solid #c8d2c6;color:#566657}.about-trip-main{margin:0;position:relative}.about-trip-main img{display:block;width:100%;aspect-ratio:1.78;object-fit:cover;border-radius:6px}.about-trip-main figcaption{position:absolute;left:12px;bottom:12px;background:#203e32e8;color:white;padding:8px 11px;border-radius:4px;font-size:11px;letter-spacing:.08em}.about-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.about-photo-grid figure{margin:0;background:#edece5;border-radius:6px;overflow:hidden}.about-photo-grid img{display:block;width:100%;height:290px;object-fit:cover}.about-photo-grid figcaption{padding:11px 14px;color:#566157;font-size:12px}.about-brand-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.about-brand-links a{display:flex;flex-direction:column;gap:9px;padding:22px 24px;background:#e7ece4;border:1px solid #c9d3c8;border-radius:7px;color:#263f35;text-decoration:none}.about-brand-links a:first-child{background:#f0e5dc;border-color:#ddc7b7;color:#75432d}.about-brand-links span,.about-brand-links small{font-size:11px;letter-spacing:.08em}.about-brand-links strong{font-size:20px}.about-brand-links small{color:#71746d}.footer-about-link a{color:inherit;text-decoration:none;font-size:12px;font-weight:700}
@media(max-width:760px){.home-about-teaser{grid-template-columns:1fr;padding:24px;gap:20px;margin:24px 0}.about-hero{padding:54px 0 40px}.about-trip{grid-template-columns:1fr;gap:22px;padding:23px}.about-photo-grid{grid-template-columns:1fr}.about-photo-grid img{height:auto;aspect-ratio:1.5}.about-brand-links{grid-template-columns:1fr}}
@media(max-width:760px){.home-page .nav{gap:7px;font-size:10px}.home-page .nav a[href="#belief"]{display:none}.home-page .nav .nav-pill{padding:8px 9px}}

/* Clear brand-specific contact directory */
.contact-directory{display:grid;gap:10px}.contact-brand{display:grid;gap:6px}.contact-brand-name{font-size:12px;font-weight:750;color:#31493b}.contact-brand>a,.contact-line,.contact-essentials>a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#f3f5f3;border:1px solid #e0e5e1;color:#35584c;text-decoration:none;border-radius:7px}.contact-brand>a:hover,.contact-line:hover,.contact-essentials>a:hover{border-color:#9daf9e}.contact-brand small,.contact-line small,.contact-essentials small{color:#c66c43;font-size:9px;letter-spacing:.13em}.contact-brand b,.contact-line b,.contact-essentials b{font-size:12px;font-weight:700}.contact-line{background:#e1e9e0;border-color:#bfcebf}.contact-essentials{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-essentials>a{align-items:flex-start;flex-direction:column;gap:5px}.home-contact-links{display:none!important}
@media(max-width:760px){.contact-essentials{grid-template-columns:1fr}.contact-brand>a,.contact-line{padding:13px}}

/* Design inquiry form */
.intake-section{min-width:0;border:1px solid #deded8;border-radius:16px;padding:19px 20px 22px;margin:0 0 18px;background:#fbfaf7}
.intake-section legend{padding:0 10px 0 0;font-size:17px;font-weight:800;color:#203e32}
.intake-section legend span{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:8px;border-radius:8px;background:#315b49;color:white;font-size:12px;letter-spacing:.04em}
.intake-section .group-hint{margin:0 0 17px;color:#73766e;font-size:13px;line-height:1.65}
.intake-section .form-grid{row-gap:16px}
.choice-block{margin:3px 0 17px}
.choice-title{display:block;margin:0 0 9px;color:#4f534c;font-size:13px;font-weight:700}
.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.intake-form .choice-grid label{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 11px;border:1px solid #d8d7d0;border-radius:9px;background:white;font-size:13px;font-weight:500;cursor:pointer}
.intake-form .choice-grid input{width:16px;height:16px;margin:0;accent-color:#315b49}
.form-line-hint,.budget-note{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:10px;background:#f1eee7;color:#62655d;font-size:13px;line-height:1.7}
.form-line-hint a{color:#275d48;font-weight:750}
.design-summary-card{background:#fff;border:1px solid #e3dfd7;border-radius:18px;padding:24px;margin-bottom:24px}
@media(max-width:720px){.intake-section{padding:16px 13px 18px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-summary-card{padding:18px 14px}.summary-group p{grid-template-columns:110px 1fr;gap:8px}}
@media print{body.design-page .wrap>header,body.design-page .journey-guide,body.design-page main>section:not(#consultation-form),body.design-page #consultation-form>.form-section-heading,body.design-page #consultation-form>.form-status,body.design-page #consultation-form>form,body.design-page #consultation-form>details,body.design-page .footer{display:none!important}body.design-page #consultation-form{border:0;padding:0;margin:0}.design-summary-card{border:0;padding:0}}

.contact-note{font-size:11px;color:#767970;line-height:1.5}

/* Home brand cards: editorial split between brand color and real work imagery. */
.home-branch{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 12px 30px rgba(25,25,22,.12);transition:transform .25s,box-shadow .25s}
.home-branch:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(25,25,22,.16)}
.home-branch::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .45s}
.home-branch:hover::before{transform:scale(1.025)}
.home-branch-tattoo::before{background-image:url("images/home-tattoo-portfolio.jpg");background-position:58% 46%}
.home-branch-design::before{background-image:url("images/home-design-render.png");background-position:57% 50%}
.home-branch::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.home-branch-tattoo::after{background:linear-gradient(90deg,rgba(125,54,29,.98) 0%,rgba(166,75,40,.94) 38%,rgba(177,81,43,.78) 53%,rgba(167,77,42,.38) 73%,rgba(108,53,34,.17) 100%),linear-gradient(0deg,rgba(70,39,28,.28),transparent 46%)}
.home-branch-design::after{background:linear-gradient(90deg,rgba(31,65,50,.98) 0%,rgba(43,89,67,.94) 38%,rgba(46,91,69,.76) 53%,rgba(43,85,65,.34) 73%,rgba(34,66,52,.14) 100%),linear-gradient(0deg,rgba(24,45,35,.28),transparent 46%)}
.home-branch>*{position:relative;z-index:1}
.home-branch-head,.home-branch-design .home-branch-head{color:#fff2e5}
.home-branch h2,.home-branch-design h2,.home-branch .branch-copy,.home-branch-design .branch-copy{color:#fffaf4;text-shadow:0 1px 10px rgba(20,20,18,.12)}
.home-branch .branch-en,.home-branch-design .branch-en{color:#ffe4ce}
.home-branch>div:nth-child(2){max-width:65%}
.home-primary-link{width:min(100%,440px);background:#fff8ef;color:#302922;border-color:#ffffffaa}
.home-next-step{width:min(100%,440px);padding:10px 13px;background:rgba(30,35,30,.24);border:1px solid rgba(255,255,255,.28);border-radius:7px;color:#fffaf4;backdrop-filter:blur(3px)}
.home-next-step small{display:block;margin-bottom:4px;color:#ffe4ce;font-size:9px;font-weight:800;letter-spacing:.1em}
.home-next-step p{margin:0;font-size:11px;line-height:1.65;color:#fffaf4}
.home-branch-design .home-next-step small{color:#dce9d8}
.home-branch-actions{display:grid;gap:8px;width:min(100%,440px);margin-top:auto}
.home-branch-actions .home-primary-link{width:100%;margin-top:0}
.home-secondary-link{justify-self:start;padding:2px 0;color:#fffaf4;font-size:11px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55)}
.home-secondary-link:hover{border-color:#fff}
.home-image-note{position:absolute;z-index:2;right:18px;bottom:18px;padding:6px 9px;border:1px solid rgba(255,255,255,.35);border-radius:5px;background:rgba(27,42,33,.62);color:#fff;font-size:9px;letter-spacing:.08em;backdrop-filter:blur(3px)}
/* Home hero entry cards point to the richer brand cards below. */
.home-page .home-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);align-items:center;gap:44px}
.home-hero-copy{min-width:0}
.home-hero-entries{display:grid;gap:16px}
.home-hero-entry{min-height:176px;padding:20px 23px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:rgba(29,30,27,.48);color:#f8f3e8;transition:transform .18s,border-color .18s,background .18s}
.home-hero-entry:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.055)}
.home-hero-entry-label{width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:10px;letter-spacing:.12em;color:#e6a47d}
.home-hero-entry-title{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.home-hero-entry-title strong{margin-top:0}
.home-location-tag{flex:none;font-style:normal;letter-spacing:.02em;padding:5px 9px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#d8d5cb;background:rgba(255,255,255,.05);font-size:10px}
.home-hero-entry-design .home-hero-entry-label{color:#b4c6b5}
.home-hero-entry strong{margin-top:8px;font-size:24px;letter-spacing:-.03em}
.home-hero-entry small{margin-top:5px;color:#d0cbc0;font-size:12px;line-height:1.5}
.home-hero-entry b{margin-top:15px;padding:12px 18px;border-radius:5px;background:#c66c43;color:#fff;font-size:19px;font-weight:750;letter-spacing:.02em;line-height:1.15}
.home-hero-entry-design b{background:#b4c6b5;color:#252521}
.home-branch[id]{scroll-margin-top:24px}
@media(max-width:1050px){.home-page .home-hero{grid-template-columns:1fr;gap:30px}.home-hero-entries{grid-template-columns:1fr 1fr}.home-hero-entry{min-height:145px}}
@media(max-width:760px){
 .home-hero-entries{grid-template-columns:1fr;gap:11px}
 .home-hero-entry{min-height:150px;padding:17px 18px}
 .home-hero-entry-title{align-items:flex-start;flex-direction:column;gap:4px}
 .home-hero-entry b{font-size:18px;padding:11px 16px}
 .home-branch{min-height:380px}
 .home-branch>div:nth-child(2){max-width:78%}
 .home-primary-link{width:100%}
 .home-branch-tattoo::after{background:linear-gradient(90deg,rgba(125,54,29,.97) 0%,rgba(166,75,40,.91) 45%,rgba(177,81,43,.65) 68%,rgba(108,53,34,.25) 100%),linear-gradient(0deg,rgba(70,39,28,.32),transparent 52%)}
 .home-branch-design::after{background:linear-gradient(90deg,rgba(31,65,50,.97) 0%,rgba(43,89,67,.91) 45%,rgba(46,91,69,.64) 68%,rgba(34,66,52,.22) 100%),linear-gradient(0deg,rgba(24,45,35,.32),transparent 52%)}
}

/* Simple admin entry and authenticated inline flash editing */
.nav-admin-trigger{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:11px;font-weight:700;padding:8px 10px;cursor:pointer;opacity:.82}
.nav-admin-trigger:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
.admin-entry-dialog{width:min(440px,calc(100vw - 30px));border:1px solid #d8d1c5;border-radius:12px;padding:30px;background:#faf8f2;color:#292923;box-shadow:0 22px 70px #0005}
.admin-entry-dialog::backdrop{background:#171713b8;backdrop-filter:blur(3px)}
.admin-entry-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#59594f;font-size:27px;cursor:pointer}
.admin-entry-dialog h2{font-size:27px;margin:9px 0 8px;color:#292923}
.admin-entry-copy{font-size:13px;line-height:1.7;color:#66665d;margin:0 0 20px}
.admin-entry-dialog form{display:grid;gap:10px}
.admin-entry-dialog label{font-size:13px;font-weight:700}
.admin-entry-dialog input{width:100%;padding:12px 13px;border:1px solid #ccc8bd;border-radius:6px;font:inherit;background:#fff}
.admin-entry-dialog .btn-dark{width:100%;margin-top:4px;cursor:pointer}
.admin-entry-message{min-height:20px;margin:12px 0 0;color:#a54c2e;font-size:12px}
.flash-admin-panel{margin:0 0 28px;padding:18px;border:1px solid #cdb7a5;border-radius:10px;background:#f4eee6;color:#302b26}
.flash-admin-panel[hidden],.flash-admin-form[hidden]{display:none!important}
.flash-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.flash-admin-toolbar>div:first-child{display:grid;gap:4px}
.flash-admin-toolbar strong{font-size:15px;color:#663e2e}
.flash-admin-toolbar span{font-size:12px;color:#756d64}
.flash-admin-toolbar>div:last-child,.flash-admin-form-actions{display:flex;align-items:center;gap:8px}
.admin-inline-primary,.admin-inline-secondary{appearance:none;border:1px solid #753f2c;border-radius:5px;padding:10px 14px;background:#753f2c;color:white;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.admin-inline-primary:hover{background:#5e3123}
.admin-inline-primary:disabled{opacity:.55;cursor:wait}
.admin-inline-secondary{background:transparent;color:#684230;border-color:#c9b4a1}
.admin-inline-secondary:hover{background:#e9ded2}
.flash-admin-form{margin-top:18px;padding-top:17px;border-top:1px solid #dccfc1}
.flash-admin-form h2{margin:0 0 13px;font-size:20px;color:#55372a}
.flash-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flash-admin-fields label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#555047}
.flash-admin-fields .wide{grid-column:1/-1}
.flash-admin-fields input,.flash-admin-fields select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid #d0c6ba;border-radius:5px;background:#fff;color:#292923;font:inherit;font-size:13px}
.flash-admin-fields input[type=file]{padding:8px;background:#fff}
.flash-admin-form-actions{margin-top:14px}
#flash-admin-message{min-height:18px;margin:10px 0 0;color:#6b4936;font-size:12px}
.admin-preview{display:flex;align-items:center;gap:12px;padding:10px;background:#ebe5dc;border-radius:6px}
.admin-preview img{width:86px;height:86px;object-fit:cover;border-radius:4px;background:#ddd}
.admin-muted{font-size:12px;color:#666159}
.flash-card-admin-actions{display:flex;gap:7px;padding:0 12px 12px}
.flash-card-admin-actions button{flex:1;min-height:38px;border:1px solid #cdb7a5;border-radius:5px;background:#f4eee6;color:#633b2b;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.flash-card-admin-actions button:hover{background:#e9d9ca}
.flash-admin-list-wrap{margin-top:18px;padding-top:17px;border-top:1px solid #dccfc1}
.flash-admin-list-wrap h2{margin:0 0 4px;font-size:18px;color:#55372a}
.flash-admin-list-wrap>p{margin:0 0 12px;color:#756d64;font-size:12px}
.flash-admin-list{display:grid;gap:8px}
.flash-admin-list-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 11px;background:#fffaf5;border:1px solid #dbc9b7;border-radius:7px}
.flash-admin-list-item>img{width:58px;height:58px;object-fit:cover;border-radius:4px;background:#eee7df}
.flash-admin-list-info{display:grid;gap:5px;min-width:0}
.flash-admin-list-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#352c25}
.flash-admin-list-info span{font-size:11px;color:#74685c}
.flash-admin-list-actions{display:flex;gap:7px}
.flash-admin-list-actions button{min-width:92px}
.flash-admin-list-empty{margin:0;padding:14px;background:#fffaf5;border-radius:6px;color:#756d64;font-size:12px}
@media(max-width:760px){
 .nav-admin-trigger{font-size:10px;padding:7px 5px}
 .flash-admin-panel{padding:13px;margin-bottom:20px}
 .flash-admin-toolbar{align-items:flex-start;flex-direction:column}
 .flash-admin-toolbar>div:last-child{width:100%}
 .flash-admin-toolbar .admin-inline-primary{flex:1}
 .flash-admin-fields{grid-template-columns:1fr;gap:10px}
 .flash-admin-fields .wide{grid-column:auto}
 .flash-admin-list-item{grid-template-columns:52px minmax(0,1fr);gap:9px}
 .flash-admin-list-item>img{width:52px;height:52px;grid-row:span 2}
 .flash-admin-list-actions{grid-column:2;flex-wrap:wrap}
 .flash-admin-list-actions button{flex:1;min-width:105px}
}

/* Admin managed moments on the shared About page */
.about-managed-story{grid-column:1/-1;width:100%;margin:0 0 34px}
.about-managed-story-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 14px}
.about-managed-story-heading h3{margin:0;font-size:clamp(21px,3vw,30px);font-weight:600}
.about-managed-story-heading p{margin:0;color:var(--muted,#777);max-width:55%;line-height:1.7}
.about-managed-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.about-managed-photos figure{margin:0;overflow:hidden;border-radius:12px;background:#e9e5dd}
.about-managed-photos img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:700px){.about-managed-story-heading{display:block}.about-managed-story-heading p{max-width:none;margin-top:6px}.about-managed-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}

/* Inline, authenticated activity editor on About page */
.about-admin-manager{background:#f0eee8;padding:28px;border-radius:16px}
.about-admin-manager form{margin:20px 0;padding:20px;background:#fff;border-radius:12px}
.about-admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.about-admin-fields label{display:grid;gap:6px;font-size:13px;font-weight:700}
.about-admin-fields .wide{grid-column:1/-1}
.about-admin-fields input,.about-admin-fields select,.about-admin-fields textarea{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cfc8be;border-radius:7px;font:inherit}
.about-admin-help{color:#766d62;font-size:12px}
.about-admin-list{display:grid;gap:9px;margin-top:18px}
.about-admin-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px;background:#fff;border:1px solid #ded8d0;border-radius:10px}
.about-admin-row img{width:64px;height:54px;object-fit:cover;border-radius:6px}
.about-admin-row small{display:block;color:#777;margin-top:4px}
@media(max-width:650px){.about-admin-manager{padding:18px}.about-admin-fields{grid-template-columns:1fr}.about-admin-fields .wide{grid-column:auto}.about-admin-row{grid-template-columns:54px minmax(0,1fr);gap:9px}.about-admin-row img{width:54px;height:48px}.about-admin-row button{grid-row:2}.about-admin-row button:nth-last-child(2){grid-column:2}}

/* Tattoo artist hero slideshow */
.artist-hero-slider{display:block!important;padding:0!important;isolation:isolate;background:#171715!important}
.artist-slides,.artist-slide{position:absolute;inset:0;margin:0}
.artist-slide{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;overflow:hidden}
.artist-slide.is-active{opacity:1;visibility:visible}
.artist-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.artist-slide:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#111b)}
.artist-slide figcaption{position:absolute;z-index:1;left:24px;bottom:24px;color:#fff;font-size:12px;letter-spacing:.16em;text-shadow:0 2px 9px #000b}
.artist-slide-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:40px;height:40px;border:1px solid #ffffff90;border-radius:50%;background:#17171588;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.artist-slide-prev{left:14px}.artist-slide-next{right:14px}
.artist-slide-dots{position:absolute;z-index:3;right:22px;bottom:25px;display:flex;gap:8px}
.artist-slide-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#ffffff80;cursor:pointer;transition:width .2s,background .2s}
.artist-slide-dot.is-active{width:24px;background:#fff}
@media(prefers-reduced-motion:reduce){.artist-slide{transition:none}}

/* Shared administrator access on every page */
.site-admin-access{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}
.site-admin-access [hidden]{display:none!important}
.site-admin-login,.site-admin-status,.site-admin-logout{appearance:none;border:1px solid #b9b5aa;border-radius:3px;background:transparent;color:inherit;padding:8px 10px;font:inherit;font-weight:700;cursor:pointer}
.site-admin-status{color:var(--green);border-color:#9daf9f}
.site-admin-logout{color:#6d5a50;border-color:#d2c8bc}
.site-admin-login:hover,.site-admin-status:hover,.site-admin-logout:hover{background:#fff}
.site-admin-dialog{max-height:calc(100vh - 28px);overflow:auto}
.admin-top .site-admin-access{margin-left:auto}
@media(max-width:760px){.topbar{height:auto;min-height:72px;gap:4px;flex-wrap:wrap;padding:8px 0}.topbar .wordmark{font-size:11px;letter-spacing:.1em}.topbar .nav{width:100%;justify-content:flex-end;flex-wrap:wrap;gap:7px;font-size:10px}.site-admin-access{gap:4px;font-size:9px}.site-admin-login,.site-admin-status,.site-admin-logout{padding:6px 7px}.nav .nav-pill{padding:7px 9px}}
@media(max-width:410px){.site-admin-access{gap:3px}.site-admin-login,.site-admin-status,.site-admin-logout{padding:5px 6px;font-size:9px}.nav{gap:5px}}
.slide-upload-preview{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:10px;border:1px solid #e3ded7;border-radius:10px;background:#f7f4ee}
.slide-upload-preview img{width:100px;height:72px;object-fit:cover;border-radius:6px}
.slide-upload-preview small{display:block;color:#777}
.portfolio-managed-work{margin:0;overflow:hidden;background:#e8e8e1;border:1px solid #d8d8d0;border-radius:6px}
.portfolio-managed-work img{display:block;width:100%;height:auto;aspect-ratio:1.36;object-fit:cover}
.portfolio-managed-work figcaption{padding:10px 13px;color:#546255;font-size:12px;background:#f4f3ed}
.artist-work,.portfolio-managed-work{position:relative;cursor:pointer}
.artist-work:focus-visible,.portfolio-managed-work:focus-visible{outline:3px solid #ba6846;outline-offset:3px}
.portfolio-photo-count{position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:rgba(27,27,24,.82);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em}
.pm-preview-item{display:inline-flex;position:relative;flex-direction:column;gap:6px;max-width:180px;margin:8px;padding:8px;border:1px solid #d8d8d0;border-radius:8px;background:#f4f3ed;font-size:12px;vertical-align:top}
.pm-preview-item img{width:160px;height:130px;object-fit:cover;border-radius:5px}
.pm-preview-item input{position:absolute;top:12px;left:12px;width:20px;height:20px;accent-color:#9a5138}
.pm-group-thumbs{display:flex;gap:4px;margin-top:7px}
.pm-group-thumbs img{width:38px;height:38px;object-fit:cover;border-radius:4px}
.portfolio-lightbox{width:min(94vw,1000px);max-width:none;max-height:94vh;padding:24px 56px 18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#171714;color:#fff;text-align:center}
.portfolio-lightbox::backdrop{background:rgba(0,0,0,.86)}
.portfolio-lightbox-image{display:block;max-width:100%;width:auto;height:min(70vh,760px);object-fit:contain;margin:0 auto;border-radius:6px}
.portfolio-lightbox-close,.portfolio-lightbox-prev,.portfolio-lightbox-next{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.portfolio-lightbox-close{top:10px;right:12px;width:42px;height:42px;font-size:30px}
.portfolio-lightbox-prev,.portfolio-lightbox-next{top:45%;width:42px;height:54px;font-size:34px}
.portfolio-lightbox-prev{left:9px}.portfolio-lightbox-next{right:9px}
.portfolio-lightbox-caption{margin:12px 0;color:#eee;font-size:14px}
.portfolio-lightbox-thumbs{display:flex;justify-content:center;gap:8px;overflow-x:auto;padding:4px 0}
.portfolio-lightbox-thumbs button{flex:0 0 60px;width:60px;height:52px;padding:2px;border:2px solid transparent;border-radius:5px;background:transparent;cursor:pointer}
.portfolio-lightbox-thumbs button.is-active{border-color:#df8158}
.portfolio-lightbox-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:3px}
@media(max-width:600px){.portfolio-lightbox{width:100vw;height:100dvh;max-height:100dvh;padding:60px 42px 18px;border:0;border-radius:0}.portfolio-lightbox-image{height:65vh}.portfolio-lightbox-prev,.portfolio-lightbox-next{width:34px;height:48px}.portfolio-lightbox-prev{left:3px}.portfolio-lightbox-next{right:3px}}
.portfolio-empty-note{grid-column:1/-1;margin:0;padding:24px;color:#73776f;background:#f1efe9;border-radius:7px;font-size:13px}
.flash-project-help{color:#756d64;font-size:13px;line-height:1.7}.flash-project-items-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flash-project-item-edit{display:grid;grid-template-columns:54px minmax(0,1fr) 100px;gap:8px;align-items:center;padding:8px;background:#fffaf5;border:1px solid #dbc9b7;border-radius:7px}.flash-project-item-edit img{width:54px;height:54px;object-fit:cover;border-radius:4px}.flash-project-item-edit label{display:grid;gap:3px;font-size:11px}.flash-project-item-edit input{min-width:0;padding:7px;border:1px solid #d0c6ba;border-radius:4px;font:inherit}.flash-project-dialog{width:min(94vw,1050px);max-width:none;max-height:90vh;overflow:auto;padding:28px;border:1px solid #d5c5b4;border-radius:14px;background:#f8f4ed;color:#302b26}.flash-project-dialog::backdrop{background:rgba(22,20,17,.78)}.flash-project-dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-right:40px}.flash-project-dialog-head h2{margin:0 0 5px;font-size:25px}.flash-project-dialog-head p{margin:0 0 18px;color:#76685c}.flash-project-close{position:absolute;top:12px;right:13px;border:0;background:transparent;font-size:30px;cursor:pointer}.flash-project-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.flash-project-item-card{position:relative;overflow:hidden;padding:0;border:1px solid #ddd1c4;border-radius:8px;background:#fff;text-align:left;cursor:pointer}.flash-project-item-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee8df}.flash-project-item-info{display:grid;gap:5px;padding:10px}.flash-project-item-info strong{color:#322a23}.flash-project-item-info span{font-size:12px;color:#74685c}.flash-project-item-card .flash-status-badge{position:absolute;top:9px;left:9px}.flash-project-cover-badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#eee6dc;color:#604734;font-size:11px;font-weight:700}.flash-project-card-more{font-size:12px;color:#7c4e35;font-weight:700}
@media(max-width:650px){.flash-project-items-editor{grid-template-columns:1fr}.flash-project-dialog{width:100vw;height:100dvh;max-height:100dvh;padding:22px 15px;border-radius:0}.flash-project-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flash-project-dialog-head h2{font-size:21px}}
.flash-project-item-edit{grid-template-columns:54px minmax(110px,1fr) 100px minmax(150px,1.1fr)}.flash-project-item-edit>label:last-child{font-size:10px}.flash-project-item-edit input[type=file]{width:100%;font-size:10px}.flash-detail-photo-wrap{min-width:0}.flash-detail-gallery-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px}.flash-detail-gallery-controls[hidden]{display:none}.flash-detail-gallery-controls>button{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;background:#eee6dc;color:#573e30;font-size:25px;cursor:pointer}.flash-detail-gallery-controls>div{display:flex;gap:6px;max-width:100%;overflow-x:auto}.flash-detail-gallery-controls>div button{flex:0 0 52px;width:52px;height:46px;padding:2px;border:2px solid transparent;border-radius:5px;background:transparent;cursor:pointer}.flash-detail-gallery-controls>div button.is-active{border-color:#bb704d}.flash-detail-gallery-controls img{width:100%;height:100%;object-fit:cover;border-radius:3px}.flash-detail-admin-gallery{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.flash-detail-admin-gallery>div{position:relative}.flash-detail-admin-gallery img{width:68px;height:58px;object-fit:cover;border-radius:5px}.flash-detail-admin-gallery button{position:absolute;top:-5px;right:-5px;width:22px;height:22px;border:0;border-radius:50%;background:#913f31;color:#fff;cursor:pointer}
@media(max-width:650px){.flash-project-item-edit{grid-template-columns:48px 1fr 88px}.flash-project-item-edit>label:last-child{grid-column:1/-1}.flash-project-item-edit img{width:48px;height:48px}}
.flash-detail-photo-wrap>img{display:block;width:100%;max-height:72vh;aspect-ratio:1/1;object-fit:contain;background:#e2d5c9;border-radius:7px}
@media(max-width:650px){.flash-detail-photo-wrap>img{max-height:42vh}}

/* Concise tattoo booking flow */
.booking-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0;padding:0;list-style:none;counter-reset:flow}
.booking-flow-card{position:relative;min-height:190px;padding:22px 20px 19px;border:1px solid #d9d1c7;border-radius:8px;background:#faf8f3;counter-increment:flow}
.booking-flow-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:15px;border-radius:50%;background:#ece6dc;color:#835640}
.booking-flow-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.booking-flow-number{position:absolute;top:20px;right:20px;color:#a49a8d;font-size:11px;letter-spacing:.12em}
.booking-flow-card h3{margin:0 0 7px;font-size:17px}
.booking-flow-card p{margin:0;color:#746d64;font-size:13px;line-height:1.65}
.booking-flow-notes{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}
.booking-flow-notes p{margin:0;padding:10px 13px;border-left:2px solid #c78d68;background:#f4f0e9;color:#71685e;font-size:12px;line-height:1.6}
.booking-flow-notes strong{color:#403a34}
.booking-flow-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:8px;background:#eee9e0}
.booking-flow-cta>span{font-weight:700}
@media(max-width:760px){.booking-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.booking-flow-card{min-height:170px;padding:17px}.booking-flow-number{top:17px;right:16px}}
@media(max-width:460px){.booking-flow-grid{gap:8px}.booking-flow-card{min-height:165px;padding:14px}.booking-flow-card h3{font-size:15px}.booking-flow-card p{font-size:12px}.booking-flow-icon{width:36px;height:36px;margin-bottom:12px}.booking-flow-cta{align-items:flex-start;flex-direction:column}}