:root{--bg:#f8f7f2;--paper:#fffefb;--ink:#263e35;--muted:#657168;--accent:#3e5c4d;--soft:#e8eee6;--line:#dce2d9;--warm:#e6d4c5;--heading:Georgia,'Times New Roman',serif;--radius:22px;--shadow:0 18px 55px #263e3510;color-scheme:light}
:root[data-theme=rose]{--bg:#fcf6f6;--paper:#fffafa;--ink:#55373f;--muted:#7c6268;--accent:#8c4c61;--soft:#f4e5e9;--line:#ead7de;--warm:#e3b7c2;--radius:22px}
:root[data-theme=ink]{--bg:#f5f3ef;--paper:#fff;--ink:#23262e;--muted:#626571;--accent:#30384d;--soft:#e9ebf2;--line:#d9dce4;--warm:#c6bfb3;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,.display{font-family:var(--heading);font-weight:400;line-height:1.07;letter-spacing:-.045em}h1{font-size:clamp(42px,6vw,78px);margin-bottom:25px}h2{font-size:clamp(34px,4vw,52px);margin-bottom:20px}h3{font-size:20px;line-height:1.3;margin-bottom:10px}p{margin-bottom:20px}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,.button{border:1px solid var(--line);border-radius:100px;background:var(--paper);color:var(--ink);padding:11px 19px;min-height:46px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:9px;line-height:1.35;font-weight:600}button:hover,.button:hover{border-color:var(--accent);background:var(--soft)}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:var(--ink);color:#fff}.quiet{background:transparent}.small{font-size:13px}.danger{color:#a33535}.iconbtn{width:46px;padding:8px}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input,select,textarea{width:100%;min-height:48px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:10px 12px}label{display:block;font-size:14px;font-weight:600}label input,label select,label textarea{margin-top:6px}small,.muted{color:var(--muted)}small{font-size:13px}img{max-width:100%;display:block}section{scroll-margin-top:105px}.wrap{max-width:1200px;margin:auto;padding:0 32px}.section{padding-top:88px;padding-bottom:88px}.sectionhead{display:flex;gap:24px;justify-content:space-between;align-items:end;margin-bottom:34px}.sectionhead p{max-width:460px;margin-bottom:0}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;margin-bottom:20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between}.stack{display:grid;gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.badge{display:inline-flex;padding:5px 11px;background:var(--soft);border-radius:100px;font-size:12px;font-weight:600;line-height:1.5}.rule{border-top:1px solid var(--line)}.header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header .wrap{min-height:84px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{text-decoration:none;line-height:1.1;white-space:nowrap;display:flex;align-items:center;gap:9px}.brandword{font:28px var(--heading);letter-spacing:-1px}.brand small{display:block;font:9px/1.4 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase}.brand svg{width:32px;height:40px}.nav{display:flex;gap:23px;align-items:center}.nav a{text-decoration:none;font-size:14px}.controls{display:flex;gap:8px;align-items:center}.controls select{min-height:40px;width:64px;padding:6px;font-size:13px;border-radius:100px}.design{position:relative}.design summary{list-style:none;font-size:13px;border:1px solid var(--line);padding:9px 13px;cursor:pointer;border-radius:100px;min-height:40px}.design summary::-webkit-details-marker{display:none}.design-menu{position:absolute;right:0;top:47px;width:225px;padding:12px;background:var(--paper);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px}.design-menu button{width:100%;justify-content:start;border:0;margin:2px 0;border-radius:10px}.swatch{height:18px;width:18px;border-radius:100%;background:#47644e}.swatch.rose{background:#a2677b}.swatch.ink{background:#30384d}.hero{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center;padding-top:48px;padding-bottom:55px}.hero p{max-width:420px;font-size:18px;color:var(--muted)}.hero-photo{position:relative}.hero-photo img{width:100%;height:560px;object-fit:cover;border-radius:180px 180px var(--radius) var(--radius)}.hero-stamp{position:absolute;bottom:24px;left:-25px;background:var(--paper);border:1px solid var(--line);padding:16px 22px;border-radius:16px;box-shadow:var(--shadow)}.hero-stamp b{display:block}.hero .row{margin:30px 0}.benefits{display:flex;gap:30px;justify-content:space-between;padding:23px 0;font-size:13px;border-block:1px solid var(--line)}.benefits span{display:flex;gap:10px;align-items:center}.lookgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.look{margin:0}.look img{aspect-ratio:4/5;object-fit:cover;width:100%;border-radius:var(--radius);margin-bottom:18px}.look h3{font:25px var(--heading)}.look p{font-size:14px;color:var(--muted);min-height:48px}.textbutton{border:0;padding:4px 0;border-radius:0;min-height:40px;background:transparent;text-align:left}.artband{margin-top:35px;display:grid;grid-template-columns:190px 1fr auto;gap:30px;align-items:center;background:var(--soft);padding:30px;border-radius:var(--radius)}.nail-art{display:flex;gap:9px;align-items:end;height:90px}.nail-art span{width:40px;height:74px;border-radius:22px 22px 12px 12px;background:#e1b9b0;display:grid;place-items:center;font-size:29px;color:#fff;box-shadow:inset 2px 0 4px #ffffff99}.nail-art span:nth-child(2){height:86px;background:linear-gradient(110deg,#cdc1ba,#fff,#bb9e97)}.nail-art span:nth-child(3){background:#543444}.artband p{margin:0;font-size:14px}.prices-area{background:var(--soft);border-block:1px solid var(--line)}.price-toolbar{display:grid;grid-template-columns:1fr 310px;gap:20px;margin-bottom:20px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{font-size:13px;min-height:42px;padding:9px 14px}.chips button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.pricegroup{margin-bottom:24px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper)}.pricegroup h3{padding:22px 26px;margin:0;background:color-mix(in srgb,var(--paper),var(--soft) 45%);font:26px var(--heading)}.pricerow{display:grid;grid-template-columns:minmax(0,1fr) 75px 85px 48px;align-items:center;gap:18px;padding:20px 26px;border-top:1px solid var(--line)}.pricerow b{display:block;font-size:16px}.pricerow p{font-size:13px;color:var(--muted);margin:5px 0 0}.price{font-weight:700;text-align:right;white-space:nowrap}.duration{font-size:13px;color:var(--muted);white-space:nowrap}.price-notes{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:13px;line-height:1.65}.price-notes p{margin:0}.avatar{background:var(--soft);width:70px;height:70px;border-radius:100%;font:32px var(--heading);display:grid;place-items:center;margin-bottom:23px}.team p{font-size:14px;color:var(--muted)}.team .card{position:relative}.team .eyebrow{position:absolute;top:35px;right:25px;font-size:9px}.faq{max-width:800px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-weight:600;min-height:30px}.faq details p{padding-top:14px;font-size:15px;max-width:720px;color:var(--muted);margin:0}.visit{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.visit h2{font-size:40px}.visit p,.visit small{color:inherit;opacity:.8}.visit .primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}.hours{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:14px}.footer{padding:40px 0 45px;border-top:1px solid var(--line);font-size:12px}.footer p{margin-top:20px;max-width:850px;color:var(--muted);font-size:12px}.mobilebar{display:none}.skip{position:fixed;left:15px;top:-100px;padding:12px;background:var(--paper);z-index:100}.skip:focus{top:12px}dialog{border:1px solid var(--line);border-radius:24px;padding:0;background:var(--paper);color:var(--ink);width:min(760px,calc(100% - 28px));max-height:90dvh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#18231e99;backdrop-filter:blur(4px)}.dialoghead{position:sticky;top:0;z-index:2;background:var(--paper);padding:20px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.dialoghead h2{font-size:27px;margin:0}.dialogbody{padding:26px}.steps{display:flex;gap:8px;margin-bottom:24px}.steps span{flex:1;border-top:3px solid var(--line);padding-top:7px;font-size:12px;color:var(--muted)}.steps span.on{border-color:var(--accent);color:var(--ink);font-weight:600}.dialogfoot{position:sticky;bottom:0;border-top:1px solid var(--line);background:var(--paper);padding:18px 26px;display:flex;gap:14px;justify-content:space-between;align-items:center}.dialogfoot small{display:block}.extras{margin-top:22px}.extra-row{display:grid;grid-template-columns:1fr 100px;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.extra-row small{display:block;font-weight:400}.extra-row select{margin:0}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.slots button{border-radius:10px}.slots button[aria-pressed=true]{background:var(--accent);color:#fff}.note{padding:16px 20px;background:var(--soft);border-radius:12px;font-size:13px}.error{color:#9c3030;font-size:14px}.error:empty{display:none}.summaryline{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.checkrow{display:flex;align-items:start;gap:10px;font-size:13px;font-weight:400}.checkrow input{width:20px;min-height:20px;flex-shrink:0;margin:3px 0 0;accent-color:var(--accent)}.confirmation{text-align:center;padding:20px 0}.confirmation .success-icon{font-size:40px;display:grid;place-items:center;width:80px;height:80px;border-radius:100%;background:var(--soft);margin:0 auto 20px}.confirmation h3{font:32px var(--heading)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:12px;padding:14px 22px;z-index:100;box-shadow:var(--shadow);max-width:90vw;display:none}.ownertop{padding:24px 0;border-bottom:1px solid var(--line)}.ownertop p{margin:8px 0 0;font-size:13px}.ownerhero{padding:38px 0 20px}.ownerhero h1{font-size:42px;margin:0}.owner-tabs{display:flex;gap:10px;margin:22px 0;overflow:auto}.owner-tabs button{white-space:nowrap}.owner-tabs button[aria-selected=true]{background:var(--accent);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.stat{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.stat b{display:block;font:32px var(--heading);margin:5px 0}.stat small{font-size:12px}.ownerfilters{display:grid;grid-template-columns:180px 1fr 1fr;gap:14px;margin:20px 0}.weekstrip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:20px}.weekstrip button{border-radius:12px;display:block;font-size:12px;padding:10px 4px}.weekstrip button b{display:block;font-size:19px}.weekstrip button[aria-pressed=true]{background:var(--accent);color:#fff}.calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.calendar-column{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:18px;min-height:250px}.columnhead{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px;display:flex;gap:10px;align-items:center}.dot{width:9px;height:9px;background:var(--accent);border-radius:100%}.appointment{width:100%;display:block;text-align:left;padding:16px;border-radius:12px;margin-bottom:10px;white-space:normal;border-left:3px solid var(--accent);font-size:14px;line-height:1.5}.appointment.pending{border-left-color:#ac7a2c;background:#fcf6e8}.appointment.cancelled{opacity:.65;border-left-color:#969696}.appointment.block{border-style:dashed}.appointment b{display:block}.appointment small{display:block;font-weight:400}.appointment .badge{margin-top:7px;font-size:10px}.owner-content{padding-bottom:70px}.provider{position:relative;display:flex;flex-direction:column}.provider p{font-size:14px}.provider .cost{font-size:30px;font-family:var(--heading);line-height:1.3;margin:10px 0}.provider ul{padding-left:18px;font-size:13px;flex:1}.provider small{display:block;font-size:12px}.checklist label{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.message-preview{border:1px solid var(--line);padding:25px;border-radius:var(--radius);font-size:14px;background:var(--paper)}.message-preview p{white-space:pre-line}.ownerlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.hidden,[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.wrap{max-width:1280px}.hero-photo img{height:620px}}
@media(max-width:1000px){.nav{display:none}.hero{gap:35px}.hero-photo img{height:490px}.lookgrid{gap:13px}.artband{grid-template-columns:150px 1fr}.artband button{grid-column:2}.price-toolbar{grid-template-columns:1fr}.grid3{gap:14px}.provider{padding:20px}}
@media(max-width:700px){html{scroll-padding-top:80px}.wrap{padding:0 20px}.header .wrap{min-height:74px;gap:10px}.brandword{font-size:25px}.brand svg{width:25px}.controls{gap:5px}.controls .desktop-cta{display:none}.design summary{padding:8px 10px}.controls select{width:58px}.hero{grid-template-columns:1fr;gap:25px;padding-top:38px;padding-bottom:30px}.hero h1{max-width:350px;margin-bottom:18px}.hero p{font-size:16px}.hero .row{margin:20px 0}.hero-photo img{height:350px;border-radius:130px 130px 20px 20px}.hero-stamp{bottom:16px;left:12px;padding:12px 18px;font-size:13px}.hero .eyebrow{margin-bottom:15px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.benefits span:last-child{grid-column:1/-1}.section{padding-top:55px;padding-bottom:55px}.sectionhead{display:block;margin-bottom:25px}.sectionhead h2{margin-bottom:14px}.sectionhead p{font-size:14px}.lookgrid{grid-template-columns:1fr 1fr;gap:28px 16px}.look h3{font-size:24px}.look p{font-size:13px;min-height:60px}.look img{margin-bottom:12px}.artband{grid-template-columns:1fr;padding:25px;gap:20px}.nail-art{height:85px}.artband button{grid-column:auto;justify-self:start}.price-toolbar{gap:14px}.chips{gap:6px}.chips button{font-size:12px;padding:8px 11px;min-height:40px}.pricerow{grid-template-columns:minmax(0,1fr) 75px 42px;gap:7px 10px;padding:18px 16px}.pricerow .duration{grid-column:1;grid-row:2}.pricerow .price{grid-column:2;grid-row:1}.pricerow button{grid-column:3;grid-row:1/3;width:40px;padding:8px}.pricerow b{font-size:14px}.pricerow p{font-size:12px}.pricerow .service-info{grid-row:1}.pricegroup h3{padding:18px 16px;font-size:24px}.price-notes{grid-template-columns:1fr}.grid2,.grid3{grid-template-columns:1fr}.team .card{padding:23px}.team .avatar{float:left;width:55px;height:55px;margin-right:18px;margin-bottom:5px;font-size:27px}.team .eyebrow{position:static;margin:0 0 6px;font-size:8px}.team h3{margin-bottom:3px}.team p{margin:0}.team button{margin-top:20px}.visit{padding:30px 24px;grid-template-columns:1fr;gap:30px}.visit h2{font-size:33px}.footer{padding-bottom:110px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:19;padding:10px 20px calc(10px + env(safe-area-inset-bottom));gap:15px;align-items:center;justify-content:space-between;background:var(--paper);border-top:1px solid var(--line)}.mobilebar small{display:block;font-size:10px}.mobilebar b{font-size:14px}.mobilebar button{min-width:170px}.dialogbody{padding:20px}.dialoghead,.dialogfoot{padding:16px 20px}.dialoghead h2{font-size:23px}dialog{max-height:94dvh;width:calc(100% - 16px);border-radius:20px}.slots{grid-template-columns:repeat(3,1fr)}.extra-row{gap:15px;grid-template-columns:1fr 86px}.dialogfoot button{font-size:14px}.dialogfoot b{font-size:15px}.dialogfoot small{font-size:11px}.ownerhero h1{font-size:34px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:17px}.stat b{font-size:29px}.ownerfilters{grid-template-columns:1fr 1fr;gap:12px}.ownerfilters label:first-child{grid-column:1/-1}.calendar{grid-template-columns:1fr}.calendar-column{min-height:100px}.owner-tabs{margin-inline:-20px;padding-inline:20px}.weekstrip{gap:4px}.weekstrip button{min-height:64px;font-size:10px}.weekstrip button b{font-size:17px}.owner-content{padding-bottom:40px}.ownertop .ownerlinks{font-size:12px;gap:12px}#toast{bottom:95px;width:calc(100% - 40px)}.summaryline{font-size:13px}.provider .cost{font-size:30px}.row.actions{align-items:stretch}.row.actions>*{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.header,.mobilebar,.footer,.price-toolbar,.hero,.benefits,#looks,#team,#faq,#visit,.owner-tabs,button{display:none!important}.section{padding:15px 0}.pricerow{break-inside:avoid}.prices-area{background:white}body{background:white;color:black}.wrap{padding:0}.pricegroup{break-inside:auto}}
/* Small-screen refinements after the booking and Vietnamese UX review. */
.design summary{white-space:nowrap}
@media(max-width:700px){.dialogfoot{display:grid;grid-template-columns:1fr;gap:10px}.dialogfoot>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialogfoot>.row{display:flex;flex-wrap:nowrap;gap:10px}.dialogfoot .row button:last-child{flex:1}.steps span{font-size:11px}.owner-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-inline:0;padding-inline:0;overflow:visible}.owner-tabs button{white-space:normal;font-size:12px;padding:10px 6px;border-radius:14px;min-height:58px}.price{font-size:14px}}
@media(max-width:370px){.brandword{font-size:21px}.brand small{font-size:8px}.brand svg{width:20px}.brand{gap:6px}.wrap{padding-inline:16px}.mobilebar{padding-inline:16px}.mobilebar button{min-width:150px}.controls select{width:53px}.design summary{font-size:12px}}

.pricerow .service-info{min-width:0}.pricerow b,.pricerow p{overflow-wrap:anywhere}
@media(max-width:370px){.brand svg,.brand small{display:none}.header .wrap{gap:6px}.controls{gap:3px}.controls select{width:46px;padding:6px 4px}.design summary{padding:8px;font-size:11px}.mobilebar button{min-width:142px}}
@media(max-width:370px){.pricerow .service-info{grid-column:1/3}.pricerow .price{grid-row:2}.pricerow .duration{grid-row:2}}

.design-menu button[aria-pressed=true]::after{content:'✓';margin-left:auto}

/* Showcase v4 — independent composition and colour systems. */
.brand{min-width:0;white-space:normal}.brand>span{min-width:0}.brandword{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-logo{width:42px;height:42px;object-fit:contain;flex-shrink:0}.brand-preview{display:flex;align-items:center;gap:16px;padding:22px;background:var(--soft);border-radius:16px;overflow-wrap:anywhere}.brand-preview img{width:64px;height:64px;object-fit:contain}.brand-preview b{font:28px var(--heading);min-width:0}.contact-link{display:block;width:fit-content;max-width:100%;overflow-wrap:anywhere;margin:8px 0}
.design-menu{width:410px;max-height:calc(100dvh - 110px);overflow:auto;padding:20px;box-shadow:0 20px 70px #17231e26}.design-menu .eyebrow{margin:0 0 12px}.layout-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.design-menu .layout-options button{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line);padding:9px;min-width:0;font-size:13px}.layout-options b,.layout-options small{display:block}.layout-options small{font-size:10px;line-height:1.35;font-weight:400;margin-top:4px}.layout-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--soft)}.layout-mini{height:55px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;background:var(--bg);border-radius:6px}.layout-mini i{display:block;background:var(--warm);border-radius:4px}.layout-mini i:first-child{background:var(--line);margin:7px 0}.layout-mini i:last-child{display:none}.mini-b{grid-template-columns:1fr;grid-template-rows:12px 1fr}.mini-b i:first-child{margin:0 25px}.mini-c i:first-child{background:var(--warm);margin:0}.mini-c i:nth-child(2){background:var(--line);margin:7px 0}.mini-d{display:block;position:relative;background:var(--warm)}.mini-d i:first-child{position:absolute;left:12px;bottom:3px;width:40%;height:14px;background:var(--paper)}.theme-options{display:grid;grid-template-columns:1fr;gap:0}.design-menu .theme-options button{font-size:13px;min-height:44px}.design-menu .personalize-launch{border-top:1px solid var(--line);border-radius:0;padding:16px 0 0;margin-top:15px;font-size:14px;justify-content:space-between}
.hero-photo{min-width:0;isolation:isolate}.hero-frame{overflow:hidden;aspect-ratio:1/1.06;border-radius:180px 180px var(--radius) var(--radius);background:var(--warm)}.hero .hero-frame img{width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center}.hero-stamp{left:18px;bottom:22px;padding:14px 18px;max-width:calc(100% - 160px);font-size:14px}.hero-stamp .eyebrow{font-size:9px;margin:0 0 4px}.carousel-controls{position:absolute;right:15px;bottom:20px;display:flex;align-items:center;gap:4px;background:var(--paper);padding:4px;border-radius:30px;border:1px solid var(--line);box-shadow:var(--shadow)}.carousel-controls button{width:36px;min-height:40px;padding:5px;border:0;background:transparent;font-size:18px}.carousel-controls span{font-size:11px;min-width:29px;text-align:center;font-variant-numeric:tabular-nums}.carousel-controls #hero-play{border-left:1px solid var(--line);border-radius:0 24px 24px 0;font-size:15px}.kenburns{animation:slow-zoom 7s ease-out both}@keyframes slow-zoom{from{transform:scale(1)}to{transform:scale(1.045)}}
.lookgrid{row-gap:36px}.look{min-width:0}.look-photo{position:relative;display:block;width:100%;padding:0;overflow:hidden;min-height:0;border:0;border-radius:var(--radius);margin-bottom:16px;background:var(--warm)}.look .look-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:0;margin:0;transition:transform .5s}.look-photo:hover img{transform:scale(1.035)}.look-photo>span{position:absolute;bottom:12px;right:12px;font-size:11px;padding:7px 10px;border-radius:25px;background:var(--paper);color:var(--ink)}.look h3{font-size:25px}.look p{min-height:0;font-size:13px;line-height:1.65;margin-bottom:8px}.gallery-filters{margin-bottom:24px}.gallery-hint{margin:20px 0 0}.example-link{display:inline;padding:3px 0;min-height:32px;border:0;border-radius:0;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;background:transparent;text-align:left}.pricerow .service-info .example-link{width:auto;display:inline;min-height:36px;padding:3px 0}.example-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.example-body>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:14px}.example-body small{display:block;margin-bottom:20px}
.shape-explorer{display:grid;grid-template-columns:1fr 1.2fr;gap:38px;align-items:center;padding:34px;margin-top:38px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.shape-explorer .eyebrow{margin-bottom:12px}.shape-explorer h3{font:29px/1.15 var(--heading)}.shape-explorer p{font-size:14px}.shape-explorer small{font-size:12px;display:block;margin-top:14px}.shape-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.shape-options button{display:flex;flex-direction:column;border-radius:14px;padding:10px 5px;font-size:12px;min-width:0;gap:3px;font-weight:500}.shape-options svg{width:48px;height:64px;fill:var(--warm);stroke:var(--accent);stroke-width:1.3}.shape-options [aria-pressed=true],.lengths [aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--soft)}.shape-result{display:flex;align-items:center;gap:14px;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-size:13px;flex-wrap:wrap}.shape-result>span{font-weight:600}.lengths{display:flex;gap:8px;margin:16px 0}.lengths button{border-radius:12px;padding:8px 15px;gap:7px}.lengths span{font-size:12px;font-weight:400}.booking-shape{border:0;padding:20px 0 0;margin:0;min-width:0}.booking-shape legend{font-size:14px;font-weight:600;float:left;width:100%;margin-bottom:10px}.booking-shape .shape-options{clear:both}.booking-shape small{font-size:12px}.extra-row{grid-template-columns:minmax(0,1fr) 126px;gap:18px;font-size:14px}.extra-row b{font-weight:600}.extra-row small{font-size:12px;line-height:1.6}.stepper{display:grid;grid-template-columns:44px 36px 44px;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--bg);overflow:hidden}.stepper button{min-height:46px;border:0;padding:4px;font-size:22px;border-radius:0;background:transparent}.stepper output{text-align:center;font-size:15px;font-variant-numeric:tabular-nums}.stepper button:focus-visible{outline-offset:-3px}.extra-row:has(.stepper button:last-child:disabled) .stepper{border-color:var(--accent)}
/* B: centred editorial cover, panoramic photography, three generous columns. */
[data-layout=b] .hero{grid-template-columns:1fr;gap:34px;text-align:center;padding-top:60px}[data-layout=b] .hero>div:first-child{max-width:850px;justify-self:center}[data-layout=b] .hero h1{font-size:clamp(48px,6.5vw,90px)}[data-layout=b] .hero h1 br{display:none}[data-layout=b] .hero p{max-width:590px;margin-inline:auto}[data-layout=b] .hero .row{justify-content:center}[data-layout=b] .hero-photo{width:100%}[data-layout=b] .hero-frame{aspect-ratio:2.1;border-radius:8px}[data-layout=b] .lookgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}[data-layout=b] .sectionhead{border-top:1px solid var(--line);padding-top:25px}[data-layout=b] .look-photo{border-radius:6px}[data-layout=b] .pricegroup{border-radius:6px}[data-layout=b] .team .card{border-radius:6px;border-top:3px solid var(--accent)}
/* C: image first, a framed studio introduction, horizontal inspiration cards. */
[data-layout=c] .hero{grid-template-columns:1.05fr 1fr;gap:0;padding-block:40px}[data-layout=c] .hero-photo{grid-column:1;grid-row:1}[data-layout=c] .hero>div:first-child{grid-column:2;grid-row:1;background:var(--soft);padding:44px;border-radius:0 var(--radius) var(--radius) 0}[data-layout=c] .hero-frame{aspect-ratio:1/1.13;border-radius:var(--radius) 0 0 var(--radius)}[data-layout=c] .hero h1{font-size:clamp(45px,5vw,65px)}[data-layout=c] .hero p{font-size:16px}[data-layout=c] .lookgrid{grid-template-columns:1fr 1fr;gap:25px}[data-layout=c] .look{display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto 1fr auto;gap:0 20px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}[data-layout=c] .look-photo{grid-row:1/4;margin:0;align-self:start}[data-layout=c] .look h3{font-size:24px}[data-layout=c] .look p{font-size:12px}[data-layout=c] .look .textbutton{justify-self:start}[data-layout=c] .prices-area .sectionhead{align-items:center}[data-layout=c] .team .card{text-align:center}[data-layout=c] .team .avatar{margin-inline:auto}
/* D: immersive photo cover and a horizontal lookbook with visible next card. */
[data-layout=d] .hero{position:relative;display:grid;grid-template-columns:1fr;min-height:650px;margin-top:32px;padding:58px;border-radius:var(--radius);overflow:hidden;isolation:isolate;background:#303c34}[data-layout=d] .hero>div:first-child{z-index:2;max-width:560px;pointer-events:none;color:#fff;padding-bottom:60px}[data-layout=d] .hero>div:first-child a,[data-layout=d] .hero>div:first-child button{pointer-events:auto}[data-layout=d] .hero p,[data-layout=d] .hero small{color:#fff}[data-layout=d] .hero .quiet{color:#fff;border-color:#ffffff88}[data-layout=d] .hero .primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}[data-layout=d] .hero-photo{position:absolute;inset:0;z-index:0}[data-layout=d] .hero-frame{height:100%;aspect-ratio:auto;border-radius:0}[data-layout=d] .hero-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111c15dd 0%,#111c1599 43%,#111c1510 100%);pointer-events:none}[data-layout=d] .hero .hero-frame img{object-position:65% 52%}[data-layout=d] .hero-stamp{left:28px;bottom:25px;max-width:50%;z-index:3}[data-layout=d] .carousel-controls{z-index:3;right:28px;bottom:25px}[data-layout=d] .lookgrid{display:flex;overflow-x:auto;gap:22px;scroll-snap-type:x mandatory;padding-bottom:20px;scrollbar-color:var(--accent) var(--soft)}[data-layout=d] .look{flex:0 0 29%;scroll-snap-align:start}[data-layout=d] .look .look-photo img{aspect-ratio:1}[data-layout=d] .benefits{margin-top:30px}[data-layout=d] .shape-explorer{border:0;background:var(--soft)}
@media(min-width:1001px){[data-layout=b] .pricegroup{display:grid;grid-template-columns:1fr 1fr}[data-layout=b] .pricegroup h3{grid-column:1/-1}[data-layout=b] .pricerow{padding:20px;gap:12px;grid-template-columns:minmax(0,1fr) 60px 65px 42px}[data-layout=b] .pricerow:nth-child(odd){border-left:1px solid var(--line)}}
@media(max-width:1000px){.shape-explorer{grid-template-columns:1fr;gap:24px}.hero-stamp{bottom:78px;max-width:calc(100% - 36px)}[data-layout=c] .hero>div:first-child{padding:26px}[data-layout=c] .hero h1{font-size:44px}[data-layout=c] .look{grid-template-columns:1fr;padding:14px}[data-layout=c] .look-photo{grid-row:auto;margin-bottom:18px}[data-layout=d] .hero-stamp{bottom:25px}.brandword{max-width:230px}}
@media(max-width:700px){.brandword{max-width:170px;font-size:23px}.brand small{font-size:8px;letter-spacing:.12em}.brand-logo{width:28px;height:32px}.design-menu{position:fixed;top:77px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 160px);padding:17px}.hero-frame{aspect-ratio:1/1.03;border-radius:120px 120px 20px 20px}.hero .hero-frame img{height:100%}.hero-stamp{left:13px;bottom:70px;padding:9px 13px;font-size:12px;max-width:calc(100% - 26px)}.carousel-controls{bottom:14px;right:13px}.carousel-controls button{width:40px;min-height:40px}.lookgrid{gap:26px 14px}.look h3{font-size:22px;overflow-wrap:anywhere}.look p{font-size:12px;min-height:0}.look-photo>span{font-size:10px;bottom:8px;right:8px;padding:5px 8px}.look .textbutton{font-size:13px}.shape-explorer{padding:22px 16px;gap:20px;margin-top:28px}.shape-explorer h3{font-size:27px}.shape-options{gap:5px}.shape-options button{font-size:10px;padding:8px 1px;border-radius:10px}.shape-options svg{width:36px;height:54px}.shape-result{font-size:12px}.shape-result .textbutton{font-size:13px}.lengths button{min-height:44px;padding:7px 11px}.extra-row{grid-template-columns:minmax(0,1fr) 116px;gap:12px;font-size:13px}.stepper{grid-template-columns:40px 34px 40px}.stepper button{min-height:44px}.extra-row small{font-size:11px}.example-link{font-size:11px}.example-body{grid-template-columns:1fr;gap:18px}.example-body>img{max-height:47dvh;object-fit:contain;background:var(--bg)}.booking-shape .shape-options svg{height:50px}.gallery-hint{font-size:11px}.mobilebar>div{min-width:0}.mobilebar button{min-width:120px}.mobilebar b{font-size:12px}.mobilebar small{font-size:10px}.brand-preview b{font-size:25px}.brand-preview img{width:45px;height:45px}
[data-layout=b] .hero{padding-top:36px;gap:22px}[data-layout=b] .hero h1{font-size:47px;max-width:none}[data-layout=b] .hero-frame{aspect-ratio:1.15}[data-layout=b] .lookgrid{grid-template-columns:1fr 1fr;gap:28px 16px}[data-layout=b] .sectionhead{padding-top:20px}[data-layout=c] .hero{display:flex;flex-direction:column;padding-top:22px;gap:0}[data-layout=c] .hero-photo{width:100%;order:0}[data-layout=c] .hero>div:first-child{order:1;width:100%;padding:26px 22px;border-radius:0 0 var(--radius) var(--radius)}[data-layout=c] .hero-frame{aspect-ratio:1.25;border-radius:var(--radius) var(--radius) 0 0}[data-layout=c] .hero h1{font-size:44px}[data-layout=c] .lookgrid{grid-template-columns:1fr;gap:18px}[data-layout=c] .look{grid-template-columns:40% 1fr;gap:0 15px}[data-layout=c] .look-photo{grid-row:1/4;margin:0}[data-layout=c] .look h3{font-size:23px}[data-layout=c] .look p{font-size:12px}[data-layout=c] .team .avatar{float:none;margin:0 auto 16px}[data-layout=d] .hero{min-height:630px;margin-top:20px;padding:32px 24px;align-items:start}[data-layout=d] .hero>div:first-child{padding-bottom:90px;align-self:center}[data-layout=d] .hero h1{font-size:48px}[data-layout=d] .hero p{font-size:15px}[data-layout=d] .hero .hero-frame img{object-position:center}[data-layout=d] .hero-frame:after{background:linear-gradient(90deg,#111c15d9,#111c1570)}[data-layout=d] .hero-stamp{bottom:72px;left:20px;max-width:calc(100% - 40px)}[data-layout=d] .carousel-controls{right:20px;bottom:18px}[data-layout=d] .look{flex-basis:78%}[data-layout=d] .lookgrid{gap:16px}[data-layout=d] .look p{font-size:13px}[data-layout=d] .hero .quiet{background:#111c1530}}
@media(max-width:370px){.brandword{font-size:20px;max-width:140px}.brand-logo{display:none}.extra-row{grid-template-columns:minmax(0,1fr);gap:8px}.stepper{justify-self:end}.shape-options button{font-size:9px}.shape-options svg{width:31px;height:47px}.mobilebar{gap:8px}.mobilebar button{min-width:115px}.mobilebar b{font-size:11px}[data-layout=c] .look{grid-template-columns:1fr}[data-layout=c] .look-photo{grid-row:auto;margin-bottom:15px}}
@media print{.shape-explorer,.gallery-filters,.gallery-hint,.example-link{display:none!important}[data-layout=b] .pricegroup{display:block}.pricerow{grid-template-columns:1fr 75px 85px}}
.design-menu .layout-options button[aria-pressed=true]::after{content:none}.length-nail{display:inline-block;flex-shrink:0;width:12px;background:var(--warm);border:1px solid var(--accent);border-radius:7px 7px 3px 3px}.length-S{height:16px}.length-M{height:23px}.length-L{height:30px}.example-body>img{object-fit:contain;background:var(--bg)}
@media(max-width:700px){[data-layout=d] .hero>div:first-child{padding-bottom:118px}.lengths button{padding-inline:10px;gap:6px}.length-nail{width:10px}}

/* Nail-centred framing: image-specific focus survives layout and slide changes. */
.hero .hero-frame img{object-position:var(--hero-x,50%) var(--hero-y,50%);transform-origin:var(--hero-x,50%) var(--hero-y,50%);transform:scale(var(--hero-zoom,1))}
@keyframes slow-zoom{from{transform:scale(var(--hero-zoom,1))}to{transform:scale(var(--hero-zoom-end,1.035))}}
@media(min-width:701px){
 [data-layout=b] .hero .hero-frame img,[data-layout=d] .hero .hero-frame img{object-position:var(--hero-x,50%) var(--hero-wide-y,75%);transform-origin:var(--hero-x,50%) var(--hero-wide-y,75%);transform:scale(1)}
 [data-layout=b] .hero .hero-frame,[data-layout=d] .hero .hero-frame{--hero-zoom:1!important;--hero-zoom-end:1.035!important}
}
@media(min-width:1001px){
 /* Give the wide lookbook a dedicated photo area so the nails sit beside the copy. */
 [data-layout=d] .hero .hero-frame img{width:72%;margin-left:auto;object-position:var(--hero-x,50%) var(--hero-y,50%);transform-origin:var(--hero-x,50%) var(--hero-y,50%)}
 [data-layout=d] .hero-frame:after{background:linear-gradient(90deg,#111c15f5 0%,#111c15ee 27%,#111c1570 46%,#111c1508 74%)}
}
/* The focal point also overrides legacy layout-specific centre rules on phones. */
.hero #hero-image{object-position:var(--hero-x,50%) var(--hero-y,50%);transform-origin:var(--hero-x,50%) var(--hero-y,50%)}
@media(min-width:701px){[data-layout=b] .hero #hero-image,[data-layout=d] .hero #hero-image{object-position:var(--hero-x,50%) var(--hero-wide-y,75%);transform-origin:var(--hero-x,50%) var(--hero-wide-y,75%)}}
@media(min-width:1001px){[data-layout=d] .hero #hero-image{object-position:var(--hero-x,50%) var(--hero-y,50%);transform-origin:var(--hero-x,50%) var(--hero-y,50%)}}

.color-picker{margin:22px 0;padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}.color-picker h3{margin:0;font-size:24px}.color-nails{display:block;width:100%;max-width:480px;height:auto;margin:12px auto 0}.color-caption{text-align:center;font-weight:600;margin:0 0 18px}.color-swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.color-swatches button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 3px;font-size:11px;line-height:1.2;background:var(--paper);border:2px solid transparent;min-width:0}.color-swatches button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.color-swatches i{width:32px;height:32px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002,inset 3px 3px 8px #fff4}.color-picker small{display:block;line-height:1.5}.color-picker .row{gap:8px}@media(max-width:420px){.color-picker{padding:14px}.color-swatches{gap:5px}.color-swatches button{font-size:10px}.color-swatches i{width:28px;height:28px}}

.photo-preview{position:relative;width:min(100%,360px);aspect-ratio:1;margin:18px auto 8px;overflow:hidden;border-radius:16px;background:var(--paper)}.photo-preview canvas,.photo-source{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.photo-preview canvas:not([data-ready=true]){opacity:0}.photo-status{display:none;position:absolute;bottom:8px;left:8px;right:8px;padding:6px;background:#fffdf7e8;color:#343b35;font-size:12px;text-align:center;border-radius:8px}.loading .photo-status{display:block}.photo-compare{display:block;margin:0 auto 12px;font-size:12px}.photo-compare[aria-pressed=true]{font-weight:700;text-decoration:underline}.color-picker #photo-error:empty{display:none}
@media(min-width:640px){.color-picker{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px 20px;align-items:start}.color-picker>.row{grid-column:1/-1}.color-picker #color-preview{grid-column:1;grid-row:2/4}.color-picker .photo-preview{margin:0 auto 8px}.color-picker .photo-compare{margin-bottom:0}.color-picker #color-caption{grid-column:2;grid-row:2;margin:8px 0 0;text-align:left}.color-picker .color-swatches{grid-column:2;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.color-picker .color-swatches button{padding:8px 2px}.color-picker>small{grid-column:1/-1}.color-picker .photo-status{grid-column:auto}}@media(max-width:639px){.photo-preview{width:min(100%,260px)}}
/* Compact navigation, honest sample social proof, and a real in-page viewport. */
.menu-toggle{width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--paper);flex-shrink:0}.menu-toggle svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.menu-toggle[aria-expanded=true]{background:var(--soft);border-color:var(--accent)}.section-menu[hidden]{display:none}.section-menu{position:absolute;right:max(18px,calc((100% - 1136px)/2));top:calc(100% + 8px);width:320px;max-width:calc(100vw - 32px);padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #1b31242b;display:grid;z-index:25;max-height:calc(100dvh - 100px);overflow:auto}.section-menu a{padding:11px 14px;text-decoration:none;border-radius:10px}.section-menu a:hover{background:var(--soft)}.section-menu button{margin-top:6px}.header .controls{gap:8px}.header .brandword{max-width:230px}.reviews-section{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.review-intro h2{font-size:clamp(30px,3.5vw,44px)}.review-intro p{font-size:13px;line-height:1.7;max-width:400px;color:var(--muted);margin-bottom:0}.rating-line{display:flex;gap:15px;align-items:center;margin:20px 0}.rating-line strong{font:62px/1 var(--heading)}.rating-line b{display:block;font-size:12px}.review-stars{color:#a7732e;letter-spacing:3px;font-size:20px}.review-card{padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);min-height:310px}.sample-label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:650;margin-bottom:12px}.review-card blockquote{font:24px/1.45 var(--heading);margin:18px 0 24px}.review-person{display:flex;gap:12px;align-items:center}.review-person b{font-size:13px}.review-person small{display:block;font-size:11px;color:var(--muted)}.review-avatar{display:grid;place-items:center;width:38px;height:38px;background:var(--soft);border-radius:50%;font:18px var(--heading)}.review-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:12px}.review-controls button{width:42px;min-height:42px;padding:5px}.review-controls span{font-size:12px;margin-inline:5px}.map-section{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:20px}.map-section h2{font-size:clamp(30px,3.5vw,44px)}.map-section p{font-size:14px}.map-section .row{gap:12px}.map-section .textbutton{font-size:12px;display:inline-flex;text-decoration:underline}.map-panel{height:360px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--soft)}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:26px;text-align:center;background:linear-gradient(30deg,transparent 45%,#fff7 46%,#fff7 52%,transparent 53%),linear-gradient(125deg,transparent 38%,#fff7 39%,#fff7 45%,transparent 46%)}.map-placeholder p{font-size:11px;line-height:1.7;max-width:300px;margin-bottom:14px}.map-pin{display:grid;place-items:center;width:44px;height:44px;background:var(--accent);color:#fff;border-radius:50% 50% 50% 4px;margin-bottom:16px}.map-pin .icon{width:22px;height:22px}.map-panel iframe{width:100%;height:100%;border:0}.demo-tools{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-tools b,.demo-tools small{display:block}.demo-tools b{font-size:14px}.demo-tools small{font-size:11px;color:var(--muted);max-width:350px;margin-top:4px}.demo-tool-actions{display:flex;gap:10px;align-items:center}.view-buttons{display:flex;padding:4px;border-radius:30px;background:var(--soft);gap:3px}.view-buttons button{font-size:12px;min-height:40px;padding:7px 16px;border:0;background:transparent}.view-buttons button[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 5px #24352619}.footer-design{position:relative}.footer-design summary{font-size:12px;min-height:48px;padding:12px 20px}.footer-design .design-menu{position:absolute;top:auto;bottom:calc(100% + 10px);right:0;left:auto;max-height:65dvh;width:min(410px,calc(100vw - 40px));z-index:30}.preview-host{background:#e6e8e5;min-width:0}.preview-shell{padding:24px 16px 32px;min-height:100dvh}.preview-label{text-align:center;font-size:12px;letter-spacing:.05em;margin:0 0 15px;color:#526054}.preview-stage{position:relative;margin:auto}.preview-device{position:absolute;left:50%;margin-left:0;transform-origin:top left;translate:-50% 0;border:1px solid #c3c9c1;border-radius:18px;background:var(--paper);box-shadow:0 12px 50px #172b1826;overflow:hidden}.preview-device iframe{display:block;border:0;background:var(--bg)}.preview-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;align-items:center;margin:22px auto 0;padding-top:18px;border-top:1px solid #bdc7bc;max-width:900px}.preview-bottom>b{font-size:12px;color:#526054}.preview-bottom>button{font-size:12px}.preview-host .preview-bottom .textbutton{min-height:44px}.preview-host .view-buttons{background:#d6ddd3}
@media(max-width:900px){.reviews-section{gap:28px}.header .nav{gap:15px}.header .desktop-cta{display:none}.header .brandword{max-width:200px}.map-section{gap:25px}.demo-tools{align-items:start}}
@media(max-width:700px){.header .wrap{min-height:62px;padding-inline:16px}.header .brandword{font-size:23px;max-width:205px}.header .controls select{width:54px;min-height:42px;padding:7px}.header .controls{gap:6px}.header .brand small{font-size:8px}.section-menu{left:12px;right:12px;max-width:none;width:auto;top:calc(100% + 5px)}.section-menu a{font-size:15px;padding:12px 16px}.menu-toggle{width:42px;min-height:42px;padding:9px}html{scroll-padding-top:78px}.hero,[data-layout] .hero{display:flex;flex-direction:column;gap:16px;min-height:0;margin-top:0;padding:16px 0 24px;background:transparent;border-radius:0;overflow:visible;isolation:auto;text-align:left}.hero-photo,[data-layout] .hero-photo{position:relative;inset:auto;order:0;width:100%;z-index:auto}.hero>div:first-child,[data-layout] .hero>div:first-child{order:1;max-width:none;width:100%;padding:0;color:var(--ink);background:transparent;border-radius:0;pointer-events:auto;align-self:auto}.hero-frame,[data-layout] .hero-frame{height:auto;aspect-ratio:1.8;border-radius:18px}.hero-frame:after,[data-layout] .hero-frame:after{display:none}.hero h1,[data-layout] .hero h1{font-size:34px;line-height:1.08;max-width:none;margin:0 0 10px;letter-spacing:-.04em}.hero h1 br{display:none}.hero h1 br:after{content:' '}.hero p,[data-layout] .hero p{font-size:13px;line-height:1.5;margin:0 0 15px;max-width:none;color:var(--muted)}.hero>div:first-child>.eyebrow,.hero>div:first-child>small{display:none}.hero .hero-actions,[data-layout] .hero .hero-actions{display:flex;justify-content:stretch;gap:8px}.hero .hero-actions>*{flex:1;font-size:12px;min-height:44px;padding:9px 10px;white-space:nowrap}.hero .hero-actions .primary,[data-layout] .hero .hero-actions .primary{background:var(--accent);color:#fff;border-color:var(--accent)}.hero .hero-actions .quiet,[data-layout] .hero .hero-actions .quiet{color:var(--ink);border-color:var(--line);background:transparent}.hero-stamp,[data-layout] .hero-stamp{left:12px;bottom:12px;max-width:calc(100% - 164px);font-size:11px;padding:7px 11px}.hero-stamp .eyebrow{display:none}.carousel-controls,[data-layout] .carousel-controls{right:10px;bottom:11px;padding:2px;gap:1px}.carousel-controls button{width:30px;min-height:32px;font-size:15px}.carousel-controls span{min-width:24px;font-size:10px}.benefits{display:none}.section{padding-block:34px}#looks{padding-top:12px}.sectionhead{gap:8px;margin-bottom:20px}.sectionhead h2{font-size:30px;line-height:1.12;margin-bottom:10px}.sectionhead .eyebrow{display:none}.sectionhead p{font-size:12px;line-height:1.5;margin-bottom:0}.reviews-section{grid-template-columns:1fr;gap:22px}.review-intro h2,.map-section h2{font-size:30px}.review-intro h2 br,.map-section h2 br{display:none}.rating-line{margin:12px 0}.rating-line strong{font-size:48px}.review-card{padding:23px;min-height:265px}.review-card blockquote{font-size:23px}.map-section{grid-template-columns:1fr;gap:22px}.map-panel{height:310px}.demo-tools{display:block}.demo-tool-actions{justify-content:space-between;margin-top:14px}.footer-design .design-menu{position:fixed;inset:auto 12px 86px;width:auto;max-height:65dvh}.footer{padding-bottom:100px}.preview-shell{padding-inline:16px}.preview-bottom{gap:8px}.preview-bottom>b{width:100%;text-align:center}}
@media(max-width:370px){.header .brandword{max-width:175px;font-size:21px}.hero h1,[data-layout] .hero h1{font-size:30px}.hero .hero-actions>*{font-size:11px}.hero-stamp,[data-layout] .hero-stamp{max-width:calc(100% - 154px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.mobile-copy{display:none}@media(max-width:700px){.hero .desktop-copy{display:none}.hero .mobile-copy{display:inline}.hero h1,[data-layout] .hero h1{font-size:31px}.hero p,[data-layout] .hero p{margin-bottom:12px}.hero,[data-layout] .hero{gap:12px;padding-bottom:18px}#looks .sectionhead p{display:none}#looks .sectionhead{margin-bottom:14px}#looks .sectionhead h2{margin-bottom:0}}

.preview-device{left:0;translate:none}

.footer .ownerlinks{align-items:center}.footer .ownerlinks>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.4}.footer .ownerlinks>button{line-height:1.4}
/* The demo workbench deliberately sits outside the customer footer. */
.footer{padding:26px 0}.demo-workbench{background:#192d3b;color:#edf4f8;padding:28px 0 32px;border-top:1px solid #354c5b}.demo-workbench .demo-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin:0;padding:0;border:0}.demo-tool-label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#9fb7c8;margin-bottom:6px}.demo-workbench .demo-tools b{font-size:17px;font-weight:600;letter-spacing:-.02em}.demo-workbench .demo-tools small{color:#b0c2ce;font-size:12px;max-width:370px;margin-top:6px;line-height:1.6}.demo-workbench .demo-tool-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:0}.demo-workbench .view-buttons{background:#10212d;border:1px solid #476171}.demo-workbench .view-buttons button{color:#d7e4eb}.demo-workbench .view-buttons button[aria-pressed=true]{background:#e3edf3;color:#183142;box-shadow:none}.demo-workbench .footer-design summary{color:#edf4f8;border-color:#597181;background:transparent}.demo-workbench .footer-design summary:hover{background:#294556}.demo-workbench .design-menu{color:var(--ink);background:var(--paper)}.demo-admin{font-size:12px;display:inline-flex;align-items:center;min-height:44px;color:#cfdee7;text-underline-offset:4px}.demo-workbench :focus-visible{outline:2px solid #a3d8ff;outline-offset:4px}
@media(max-width:900px){.demo-workbench .demo-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo-admin{flex-basis:100%;justify-content:flex-end}}
@media(max-width:700px){.footer{padding:24px 0}.demo-workbench{padding:24px 0 100px}.demo-workbench .demo-tools{display:block}.demo-workbench .demo-tool-actions{margin-top:18px;display:grid;grid-template-columns:1fr auto;justify-content:stretch;gap:10px}.demo-admin{grid-column:1/-1;justify-content:flex-start}.demo-workbench .view-buttons{width:fit-content}.demo-workbench .demo-tools small{max-width:none}}

.consultation-note{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:20px;font-size:15px;line-height:1.65;margin-bottom:12px}#book-total{font-size:16px}@media(max-width:700px){.consultation-note{font-size:13px;padding:16px}#book-total{font-size:13px;max-width:165px;display:block;line-height:1.4}}

/* Colour and typography are independent. Fonts use local system families. */
:root[data-theme=sand]{--bg:#faf7f0;--paper:#fffdf8;--ink:#40352b;--muted:#746756;--accent:#70563e;--soft:#eee5d8;--line:#dfd5c6;--warm:#d6bfa1}
:root[data-theme=lavender]{--bg:#faf8fc;--paper:#fffefe;--ink:#3e304c;--muted:#756580;--accent:#675179;--soft:#eee8f4;--line:#dfd5e8;--warm:#cbb7d6}
:root[data-theme=ocean]{--bg:#f4f9f8;--paper:#fcfefd;--ink:#233e46;--muted:#596e73;--accent:#285c69;--soft:#e1eef0;--line:#cddfe1;--warm:#a9c9cd}
:root[data-theme=clay]{--bg:#fcf7f2;--paper:#fffdf9;--ink:#4d3028;--muted:#7b6259;--accent:#8c4738;--soft:#f3e6dc;--line:#e7d5c8;--warm:#d8ae97}
:root[data-theme=plum]{--bg:#faf6f9;--paper:#fffdfd;--ink:#462d3f;--muted:#7a6374;--accent:#693e59;--soft:#efe4ed;--line:#e2d2de;--warm:#c7a7ba}
:root{--body:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--heading-weight:400;--heading-tracking:-.04em;--radius:22px}
:root[data-font=classic],.font-classic{--heading:Georgia,'Times New Roman',serif;--body:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;--heading-weight:400;--heading-tracking:-.04em}
:root[data-font=modern],.font-modern{--heading:Arial,Helvetica,sans-serif;--body:Arial,Helvetica,sans-serif;--heading-weight:600;--heading-tracking:-.045em}
:root[data-font=editorial],.font-editorial{--heading:'Times New Roman',Times,serif;--body:Arial,Helvetica,sans-serif;--heading-weight:400;--heading-tracking:-.025em}
:root[data-font=soft],.font-soft{--heading:Palatino,'Palatino Linotype','Book Antiqua',Georgia,serif;--body:Verdana,Geneva,sans-serif;--heading-weight:400;--heading-tracking:-.035em}
:root[data-font=clear],.font-clear{--heading:Verdana,Geneva,sans-serif;--body:Verdana,Geneva,sans-serif;--heading-weight:400;--heading-tracking:-.055em}
:root[data-font=studio],.font-studio{--heading:'Trebuchet MS',Arial,sans-serif;--body:'Trebuchet MS',Arial,sans-serif;--heading-weight:600;--heading-tracking:-.03em}
body{font-family:var(--body)}h1,h2,.display{font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.look h3,.shape-explorer h3,.brandword{font-weight:var(--heading-weight)}
/* E: a short introduction leads straight to services and prices. */
[data-layout=e] #main{display:flex;flex-direction:column}[data-layout=e] #main>div:first-child{width:100%;order:0}[data-layout=e] #preise{order:1}[data-layout=e] #looks{order:2;width:100%}[data-layout=e] #team{order:3;width:100%}[data-layout=e] #bewertungen{order:4;width:100%}[data-layout=e] #faq{order:5;width:100%}[data-layout=e] #visit{order:6;width:100%}[data-layout=e] #anfahrt{order:7;width:100%}
[data-layout=e] .hero{grid-template-columns:1.3fr 1fr;gap:36px;padding-block:32px}[data-layout=e] .hero h1{font-size:clamp(38px,4.5vw,58px);margin-bottom:18px}[data-layout=e] .hero h1 br{display:none}[data-layout=e] .hero h1 br:after{content:' '}[data-layout=e] .hero p{font-size:16px;max-width:480px}[data-layout=e] .hero-frame{aspect-ratio:1.4;border-radius:14px}[data-layout=e] .hero-stamp{bottom:16px;left:14px;font-size:12px;padding:8px 12px}[data-layout=e] .hero-stamp .eyebrow{display:none}[data-layout=e] .carousel-controls{bottom:15px;right:12px}[data-layout=e] .hero .row{margin-block:20px}[data-layout=e] .benefits{display:none}[data-layout=e] .section{padding-block:48px}[data-layout=e] .lookgrid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-layout=e] .pricegroup{border-radius:12px}[data-layout=e] .team .card{padding:22px;border-radius:12px}
/* F: photography leads, followed by a caption-like introduction and a featured look. */
[data-layout=f] .hero{grid-template-columns:1fr;padding-top:26px;gap:26px}[data-layout=f] .hero-photo{grid-row:1;width:100%}[data-layout=f] .hero-frame{aspect-ratio:2.25;border-radius:12px}[data-layout=f] .hero>div:first-child{display:grid;grid-template-columns:1.1fr 1fr;column-gap:36px;align-items:center}[data-layout=f] .hero>div:first-child>.eyebrow{display:none}[data-layout=f] .hero h1{font-size:clamp(40px,4.5vw,60px);grid-row:1/3;margin:0}[data-layout=f] .hero p{font-size:16px;max-width:450px;margin-bottom:12px}[data-layout=f] .hero .row{margin:0;grid-column:2}[data-layout=f] .hero>div:first-child>small{display:none}[data-layout=f] .hero h1 br{display:none}[data-layout=f] .hero h1 br:after{content:' '}[data-layout=f] .hero .hero-frame img{object-position:var(--hero-x,50%) var(--hero-wide-y,75%);transform-origin:var(--hero-x,50%) var(--hero-wide-y,75%);transform:scale(1)}[data-layout=f] .benefits{display:none}[data-layout=f] .lookgrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:30px}[data-layout=f] .look:first-child{grid-column:span 2;grid-row:span 2}[data-layout=f] .look:first-child h3{font-size:34px}[data-layout=f] .look:first-child .look-photo img{aspect-ratio:1.15}[data-layout=f] .look-photo{border-radius:10px}[data-layout=f] .sectionhead{align-items:start}[data-layout=f] .team .card{border-radius:10px}
@media(max-width:1000px) and (min-width:701px){[data-layout=e] .hero-stamp{bottom:70px}[data-layout=f] .lookgrid{gap:22px}}
@media(max-width:700px){
 [data-layout=e] .hero,[data-layout=f] .hero{display:flex;padding:16px 0 24px;gap:15px}[data-layout=e] .hero h1,[data-layout=f] .hero h1{font-size:32px;margin:0 0 10px}[data-layout=e] .hero p,[data-layout=f] .hero p{font-size:13px;margin:0 0 15px}[data-layout=e] .hero .row,[data-layout=f] .hero .row{margin:0;grid-column:auto}[data-layout=e] .hero-frame{aspect-ratio:2.1}[data-layout=e] .hero-stamp{bottom:12px;font-size:11px;padding:7px 10px}[data-layout=e] .carousel-controls{bottom:11px;right:10px}[data-layout=e] .section{padding-block:30px}[data-layout=e] .lookgrid{grid-template-columns:1fr 1fr}[data-layout=e] #looks{padding-top:30px}
 [data-layout=f] .hero>div:first-child{display:block}[data-layout=f] .hero-frame{aspect-ratio:1.6}[data-layout=f] .hero .hero-frame img{object-position:var(--hero-x,50%) var(--hero-y,50%);transform-origin:var(--hero-x,50%) var(--hero-y,50%);transform:scale(var(--hero-zoom,1))}[data-layout=f] .lookgrid{grid-template-columns:1fr 1fr;gap:25px 14px}[data-layout=f] .look:first-child{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1.15fr 1fr;gap:0 16px;align-items:start}[data-layout=f] .look:first-child .look-photo{grid-column:1;grid-row:1/4;margin:0}[data-layout=f] .look:first-child .look-photo img{aspect-ratio:.85}[data-layout=f] .look:first-child h3{font-size:25px}[data-layout=f] .look:first-child .textbutton{align-self:end}
}
/* A separate workbench panel makes the larger selection easy to scan. */
.demo-workbench .design-launch{background:transparent;border-color:#597181;color:#edf4f8;font-size:13px}.demo-workbench .design-launch:hover{background:#294556}
#design-panel{position:fixed;inset:16px 16px 16px auto;margin:0;width:440px;max-width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:none;border-radius:22px;overflow:auto;padding:24px;box-shadow:0 20px 90px #142c3440;background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
#design-panel::backdrop{background:#18232c20;backdrop-filter:none}.design-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.design-panel-head h2{font:600 24px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;letter-spacing:-.03em;margin:0}.design-panel-head .demo-tool-label{color:var(--muted);font-size:10px}.design-help{font-size:13px;line-height:1.6;color:var(--muted);margin:18px 0}.design-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--soft);padding:4px;border-radius:12px;margin-bottom:20px}.design-tabs button{border-radius:9px;border:0;background:transparent;font-size:13px;padding:10px 8px;min-height:44px}.design-tabs button[aria-selected=true]{background:var(--paper);box-shadow:0 1px 4px #0001}.design-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design-choices button{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;border-radius:14px;padding:12px;gap:4px;min-width:0;background:var(--paper);border:1px solid var(--line)}.design-choices button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--soft)}.design-choices button[aria-pressed=true]:after{content:'✓';position:absolute;top:7px;right:7px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:white;font-size:13px}.design-choices b{font-size:13px;font-weight:650}.design-choices small{font-size:11px;line-height:1.4;font-weight:400}.design-choices .layout-mini{height:68px;margin-bottom:7px}.mini-e{grid-template-columns:1.2fr 1fr;grid-template-rows:20px 1fr}.mini-e i:first-child{margin:2px 0}.mini-e i:last-child{display:block;grid-column:1/-1;background:var(--line)}.mini-f{grid-template-columns:1fr 1fr;grid-template-rows:1fr 10px}.mini-f i:first-child{grid-column:1/-1;background:var(--warm);margin:0}.mini-f i:nth-child(2),.mini-f i:last-child{display:block;background:var(--line)}.palette-preview{display:flex;height:46px;overflow:hidden;border-radius:8px;margin-bottom:8px;border:1px solid #0001}.palette-preview i{flex:1;background:var(--p1)}.palette-preview i:nth-child(2){background:var(--p2)}.palette-preview i:nth-child(3){background:var(--p3)}.font-preview{font:var(--heading-weight) 44px/1.3 var(--heading);letter-spacing:var(--heading-tracking);padding:0 2px 4px}.design-selection{font-size:12px;padding:14px 0;margin:16px 0 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.6}.design-panel-foot{display:grid;gap:8px;margin-top:4px}.design-panel-foot .textbutton{justify-content:center;font-size:12px}.design-panel-foot .primary{width:100%;font-size:14px}.design-panel-foot .textbutton:last-child{border-top:1px solid var(--line);padding-top:15px;margin-top:4px}
@media(max-width:700px){#design-panel{inset:8px;margin:0;width:calc(100vw - 16px);max-width:none;height:calc(100dvh - 16px);border-radius:18px;padding:20px}.design-panel-head h2{font-size:23px}.design-choices{gap:8px}.design-choices button{padding:10px}.design-help{font-size:12px;margin-block:14px}.design-choices .layout-mini{height:56px}}
@media print{#design-panel{display:none!important}[data-layout=e] #main{display:block}}
#design-panel .design-panel-head{position:sticky;top:-24px;z-index:3;background:var(--paper);margin:-24px -24px 0;padding:24px 24px 16px;border-bottom:1px solid var(--line)}
@media(max-width:700px){#design-panel .design-panel-head{top:-20px;margin:-20px -20px 0;padding:20px 20px 14px}}

.design-share{padding:16px 0;margin-bottom:18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.design-share label{font-size:13px;margin-bottom:9px}.design-share-row{display:flex;gap:8px;align-items:center}.design-share input{font-size:12px;min-width:0;min-height:44px;border-radius:9px;margin:0;flex:1}.design-share button{white-space:nowrap;min-height:44px;font-size:12px;padding:9px 12px;border-radius:9px;background:var(--soft)}.design-share small{display:block;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.6}
/* G / Essential: a short landing page, full catalogue available on demand. */
.mini-g{grid-template-columns:1fr 1fr;grid-template-rows:22px 1fr}.mini-g i:first-child{margin:2px 0}.mini-g i:last-child{display:block;grid-column:1/-1;background:repeating-linear-gradient(to bottom,var(--line),var(--line) 4px,transparent 4px,transparent 8px)}
[data-layout=g] .essential-page{max-width:1200px;margin:auto}.essential-section{padding-block:32px}.essential-sectionhead{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.essential-sectionhead h2{font-size:34px;margin:0}.essential-sectionhead small{font-size:12px}.essential-lower{display:grid;grid-template-columns:1fr 1fr;gap:38px}.essential-hero{gap:40px;padding-block:28px}.essential-hero h1{font-size:clamp(38px,4.5vw,58px);margin-bottom:18px}.essential-hero p{font-size:16px}.essential-hero .hero-frame{aspect-ratio:1.65;border-radius:16px}.essential-hero .hero-stamp{font-size:12px;padding:9px 12px;left:12px;bottom:14px}.essential-hero .hero-stamp .eyebrow{display:none}.essential-hero .carousel-controls{bottom:13px;right:12px}.essential-hero .hero-actions{margin:20px 0 0}.essential-looks .look-photo img{aspect-ratio:1.22}.essential-looks .look h3{font-size:23px;margin-bottom:5px}.essential-looks .look p{display:none}.essential-looks .look .textbutton{font-size:13px}.essential-fold{border-bottom:1px solid var(--line)}.essential-fold>summary,.essential-price>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;font-size:14px;font-weight:600;min-height:56px;padding:14px 0}.essential-fold>summary::-webkit-details-marker,.essential-price>summary::-webkit-details-marker{display:none}.essential-fold>summary>span,.essential-price>summary>span{margin-left:auto;font-size:22px;font-weight:400;line-height:1}.essential-fold>summary small{font-size:11px;margin-left:auto;font-weight:400}.essential-fold[open]>summary>span,.essential-price[open]>summary>span{transform:rotate(45deg)}.essential-fold-body{padding:4px 0 22px}.essential-more{margin-top:12px}.essential-more .lookgrid{padding-top:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.essential-price{margin-bottom:8px;border-radius:12px}.essential-price>summary{padding:13px 17px;min-height:54px}.essential-price>summary b{font-weight:600;font-size:14px}.essential-price .pricerow{padding:16px;gap:10px;grid-template-columns:minmax(0,1fr) 50px 65px 42px}.essential-price .pricerow b{font-size:13px}.essential-price .pricerow p{font-size:12px}.essential-price .pricerow .price,.essential-price .pricerow .duration{font-size:12px}.essential-contact{background:var(--soft);padding:26px;border-radius:16px;margin-bottom:14px}.essential-contact h2{font-size:32px;margin-bottom:12px}.essential-contact p{font-size:14px;margin-bottom:16px}.essential-contact>.textbutton{display:flex;margin-top:12px}.essential-team{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.essential-team b,.essential-team small{display:block;font-size:13px}.essential-team small{font-size:12px}.essential-fold .reviews-section,.essential-fold .map-section{padding:0;display:block;border:0}.essential-fold .reviews-section h2,.essential-fold .map-section h2{display:none}.essential-fold .review-intro p{max-width:none}.essential-fold .review-carousel{margin-top:18px}.essential-fold .review-card{min-height:230px;padding:22px}.essential-fold .review-card blockquote{font-size:21px}.essential-fold .map-panel{margin-top:20px;height:300px}.essential-fold .faq details{padding:12px 0}.essential-fold .faq details p{font-size:13px}.essential-fold .hours{margin-block:12px}
@media(max-width:1000px) and (min-width:701px){.essential-hero .hero-stamp{bottom:65px}.essential-lower{gap:24px}.essential-price .pricerow{grid-template-columns:minmax(0,1fr) 60px 40px}.essential-price .duration{grid-column:1;grid-row:2}.essential-price .price{grid-column:2;grid-row:1}.essential-price .iconbtn{grid-column:3;grid-row:1/3}.essential-sectionhead{display:block}.essential-sectionhead small{display:block;margin-top:8px}}
@media(max-width:700px){
 .essential-hero,[data-layout=g] .hero{padding:14px 0 20px;gap:14px}.essential-hero .hero-frame{aspect-ratio:2.05;border-radius:14px}.essential-hero h1,[data-layout=g] .hero h1{font-size:30px;margin:0 0 9px}.essential-hero h1 br{display:none}.essential-hero p,[data-layout=g] .hero p{font-size:13px;line-height:1.5;margin-bottom:14px}.essential-hero .hero-actions,[data-layout=g] .hero .hero-actions{margin:0}.essential-hero .hero-stamp{bottom:11px;padding:6px 10px;max-width:calc(100% - 150px)}.essential-hero .carousel-controls{bottom:10px;right:10px}.essential-section{padding-block:23px}.essential-sectionhead{margin-bottom:15px;gap:8px}.essential-sectionhead h2{font-size:27px;line-height:1.15}.essential-sectionhead small{font-size:10px;max-width:110px;text-align:right}.essential-looks{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.essential-looks .look-photo{margin-bottom:8px;border-radius:11px}.essential-looks .look-photo img{aspect-ratio:.83}.essential-looks .look-photo>span{display:none}.essential-looks .look h3{font-size:16px;line-height:1.2;overflow-wrap:anywhere;margin-bottom:2px}.essential-looks .look .textbutton{font-size:11px;min-height:38px;gap:4px}.essential-looks .look .textbutton .icon{display:none}.essential-lower{display:block}.essential-price>summary{min-height:52px;padding:12px 14px}.essential-price .pricerow{grid-template-columns:minmax(0,1fr) 65px 40px;gap:7px;padding:14px}.essential-price .duration{grid-column:1;grid-row:2}.essential-price .price{grid-column:2;grid-row:1}.essential-price .pricerow .iconbtn{grid-column:3;grid-row:1/3}.essential-contact{padding:22px;margin-bottom:12px}.essential-contact h2{font-size:27px}.essential-contact p{font-size:13px}.essential-fold>summary{min-height:52px;font-size:13px}.essential-fold>summary small{font-size:10px}.essential-more .lookgrid{grid-template-columns:1fr 1fr;gap:22px 14px}.essential-more .look h3{font-size:22px}.essential-more .look p{font-size:12px}.essential-more .shape-explorer{margin-top:20px}.essential-fold .review-card{min-height:220px}.essential-fold .map-panel{height:280px}[data-layout=g] .footer{margin-top:10px}
 /* More room per colour label; no squeezed five-across swatches in narrow dialogs. */
 .color-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.color-swatches button{padding:9px 3px;min-height:76px}.color-swatches button span{overflow-wrap:anywhere}.color-picker small{font-size:11px}
}
@media(max-width:370px){.essential-looks{grid-template-columns:1fr 1fr;gap:14px}.essential-looks .look-photo img{aspect-ratio:1.3}.essential-looks .look h3{font-size:20px}.essential-sectionhead small{display:none}.color-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media print{.essential-fold,.essential-price{display:block}.essential-price>div{display:block!important}.essential-price>summary{border-bottom:1px solid #ccc}.essential-contact{display:none}}
@media(max-width:700px){.essential-looks{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-color:var(--accent) var(--soft)}.essential-looks .look{flex:0 0 43%;scroll-snap-align:start}.essential-looks .look-photo img{aspect-ratio:1.2}.essential-looks .look h3{font-size:21px;overflow-wrap:normal}.essential-looks .look .textbutton{font-size:12px}}

@media(max-width:420px){.color-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.color-swatches button{min-height:68px;padding:8px 3px}.color-swatches button span{overflow-wrap:normal;word-break:normal;hyphens:none}}

.extra-gallery-controls{display:none}
@media(max-width:700px){.essential-more .extra-looks{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:16px 0 12px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--soft)}.essential-more .extra-looks .look{flex:0 0 72%;scroll-snap-align:start;min-width:0}.essential-more .extra-looks .look-photo img{aspect-ratio:1.1}.extra-gallery-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.extra-gallery-controls small{font-size:11px;margin-right:auto}.extra-gallery-controls button{width:42px;min-height:42px;padding:7px}.essential-more .shape-options{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--soft)}.essential-more .shape-options button{flex:0 0 64px;scroll-snap-align:start}.essential-more .extra-looks:focus-visible{outline-offset:3px}}