@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/font-0.woff2?v=53958498) format("woff2");
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/font-1.woff2?v=991a64c5) format("woff2");
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/font-2.woff2?v=6e589a06) format("woff2");
}
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/font-3.woff2?v=26c33461) format("woff2");
}
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/font-4.woff2?v=323f9912) format("woff2");
}
@font-face {
  font-family: 'Noto Sans Thai';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(/assets/fonts/font-5.woff2?v=cb4bbd60) format("woff2");
}

@font-face{font-family:"Noto CJK";src:url(/assets/fonts/noto-cjk-sc.woff2?v=f2a8fe83) format("woff2");font-display:swap;}

:root{--ivory:#f8f4ee;--blush:#ead3d2;--burg:#6f1728;--ink:#201a18;--gold:#b79459;--olive:#5f684c;--sage:#dfe3d7;--forest:#17261d;--serif:'Cormorant Garamond','Noto Sans Thai','Noto CJK',Georgia,serif;--sans:'Noto Sans Thai','Noto CJK',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font:15px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.025em;white-space:pre-line}h1{font-size:clamp(62px,6.2vw,92px)}h2{font-size:clamp(42px,4.2vw,64px)}h3{font-size:23px;font-weight:400;line-height:1.35;white-space:pre-line}p{line-height:1.9;max-width:580px}p+p{margin-top:18px}.eyebrow{font-size:10px;letter-spacing:.22em;line-height:1.7;margin-bottom:25px;color:var(--burg)}.topline{height:24px;background:var(--burg);color:var(--ivory);font-size:8px;letter-spacing:.2em;text-align:center;line-height:24px}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:var(--ivory);position:relative;z-index:20;border-bottom:1px solid #a58b6d22}.wordmark{font:25px/1 var(--serif);letter-spacing:.15em;display:inline-block;color:var(--burg)}.wordmark small{display:block;font:7px/1.4 var(--sans);letter-spacing:.23em;margin-top:7px;text-align:center}nav{display:flex;gap:26px;font-size:12px}.header-end{display:flex;gap:22px;align-items:center}.languages{display:flex;gap:10px;font-size:10px}.languages a{padding:8px 0;opacity:.5}.languages a.selected{opacity:1;border-bottom:1px solid}.button{background:var(--burg);color:var(--ivory);border:1px solid var(--burg);padding:14px 23px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:30px;font-size:12px;letter-spacing:.04em;transition:background .2s,transform .2s}.button:hover{background:#4a1020;transform:translateY(-2px)}.button.ghost{background:transparent;border-color:currentColor;color:inherit}.actions{display:flex;gap:14px;flex-wrap:wrap}.menu-toggle{display:none;background:none;color:inherit;border:0;font-size:23px;min-width:44px;min-height:44px}.mobile-menu{position:absolute;left:0;right:0;top:90px;background:var(--ivory);color:var(--ink);padding:22px 6%;z-index:30;box-shadow:0 25px 35px #0002}.mobile-menu a{display:block;padding:9px 0;border-bottom:1px solid #b7945933}.mobile-menu[hidden]{display:none}.scene{min-height:710px;position:relative;display:flex;align-items:center;padding:70px 6%;background-image:var(--image);background-size:cover;background-position:center}.scene-copy{position:relative;width:46%;z-index:1}.scene-copy p{margin:26px 0;max-width:465px;font-size:14px}.home-scene{min-height:730px;background-position:center}.home-scene .scene-copy{width:44%;max-width:570px}.home-scene h1{font-size:88px}.statbar{background:var(--burg);color:var(--ivory);display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6%}.statbar>div{display:flex;align-items:center;gap:20px;border-right:1px solid #fff3;padding-left:25px}.statbar>div:first-child{padding-left:0}.statbar>div:last-child{border:0}.statbar b{font-size:35px;font-weight:400}.statbar span{font-size:9px;letter-spacing:.1em}.section{padding:76px 6%}.section.compact{padding-top:45px;padding-bottom:50px}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:38px}.section-head .eyebrow{padding-top:10px}.image-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.image-card{height:450px;position:relative;overflow:hidden}.image-card img{transition:transform .5s}.image-card:hover img{transform:scale(1.03)}.image-card>div{position:absolute;left:0;right:0;bottom:0;padding:70px 26px 25px;background:linear-gradient(transparent,#170c0be0);color:white;display:flex;align-items:center;justify-content:space-between}.image-card:first-child img{object-position:70%}.image-card:nth-child(3) img{object-position:48%}.signature-link{padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--burg);color:var(--ivory);font-size:11px;letter-spacing:.12em}.quote{padding:82px 12%;text-align:center}.quote h2{font-size:45px;line-height:1.2}.blush{background:var(--blush)}.sage{background:var(--sage)}.burgundy{background:var(--burg);color:var(--ivory)}.forest{background:var(--forest);color:var(--ivory)}.olive{background:var(--olive);color:var(--ivory)}.charcoal{background:#1c1b18;color:var(--ivory)}.editorial{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:65px 6% 20px}.editorial .eyebrow{padding-top:10px}.editorial p{margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps.four{grid-template-columns:repeat(4,1fr)}.steps article{padding:18px 18px 18px 0;border-top:1px solid #aa8b6c55}.number{display:block;font:34px/1.1 var(--serif);color:var(--gold);margin-bottom:20px}.steps h3{font:26px/1.25 var(--serif);margin-bottom:12px}.steps p{font-size:13px;opacity:.78}.burgundy .number,.forest .number{color:#d8b36d}.burgundy .steps article,.forest .steps article{border-color:#fff2}.service-intro{background:radial-gradient(ellipse at 76% 48%,#401921 0,#231d1a 26%,#201a18 65%);color:var(--ivory);min-height:670px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px 7%}.service-intro .eyebrow{color:#d7b685}.service-intro p{margin:25px 0;max-width:430px}.service-intro h1{font-size:88px}.orbit{position:relative;height:410px;display:flex;flex-direction:column;justify-content:center;gap:42px;padding-left:50px}.orbit i{position:absolute;width:420px;height:350px;border:1px solid #bda18633;border-radius:50%;left:35px;top:30px;transform:rotate(-18deg)}.orbit i:nth-child(2){transform:rotate(20deg);width:460px;height:320px;top:45px;left:10px}.orbit span{font-size:12px;letter-spacing:.15em;z-index:1}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-tile{border:1px solid #b7945944;padding:30px 24px;min-height:240px}.service-tile h2{font-size:31px;line-height:1.2;margin-bottom:18px}.service-tile p{font-size:12px;min-height:55px}.service-tile>span:last-child{display:block;margin-top:20px}.service-tile.burgundy{grid-column:span 2}.service-tile.burgundy .number{color:#dec897}.brow-scene{min-height:790px}.brow-scene .scene-copy{align-self:flex-start;padding-top:35px;max-width:590px}.brow-scene h1{font-size:86px}.lip-scene{justify-content:flex-end;color:var(--ivory);min-height:690px;background-position:center}.lip-scene .scene-copy{width:39%;padding-left:15px}.lip-scene .eyebrow{color:#ead3d2}.lip-scene h1{font-size:76px}.lip-scene .button{background:transparent;border-color:#f8f4ee99}.colour-story{display:grid;grid-template-columns:1fr 1.8fr;gap:60px;padding:55px 6%;align-items:center}.colour-story h2{font-size:50px}.colour-story p{font-size:12px;margin-top:18px}.swatches{display:flex;gap:16px}.swatches i{display:block;width:48px;height:48px;border-radius:50%;background:#6f1728}.swatches i:nth-child(2){background:#914154}.swatches i:nth-child(3){background:#ad7280}.swatches i:nth-child(4){background:#c18b83}.swatches i:nth-child(5){background:#d3ab9b}.nail-scene{min-height:740px}.nail-scene .scene-copy{background:#f8f4eee3;width:360px;padding:36px 36px 40px}.nail-scene h1{font-size:76px}.nail-scene .scene-copy p{font-size:12px}.nail-scene .eyebrow{font-size:9px}.face-hero{display:grid;grid-template-columns:40% 60%;min-height:710px}.face-hero>div:first-child{padding:75px 12% 65px 15%;align-self:center}.face-hero h1{font-size:79px}.face-hero p{font-size:13px;margin:24px 0}.face-photo{height:710px}.face-photo img{object-position:65% center}.spa-scene{min-height:760px;color:var(--ivory);background-image:linear-gradient(90deg,#0a1a0ec0,transparent 65%),var(--image)}.spa-scene .scene-copy{max-width:590px;align-self:center}.spa-scene .eyebrow{color:#dec798}.spa-scene h1{font-size:84px}.spa-scene .button{background:transparent;border-color:#f8f4ee99}.academy-scene{min-height:755px;color:var(--ivory);background-image:linear-gradient(90deg,#100d0bd9,transparent 66%),var(--image)}.academy-scene .scene-copy{width:40%;max-width:510px}.academy-scene h1{font-size:76px}.academy-scene .eyebrow{color:#edd8bf}.academy-scene .button{background:transparent;border-color:#f8f4ee99}.charcoal .eyebrow{color:#c58c9b}.course-grid{margin-bottom:35px}.course-grid article{background:#ffffff06;padding:25px 20px;min-height:270px}.course-grid h3{font-size:29px}.charcoal>.button{margin-top:25px}.artist-hero{display:grid;grid-template-columns:1.15fr 1fr;padding:65px 6% 55px;gap:70px;align-items:center}.artist-hero p{margin:28px 0}.artist-hero h1{font-size:84px}.artist-photo{height:655px;overflow:hidden}.artist-photo img{object-position:78%;object-fit:cover}.artist-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.artist-cards img{height:390px}.artist-cards article:first-child img{object-position:76%}.artist-cards h3{font:29px var(--serif);margin-top:20px}.artist-cards p{font-size:13px;margin-top:10px}.portfolio-head{padding:90px 7% 50px;max-width:1100px}.portfolio-head h1{font-size:100px}.portfolio-head p{margin-top:28px;max-width:590px}.portfolio-head .eyebrow{color:#dbb986}.filters{display:flex;gap:25px;padding:0 7% 30px}.filters button{background:none;border:0;border-bottom:1px solid transparent;color:inherit;padding:10px 0;opacity:.6}.filters button.active{border-color:#c7a368;opacity:1}.portfolio-grid{padding:0 7% 75px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px 30px}.portfolio-grid figure{position:relative}.portfolio-grid img{height:500px;object-fit:contain;background:#b7aa9b}.portfolio-grid figcaption{display:flex;gap:20px;padding-top:15px;font-size:13px}.portfolio-grid figcaption span{color:var(--gold)}.portfolio-grid [hidden]{display:none}.studio-hero{padding:80px 7%;display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;background:#ede5dc}.studio-hero h1{font-size:79px}.studio-hero p{margin:26px 0}.studio-collage{height:660px;position:relative}.studio-large{width:82%;height:550px;object-position:75%}.studio-small{position:absolute;width:49%;height:300px;right:0;bottom:0;border:9px solid var(--ivory);box-shadow:0 15px 40px #24160b22}.map-label{position:absolute;right:-5px;top:48px;background:#f8f4eeed;padding:24px;box-shadow:0 15px 45px #0002;font-size:16px;color:var(--burg)}.map-label small{display:block;font-size:10px;margin-top:8px}.story-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:75px 7%;align-items:center}.story-hero h1{font-size:72px}.story-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:360px 280px;gap:10px}.story-mosaic img:first-child{grid-column:span 2;object-position:70%}.contact-layout{display:grid;grid-template-columns:60% 40%;min-height:810px}.contact-form{padding:70px 10%}.contact-form h1{font-size:76px}.contact-form p{margin-top:25px;font-size:13px}.contact-aside{background:var(--burg);color:var(--ivory);padding:65px 15%;display:flex;flex-direction:column;justify-content:center}.contact-aside h2{font-size:62px}.contact-aside p{margin:28px 0;font-size:14px}.contact-aside .pin{font-size:74px;margin-bottom:25px}.contact-aside hr{width:100%;border:0;border-top:1px solid #ffffff33;margin:25px 0}.contact-aside .social{margin-top:20px}.contact-aside .social img{filter:invert(1)}.map-link{font-size:12px;border-bottom:1px solid #fff6;padding-bottom:10px;align-self:flex-start}form{margin-top:30px}label{display:block;font-size:12px;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,select,textarea{display:block;width:100%;background:#fff;border:1px solid #b4a59166;border-radius:0;padding:12px;min-height:45px;color:var(--ink);margin-top:8px}textarea{resize:vertical}#message-result{background:#ead3d2;padding:22px;margin-top:25px}#message-result p{margin-top:0;margin-bottom:18px}#message-result .social{margin-top:18px}footer{background:#201a18;color:#e9e0d3;padding:55px 6% 24px}.footer-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.footer-grid .wordmark{color:#f0e5d5;font-size:32px}.footer-grid p{font-size:12px;margin:22px 0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 30px;font-size:12px}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #fff2;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em}.social{display:flex;gap:12px}.social a{width:44px;height:44px;border:1px solid #b7945977;display:grid;place-items:center}.social img{width:20px;height:20px}.social a:hover{background:#b7945933}footer .social img{filter:invert(1)}body[data-page=services] header,body[data-page=lips] header,body[data-page=head-spa] header,body[data-page=academy] header,body[data-page=portfolio] header{background:#201a18;color:var(--ivory)}body[data-page=services] header .wordmark,body[data-page=lips] header .wordmark,body[data-page=head-spa] header .wordmark,body[data-page=academy] header .wordmark,body[data-page=portfolio] header .wordmark{color:var(--ivory)}body[data-page=portfolio]{background:var(--ink);color:var(--ivory)}body[data-page=douyin]{background:#28150f;color:#f8edda}.douyin-palace,.douyin-tang{min-height:780px;background-image:linear-gradient(90deg,#100804b0,transparent 75%),var(--image)}.douyin-palace h1,.douyin-tang h1{font-size:85px}.douyin-palace .eyebrow,.douyin-tang .eyebrow{color:#edcc91}.scroll-paper{background:linear-gradient(#f6e7cec9,#f6e7cec9),url('/assets/backgrounds/douyin-atelier.webp?v=765f06e0') center/cover;color:#45201d}.douyin-concept{padding:75px 6%;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.douyin-concept p{margin-top:25px}.eye-study{height:380px;border:1px solid #b79459;padding:10px}.eye-study img{object-position:90%}.douyin-tech{padding:65px 6%;background:linear-gradient(#2a130ddd,#2a130ddd),url('/assets/backgrounds/douyin-atelier.webp?v=765f06e0') center/cover}.douyin-tech .eyebrow{color:#dbb780}.study-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0 16px}.study-cards img{height:255px;object-fit:contain;background:#dbc9a9;border:1px solid #b79459}.study-cards figcaption{margin-top:15px;font-size:12px}.douyin-tech small{font-size:10px;color:#c8b898}.hanfu{min-height:770px;justify-content:flex-end;color:#4a241f}.hanfu .scene-copy{width:30%}.hanfu h2{font-size:53px}.hanfu h3{margin:25px 0;font-size:23px}.hanfu p{font-size:13px}.center{text-align:center;margin-bottom:40px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}html[lang=th] h1{font-size:65px;line-height:1.2;letter-spacing:-.04em}html[lang=th] h2{font-size:43px;line-height:1.28}html[lang=th] .nail-scene h1{font-size:49px}html[lang=th] .steps h3{font-size:24px;line-height:1.45}html[lang=zh-Hans] h1{font-size:66px;line-height:1.22;letter-spacing:0}html[lang=zh-Hans] h2{font-size:43px;line-height:1.35;letter-spacing:0}html[lang=zh-Hans] .nail-scene h1{font-size:48px}
@media(max-width:1000px) and (min-width:761px){nav{gap:13px}.header-end{gap:12px}header .button{display:none}.scene-copy{width:49%}.service-intro h1{font-size:70px}.orbit i{max-width:100%}.hanfu .scene-copy{width:34%}}
@media(max-width:760px){.topline{height:20px;line-height:20px;font-size:6px;letter-spacing:.12em}header{height:70px;padding:0 6%}.wordmark{font-size:22px}.wordmark small{font-size:6px}nav,.header-end>.button{display:none}.header-end{gap:13px}.languages{font-size:10px;gap:10px}.menu-toggle{display:block}.scene{min-height:850px;padding:415px 7% 40px;align-items:flex-end;background-position:65% center}.scene-copy,.home-scene .scene-copy{width:100%;max-width:100%}.scene-copy p{font-size:13px;max-width:100%;margin:19px 0}.scene h1,.home-scene h1,.spa-scene h1,.academy-scene h1,.brow-scene h1,.lip-scene h1{font-size:54px;line-height:1.03}.eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:18px}.button{padding:13px 18px;font-size:11px;min-height:46px;gap:18px}.actions{gap:10px}.home-scene{min-height:830px;background-position:77% center;background-image:linear-gradient(0deg,#f8f1e4 0%,#f8f1e4ef 26%,#f8f1e466 47%,transparent 62%),var(--image)}.home-scene .scene-copy{padding-top:0}.home-scene .eyebrow{font-size:7px;max-width:250px}.statbar{padding:23px 7%;grid-template-columns:1fr 1fr;gap:25px 15px}.statbar>div{padding:0;border:0;gap:15px}.statbar b{font-size:28px}.statbar span{font-size:7px;max-width:88px}.section{padding:48px 7%}.section.compact{padding:32px 7% 38px}.section-head{grid-template-columns:1fr;gap:5px;margin-bottom:28px}.section-head .eyebrow{padding:0;margin:0}.image-cards{grid-template-columns:1fr;gap:22px}.image-card{height:415px}.image-card h3{font-size:25px}.signature-link{padding:23px 7%;flex-wrap:wrap;font-size:9px;gap:13px}.quote{padding:55px 7%}.quote h2{font-size:32px;line-height:1.25}h2{font-size:39px}h3{font-size:22px}.editorial{grid-template-columns:1fr;padding:43px 7% 10px;gap:0}.editorial .eyebrow{padding:0}.steps,.steps.four{grid-template-columns:1fr 1fr;gap:23px 18px}.steps article{padding:17px 0 5px}.steps h3{font-size:24px}.steps p{font-size:12px}.number{font-size:30px;margin-bottom:16px}.service-intro{display:block;padding:60px 7% 20px;min-height:0}.service-intro h1{font-size:63px}.service-intro p{font-size:13px}.orbit{height:300px;margin:15px auto 0;padding-left:20px;gap:28px;max-width:100%;overflow:hidden}.orbit i{width:270px;height:220px;left:25px;top:40px}.orbit i:nth-child(2){width:300px;height:230px;left:8px;top:37px}.orbit span{font-size:9px}.service-grid{grid-template-columns:1fr 1fr;gap:15px}.service-tile{padding:23px 18px;min-height:240px}.service-tile h2{font-size:28px}.service-tile p{font-size:11px}.service-tile.burgundy{grid-column:span 2;min-height:210px}.brow-scene{min-height:800px;background-position:84% center;background-image:linear-gradient(0deg,#efe1cdeb 0%,#efe1cdbb 28%,transparent 68%),var(--image)}.brow-scene .scene-copy{align-self:flex-end;padding:0}.lip-scene{min-height:830px;background-position:16% center;background-image:linear-gradient(0deg,#6f1728 0%,#6f1728e0 34%,transparent 69%),var(--image)}.lip-scene .scene-copy{width:100%;padding:0}.colour-story{grid-template-columns:1fr;gap:28px;padding:40px 7%}.colour-story h2{font-size:38px}.swatches{gap:12px}.swatches i{width:42px;height:42px}.nail-scene{min-height:870px;background-position:62% center;padding:450px 7% 35px}.nail-scene .scene-copy{width:100%;padding:26px;background:#f8f4eee8}.nail-scene h1{font-size:53px;white-space:normal;max-width:230px}.nail-scene .scene-copy p{font-size:12px;margin:18px 0}.face-hero{display:flex;flex-direction:column;min-height:0}.face-hero>div:first-child{padding:42px 7%;width:100%;order:2}.face-hero h1{font-size:55px}.face-photo{height:410px;order:1}.face-photo img{object-position:66%}.spa-scene{min-height:845px;background-position:51% center;background-image:linear-gradient(0deg,#12251e 0%,#12251edb 32%,transparent 72%),var(--image)}.spa-scene .scene-copy{align-self:flex-end}.academy-scene{min-height:850px;background-position:46% center;background-image:linear-gradient(0deg,#191816 0%,#191816e8 28%,transparent 72%),var(--image)}.academy-scene .scene-copy{width:100%}.academy-scene h1{font-size:50px}.course-grid article{padding:18px 12px;min-height:260px}.course-grid h3{font-size:25px}.artist-hero{grid-template-columns:1fr;padding:38px 7% 0;gap:35px}.artist-hero h1{font-size:58px}.artist-hero p{font-size:13px}.artist-photo{height:510px}.artist-photo img{object-position:78%}.artist-cards{grid-template-columns:1fr;gap:32px}.artist-cards img{height:385px}.portfolio-head{padding:55px 7% 35px}.portfolio-head h1{font-size:61px}.portfolio-head p{font-size:13px}.filters{gap:17px;padding:0 7% 25px;flex-wrap:wrap;font-size:11px}.portfolio-grid{grid-template-columns:1fr;padding:0 7% 50px;gap:30px}.portfolio-grid img{height:420px}.portfolio-grid figcaption{font-size:11px}.studio-hero{grid-template-columns:1fr;padding:40px 7%;gap:35px}.studio-hero h1{font-size:60px;white-space:normal;max-width:290px}.studio-collage{height:490px}.studio-large{height:395px;object-position:76%}.studio-small{height:240px;width:54%;border-width:6px}.map-label{font-size:12px;padding:17px;top:35px}.studio-hero p{font-size:13px}.story-hero{grid-template-columns:1fr;gap:40px;padding:45px 7%}.story-hero h1{font-size:53px;white-space:normal}.story-mosaic{grid-template-rows:230px 190px;gap:7px}.contact-layout{grid-template-columns:1fr}.contact-form{padding:45px 7%}.contact-form h1{font-size:55px}.contact-aside{padding:40px 7%}.contact-aside h2{font-size:48px}.contact-aside .pin{font-size:54px;margin-bottom:20px}.form-row{grid-template-columns:1fr;gap:0}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-links{grid-template-columns:1fr 1fr;gap:13px 22px;font-size:11px}footer{padding:42px 7% 25px}.footer-bottom{flex-direction:column;gap:10px;line-height:1.8}.douyin-palace{min-height:850px;background-position:92% center;background-image:linear-gradient(0deg,#231008 0%,#231008df 28%,transparent 73%),var(--image)}.douyin-tang{min-height:810px;background-position:92% center;background-image:linear-gradient(0deg,#231008 0%,#231008df 26%,transparent 70%),var(--image)}.douyin-palace h1,.douyin-tang h1{font-size:54px}.douyin-concept{grid-template-columns:1fr;padding:45px 7%;gap:30px}.douyin-concept h2{font-size:36px}.douyin-concept p{font-size:13px}.eye-study{height:300px}.douyin-tech{padding:45px 7%}.study-cards{grid-template-columns:1fr;gap:25px}.study-cards img{height:275px}.hanfu{min-height:910px;background-size:auto 560px;background-repeat:no-repeat;background-position:23% top;padding:585px 7% 45px;background-color:#eddbc2;align-items:flex-start}.hanfu .scene-copy{width:100%}.hanfu h2{font-size:42px}.hanfu h3{font-size:21px;margin:18px 0}.hanfu p{font-size:13px;margin-bottom:0}.center{margin-bottom:25px}html[lang=th] h1{font-size:46px;line-height:1.2}html[lang=th] h2{font-size:33px;line-height:1.3}html[lang=th] .nail-scene h1{font-size:39px}html[lang=th] .steps h3{font-size:21px}html[lang=zh-Hans] h1{font-size:44px;line-height:1.25}html[lang=zh-Hans] h2{font-size:33px;line-height:1.35}html[lang=zh-Hans] .nail-scene h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:761px){.brow-scene{background-image:linear-gradient(90deg,#f2e1c999 0%,#f2e1c966 30%,transparent 58%),var(--image)}}
@media(max-width:760px){.nail-scene{background-image:url('/assets/backgrounds/scene-nails-mobile.webp?v=9df41c01');background-position:center top}.spa-scene{background-image:linear-gradient(0deg,#12251e 0%,#12251ee8 24%,transparent 63%),url('/assets/backgrounds/scene-spa-mobile.webp?v=4816d212');background-position:center top}}
.pin svg{width:64px;height:64px;display:block}
@media(min-width:761px) and (max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.service-intro>*{min-width:0}.orbit{overflow:hidden}.orbit i{left:0;width:95%}.orbit i:nth-child(2){left:0;width:99%}}

/* V3 unique hero scenes and corrected anatomy */
.artist-photo img{object-position:50% 38%}.artist-cards article:first-child img{object-position:50% 25%}.artist-cards img{object-position:center 30%}.studio-large{width:100%;height:100%;object-position:48%}.studio-collage{height:660px}.story-mosaic img:first-child{object-position:58% 40%}.story-mosaic img:not(:first-child){object-fit:contain;background:#dbcebb}.service-intro{background-size:cover;background-position:center}.orbit{opacity:.24}.orbit span{visibility:hidden}.portfolio-head{max-width:none;background-size:cover;background-position:center;min-height:670px}.portfolio-head p{max-width:490px}.contact-aside{background-size:cover;background-position:center}.contact-aside p,.contact-aside h2{text-shadow:0 1px 8px #300b1499}
@media(max-width:760px){.artist-photo img{object-position:center 35%}.studio-collage{height:420px}.studio-large{height:100%;object-position:center}.service-intro{min-height:760px;background-size:auto 760px;background-position:65% bottom;background-repeat:no-repeat;background-color:#151211}.service-intro>div:first-child{position:relative;z-index:1;background:linear-gradient(#17131055,#17131011)}.orbit{height:230px;margin-top:0;opacity:.12}.portfolio-head{min-height:700px;padding-top:50px;background-position:72% bottom;background-image:linear-gradient(180deg,#171411,transparent 70%),url('/assets/backgrounds/scene-portfolio.webp?v=41ac20b7')!important}.portfolio-head p{max-width:280px}.contact-aside{min-height:690px}.nail-scene{background-position:center top}.story-mosaic{grid-template-rows:280px 170px}}
@media(max-width:760px){.service-intro{background-image:linear-gradient(180deg,#151211ed 0%,#151211cc 37%,#15121133 66%,transparent 85%),url('/assets/backgrounds/scene-services.webp?v=882c23b0')!important}}


/* ===== nariquebrows.com production additions (preview CSS above is unchanged) ===== */
/* DOUYIN: closing title is an h2 (one H1 per page) with the exact h1 look */
.douyin-tang .tang-title{font-size:85px;line-height:1.02;letter-spacing:-.025em}
html[lang=th] .douyin-tang .tang-title{font-size:65px;line-height:1.2;letter-spacing:-.04em}
html[lang=zh-Hans] .douyin-tang .tang-title{font-size:66px;line-height:1.22;letter-spacing:0}
@media(max-width:760px){.douyin-tang .tang-title{font-size:54px;line-height:1.03}html[lang=th] .douyin-tang .tang-title{font-size:46px;line-height:1.2}html[lang=zh-Hans] .douyin-tang .tang-title{font-size:44px;line-height:1.25}}
/* Motion per spec p.19: hero text 650ms / 80ms stagger; sections reveal once, <=20px; off for reduced motion */
.motion [data-hero]>*{opacity:0;transform:translateY(18px)}
.motion [data-hero].in>*{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
.motion [data-hero].in>:nth-child(2){transition-delay:.08s}.motion [data-hero].in>:nth-child(3){transition-delay:.16s}.motion [data-hero].in>:nth-child(4){transition-delay:.24s}.motion [data-hero].in>:nth-child(5){transition-delay:.32s}.motion [data-hero].in>:nth-child(n+6){transition-delay:.4s}
.motion .rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.motion .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.motion [data-hero]>*,.motion .rv{opacity:1!important;transform:none!important;transition:none!important}}
/* Round 2 (2026-10-01): top info bar removed; full-image heroes start at the very top under a masked header */
.mobile-menu{top:78px}
html body.hero-overlay header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:0;color:#f8f4ee;text-shadow:0 1px 10px #0006}
body.hero-overlay header::before{content:"";position:absolute;left:0;right:0;top:0;height:170px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#140c0ab8 0%,#140c0a7a 45%,#140c0a00 100%)}
html body.hero-overlay header .wordmark{color:#f8f4ee}
body.hero-overlay header .button{text-shadow:none}
body.hero-overlay main>.scene:first-child{padding-top:148px;min-height:788px}
body.hero-overlay main>.home-scene:first-child{min-height:808px}
body.hero-overlay main>.brow-scene:first-child{min-height:868px}
body.hero-overlay main>.lip-scene:first-child{min-height:768px}
body.hero-overlay main>.nail-scene:first-child{min-height:818px}
body.hero-overlay main>.spa-scene:first-child{min-height:838px}
body.hero-overlay main>.academy-scene:first-child{min-height:833px}
body.hero-overlay main>.douyin-palace:first-child{min-height:858px}
body.hero-overlay main>.service-intro:first-child{padding-top:158px;min-height:748px}
body.hero-overlay main>.portfolio-head:first-child{padding-top:168px;min-height:748px}
/* home: whole brow visible in the first card */
.image-card:first-child img{object-position:100% center}
/* real brand-colour social icons */
.social img,footer .social img,.contact-aside .social img{filter:none}
@media(max-width:760px){
 .mobile-menu{top:70px}
 body.hero-overlay header::before{height:140px}
 body.hero-overlay main>.scene:first-child{padding-top:415px}
 body.hero-overlay main>.nail-scene:first-child{padding-top:450px}
 body.hero-overlay main>.hanfu:first-child{padding-top:585px}
 body.hero-overlay main>.scene:first-child,body.hero-overlay main>.home-scene:first-child{min-height:830px}
 body.hero-overlay main>.brow-scene:first-child{min-height:800px}
 body.hero-overlay main>.lip-scene:first-child{min-height:830px}
 body.hero-overlay main>.nail-scene:first-child{min-height:870px}
 body.hero-overlay main>.spa-scene:first-child{min-height:845px}
 body.hero-overlay main>.academy-scene:first-child{min-height:850px}
 body.hero-overlay main>.douyin-palace:first-child{min-height:850px}
 body.hero-overlay main>.service-intro:first-child{padding-top:130px;min-height:760px}
 body.hero-overlay main>.portfolio-head:first-child{padding-top:120px;min-height:700px}
}
.social img{width:24px;height:24px}
/* Round 4: social icons without frames; also shown in the header */
.social a,.social a:hover{border:0;background:none}
.social a{transition:transform .2s,opacity .2s}.social a:hover{transform:translateY(-2px);opacity:.85}
.header-social{gap:2px}.header-social a{width:36px;height:44px}.header-social img{width:22px;height:22px}
@media(max-width:1199px){.header-social{display:none}}
@media(max-width:760px){.header-social{display:none}}
.social:not(.header-social){gap:14px}.social:not(.header-social) a{width:38px;place-items:center start}
/* Round 5: client logo (gold N monogram + wordmark) replaces the text wordmark */
.brand{display:block;line-height:0;flex:none}
.brand img{width:auto;height:56px;object-fit:contain}
.logo-on-dark{display:none}
body.hero-overlay .logo-on-dark,body[data-page=services] .logo-on-dark,body[data-page=lips] .logo-on-dark,body[data-page=head-spa] .logo-on-dark,body[data-page=academy] .logo-on-dark,body[data-page=portfolio] .logo-on-dark{display:block}
body.hero-overlay .logo-on-light,body[data-page=services] .logo-on-light,body[data-page=lips] .logo-on-light,body[data-page=head-spa] .logo-on-light,body[data-page=academy] .logo-on-light,body[data-page=portfolio] .logo-on-light{display:none}
.footer-logo{width:180px;height:auto;object-fit:contain}
@media(max-width:760px){.brand img{height:44px}.footer-logo{width:150px}}
@media(max-width:1180px) and (min-width:761px){.brand img{height:46px}nav{gap:18px}.header-end{gap:16px}}
@media(max-width:1000px) and (min-width:761px){nav{gap:13px}.header-end{gap:12px}}
.footer-links{align-content:start}.footer-logo{width:160px}@media(max-width:760px){.footer-logo{width:140px}}
.footer-logo{width:260px}@media(max-width:760px){.footer-logo{width:220px}}