:root{--cream:#f3eee5;--ink:#342c28;--wine:#542523;--muted:#797068;--line:#342c282b;--sage:#babd9a;--gutter:clamp(24px,5vw,88px);font-family:Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;background:var(--cream);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}body.dialog-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #55745a;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:white;z-index:100}.skip:focus{top:10px}.reading-line{position:fixed;top:0;height:2px;background:var(--wine);width:var(--page-progress,0%);z-index:60;pointer-events:none}
.header{height:85px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.brand{font:36px/1 Georgia,serif;white-space:nowrap;letter-spacing:-.05em}.brand span{font:10px/1 Arial;letter-spacing:.16em;margin-left:9px;vertical-align:middle}.header nav{display:flex;gap:34px;font-size:12px}.header nav a{position:relative;padding:15px 0}.header nav a::after{content:'';position:absolute;left:0;bottom:8px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.header nav a:hover::after{transform:scaleX(1)}.booking-trigger{font-size:12px;display:flex;align-items:center;gap:20px;border-bottom:1px solid;padding:13px 0}.booking-trigger b{font-size:19px;font-weight:400}#saved-count{background:var(--wine);color:var(--cream);font-size:10px;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}
.hero{height:calc(100svh - 85px);min-height:640px;max-height:980px;position:relative;color:var(--cream);overflow:hidden}.hero-image{position:absolute;inset:-5% 0}.hero-image img{object-position:68% 50%;transform:scale(var(--hero-scale,1.04)) translateY(var(--hero-y,0px));transform-origin:70% 50%;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#22131070 0%,transparent 65%),linear-gradient(0deg,#24151360,transparent 35%)}.hero-top,.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center}.hero-top{top:35px;font-size:10px;letter-spacing:.15em}.hero-title{position:absolute;left:var(--gutter);top:21%}.hero-title>p{font-size:12px;letter-spacing:.12em;margin-bottom:15px}.hero h1{font:clamp(100px,13.5vw,210px)/.8 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.hero h1 em{font-weight:400;font-size:.9em;letter-spacing:-.055em}.hero-bottom{bottom:35px;align-items:end}.hero-bottom>p{font-size:14px;line-height:1.9}.round-link{width:110px;height:110px;border:1px solid #eee2cf90;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;transition:background .3s,color .3s,transform .3s}.round-link b{font-size:30px;font-weight:400}.round-link:hover{background:var(--cream);color:var(--wine);transform:rotate(-8deg)}.hero-credit{font-size:9px;letter-spacing:.1em;line-height:1.7;text-align:right}
.section-wrap{padding:110px var(--gutter)}.eyebrow{font-size:10px;letter-spacing:.19em;line-height:1.7;font-weight:500}.intro{position:relative;display:grid;grid-template-columns:1fr 2.2fr;gap:70px;padding-top:135px;padding-bottom:135px;overflow:hidden}.intro>.eyebrow{padding-top:12px}.intro h2{font-size:clamp(28px,3.3vw,49px);font-weight:400;line-height:1.6;letter-spacing:-.025em}.intro-body{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:770px;margin-top:40px}.intro-body p{font-size:13px;line-height:2.05;color:#6e645c}.atelier-seal{position:absolute;left:var(--gutter);bottom:80px;width:92px;height:92px;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;text-align:center;font:italic 38px Georgia;transform:rotate(-18deg)}.atelier-seal span{font:7px Arial;letter-spacing:.12em;margin-top:5px}
.collections{padding-top:70px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:65px}.section-heading h2{font:clamp(65px,8vw,120px)/1 Georgia,serif;letter-spacing:-.06em;margin-top:20px}.period{color:var(--wine)}.collection-heading-right{text-align:right}.collection-heading-right>p{font-size:13px;margin-bottom:25px}.filters{display:flex;gap:23px}.filters button{font-size:11px;color:#8b8178;padding:10px 0;position:relative}.filters button[aria-pressed=true]{color:var(--wine)}.filters button[aria-pressed=true]::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor}.collection-grid{display:grid;grid-template-columns:1.08fr .85fr;gap:110px 9vw;align-items:start}.work{min-width:0}.work-olive{margin-top:170px}.work-cherry{grid-column:1/-1;width:82%;margin:0 auto}.work-image{display:block;position:relative;width:100%;height:auto;aspect-ratio:4/5;overflow:hidden;background:#d9d0c1;text-align:left}.work-cherry .work-image{aspect-ratio:1.75}.work-image img{transition:transform 1s cubic-bezier(.2,.7,.2,1);transform:scale(1.025)}.work-image:hover img,.work-image:focus-visible img{transform:scale(1.09)}.work-cherry .work-image img{object-position:center 53%}.image-number{position:absolute;left:20px;top:20px;font-size:9px;letter-spacing:.13em;color:white;text-shadow:0 1px 8px #0007}.image-arrow{position:absolute;right:18px;bottom:18px;background:var(--cream);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-size:24px;transition:transform .35s,background .35s}.work-image:hover .image-arrow{transform:rotate(45deg);background:var(--sage)}.work-caption{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-top:25px}.work-caption h3{font-size:20px;font-weight:400;letter-spacing:.03em}.work-caption p{font-size:10px;color:var(--muted);margin-top:10px}.work-caption>span{font:italic 20px Georgia}.work-note{font-size:12px;color:var(--muted);line-height:1.9;max-width:400px;margin-top:18px}.collection-footer{display:flex;justify-content:space-between;gap:30px;padding-top:55px;margin-top:65px;border-top:1px solid var(--line);font-size:11px;line-height:1.9;color:var(--muted)}.collection-footer span{white-space:nowrap}.collection-grid.filtered{gap:65px}.collection-grid.filtered .work{margin:0;width:100%;grid-column:auto}.collection-grid.filtered .work-cherry{grid-column:1/-1}.collection-grid.filtered .work-cherry .work-image{max-height:640px}
.material-story{height:240svh;background:var(--wine);color:var(--cream)}.material-sticky{height:calc(100svh - 85px);min-height:600px;position:sticky;top:85px;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.material-image{position:relative;overflow:hidden;margin:0}.material-image img{object-position:50% 55%;transform:scale(var(--material-scale,1.05));filter:brightness(.94);will-change:transform}.material-copy{padding:65px clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.material-copy h2{font-size:clamp(36px,4.5vw,66px);line-height:1.4;letter-spacing:-.025em;font-weight:400;margin:27px 0 35px}.material-notes{position:relative;min-height:175px}.material-note{display:none}.material-note.active{display:block}.material-note>span{font-size:9px;letter-spacing:.15em;opacity:.65}.material-note h3{font-size:15px;font-weight:400;margin:17px 0 12px}.material-note p{font-size:12px;color:#dfc7bd;line-height:1.95;max-width:350px}.material-rule{height:1px;background:#fff3;margin-top:25px;width:100%}.material-rule i{display:block;height:1px;width:var(--material-progress,0%);background:#e2dbc8}
.services{background:#e9e4d9}.services .section-heading h2{font-size:clamp(52px,6vw,88px);line-height:1.08}.section-description{font-size:13px;line-height:1.9;color:var(--muted)}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.service-list summary{display:grid;grid-template-columns:85px 1fr 45px;gap:20px;padding:34px 0;align-items:center}.service-no{font:italic 22px Georgia;color:#8d847a}.service-list h3{font-size:21px;font-weight:400;letter-spacing:.025em}.service-list small{display:block;font-size:8px;letter-spacing:.18em;color:var(--muted);margin-top:12px}.service-plus{font:30px/1 Georgia;text-align:right;transition:transform .25s}.service-list details[open] .service-plus{transform:rotate(45deg)}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:25px 70px;padding:0 65px 40px 105px;font-size:12px;line-height:2;color:#71665e}.service-content>p{max-width:490px}.service-content ul{margin:0;padding-left:16px}.text-button{grid-column:1/-1;text-align:left;color:var(--wine);border-bottom:1px solid var(--wine);width:max-content;padding:10px 0;font-size:11px;display:flex;gap:45px;align-items:center}.text-button span{font-size:20px}.service-footnote{font-size:10px;color:var(--muted);line-height:1.8;margin-top:25px}
.process{display:grid;grid-template-columns:1fr 1.2fr;gap:13vw}.process h2,.questions h2{font-size:clamp(30px,3.5vw,49px);font-weight:400;line-height:1.45;margin-top:25px}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:grid;grid-template-columns:45px 1fr;gap:25px;border-top:1px solid var(--line);padding:30px 0}.process-list li>span{font:italic 20px Georgia;color:#998c7c}.process-list h3{font-size:16px;font-weight:400;margin-bottom:13px}.process-list p{font-size:12px;color:var(--muted);line-height:1.95}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:13vw;padding-top:55px;border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:30px;font-size:13px;line-height:1.8;padding:23px 0}.faq-list summary span{font:22px Georgia;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:2;color:var(--muted);padding:0 25px 25px 0}.reservation{background:#bdc19f;display:flex;justify-content:space-between;align-items:end;gap:40px;padding-top:100px;padding-bottom:100px}.reservation h2{font-size:clamp(45px,6.3vw,85px);font-weight:400;line-height:1.4;letter-spacing:-.045em;margin-top:30px}.reservation h2 em{font-style:normal}.reservation-side p{font-size:14px;line-height:2;margin-bottom:35px}.reservation-button{border-bottom:1px solid;display:flex;gap:80px;align-items:center;font-size:16px;padding:20px 0}.reservation-button span{font:38px Georgia;transition:transform .3s}.reservation-button:hover span{transform:translate(5px,-5px)}.footer{padding:70px var(--gutter) 30px;background:#e8e1d6;display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand{font:clamp(42px,6vw,84px) Georgia;letter-spacing:-.055em}.footer-links{display:flex;justify-content:end;align-items:center;gap:28px;font-size:10px;flex-wrap:wrap}.footer-links a:hover{text-decoration:underline;text-underline-offset:6px}.concept-note{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;font-size:9px;line-height:1.8;letter-spacing:.04em;color:#84796f;border-top:1px solid var(--line);padding-top:24px}
dialog{padding:0;border:0;color:var(--ink);background:var(--cream);max-width:calc(100vw - 40px);max-height:calc(100svh - 40px);overflow:auto}dialog::backdrop{background:#231917b8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:15px;right:15px;z-index:5;width:44px;height:44px;background:var(--cream);border:1px solid var(--line);border-radius:50%;font:28px Georgia;display:grid;place-items:center}.work-dialog[open]{display:grid;grid-template-columns:1.05fr 1fr;width:1000px;height:min(80svh,760px)}.work-dialog-image{min-height:0;background:#ded4c6}.work-dialog-copy{padding:65px 45px 40px;display:flex;flex-direction:column;justify-content:center}.work-dialog h2{font-size:35px;letter-spacing:-.03em;font-weight:400;margin:22px 0}.work-dialog-copy>p:not(.eyebrow):not(.micro-note){font-size:13px;line-height:1.9;color:var(--muted)}.work-dialog dl{margin:28px 0 18px;display:grid;grid-template-columns:70px 1fr;font-size:11px;line-height:1.8;gap:12px 10px}.work-dialog dt{color:var(--muted)}.work-dialog dd{margin:0}.detail-swatches{display:flex;gap:9px;margin:8px 0 30px}.detail-swatches span{width:24px;height:24px;border-radius:50%;border:1px solid #0001}.filled-button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:18px 22px;background:var(--wine);color:var(--cream);font-size:12px;min-height:52px;transition:background .25s}.filled-button:hover{background:#723734}.filled-button[aria-pressed=true]{background:#6c7254}.micro-note{font-size:10px;line-height:1.8;margin-top:14px;color:var(--muted)}.booking-dialog{width:580px;padding:55px 45px 35px}.booking-intro h2{font-size:30px;font-weight:400;margin:20px 0 15px}.booking-intro>p:last-child{font-size:12px;color:var(--muted);line-height:1.8}#brief-form{margin-top:30px;display:grid;gap:14px}#brief-form>label,legend{font-size:12px}select{width:100%;padding:12px;border:1px solid var(--line);background:transparent;border-radius:0;min-height:46px;font-size:13px}fieldset{padding:20px 0;margin:0;border:0;border-top:1px solid var(--line);display:flex;gap:15px;flex-wrap:wrap}legend{padding:12px 0 0}fieldset label{font-size:12px;display:flex;align-items:center;gap:6px;min-height:32px}input[type=radio]{accent-color:var(--wine)}.saved-work-list{font-size:12px;padding:18px 0;border-top:1px solid var(--line)}.saved-work-list>span{display:block;margin-bottom:12px}#saved-works{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.8}#saved-works button{border:1px solid var(--line);padding:7px 11px;font-size:11px}#brief-result label{display:block;font-size:12px;margin:20px 0 12px}textarea{width:100%;resize:vertical;padding:13px;border:1px solid var(--line);font-size:12px;line-height:1.8;background:#fff5}#brief-result p,.booking-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:12px}.booking-note{margin-top:25px;padding-top:18px;border-top:1px solid var(--line)}
.beauty{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,130px);align-items:center;background:#ebe7dc}.beauty-image{position:relative;min-height:560px;aspect-ratio:4/5;overflow:hidden;background:#d7cdbb}.beauty-image img{object-position:42% center;transition:transform 1.2s ease}.beauty-image:hover img{transform:scale(1.045)}.beauty-image-label{position:absolute;left:25px;bottom:25px;font-size:9px;line-height:1.8;letter-spacing:.15em;background:#f3eee5e8;padding:14px 18px;color:var(--ink)}.beauty-copy{min-width:0}.beauty-copy h2{font:clamp(60px,6.8vw,104px)/.94 Georgia,serif;letter-spacing:-.055em;margin:28px 0}.beauty-copy h2 em{font-weight:400}.beauty-intro{font-size:16px;line-height:1.8;letter-spacing:.03em}.beauty-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:35px}.beauty-tabs button{font-size:12px;padding:15px 0;border-bottom:2px solid transparent;transform:translateY(1px);color:var(--muted)}.beauty-tabs button[aria-selected=true]{border-bottom-color:var(--wine);color:var(--wine)}.beauty-panel{padding-top:26px}.beauty-panel:focus-visible{outline:2px solid #55745a;outline-offset:6px}.beauty-panel h3{font-size:16px;font-weight:400;margin-bottom:14px}.beauty-panel>p{font-size:12px;line-height:2;color:var(--muted)}.beauty-panel dl{margin:25px 0 8px}.beauty-panel dl>div{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:11px;line-height:1.8}.beauty-panel dt{color:var(--wine)}.beauty-panel dd{margin:0;color:var(--muted)}.beauty-panel .text-button{margin-top:10px}.beauty-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:22px}.field-label{display:block;font-size:12px;margin:10px 0 12px}#brow-fields,#skin-fields{border-top:1px solid var(--line);padding-top:8px}#brow-fields fieldset{border-top:0;padding-top:8px}#skin-fields fieldset{margin-top:20px}
@media(max-width:1000px){.beauty{gap:6vw}.beauty-image{min-height:650px;aspect-ratio:auto;align-self:stretch}.beauty-copy h2{font-size:70px}.beauty-tabs{gap:22px}.beauty-panel dl>div{gap:10px}}
@media(max-width:680px){.beauty{display:block}.beauty-image{min-height:0;height:430px;aspect-ratio:auto;margin-bottom:45px}.beauty-image img{object-position:38% center}.beauty-copy h2{font-size:76px;margin:25px 0}.beauty-intro{font-size:15px}.beauty-tabs{margin-top:28px}.beauty-panel{padding-top:25px}.beauty-image-label{left:18px;bottom:18px}.beauty-panel dl>div{font-size:11px}.beauty-note{max-width:350px}}
@media(min-width:1000px){.work-olive{transform:translateY(var(--card-y,0px))}.intro h2{transform:translateY(var(--intro-y,0px))}}
@media(max-width:1000px){.header nav{gap:20px}.intro{grid-template-columns:.55fr 1.5fr;gap:30px}.intro-body{grid-template-columns:1fr;gap:18px}.collection-grid{gap:70px 6vw}.work-olive{margin-top:110px}.material-copy{padding:40px 30px}.material-copy h2{font-size:40px}.service-content{gap:25px;padding-left:80px}.service-list summary{grid-template-columns:60px 1fr 30px}.process,.questions{gap:7vw}.work-dialog-copy{padding:55px 30px 30px}.work-dialog h2{font-size:29px}.footer{grid-template-columns:1fr}.footer-links{justify-content:start}}
@media(max-width:680px){html{scroll-padding-top:70px}.header{height:70px;gap:15px}.brand{font-size:31px}.brand span{font-size:8px;margin-left:6px}.header nav{display:none}.booking-trigger{font-size:11px;gap:12px}.hero{min-height:670px;height:calc(100svh - 70px);max-height:850px}.hero-image{inset:0 -35%}.hero-image img{object-position:67% 50%;filter:brightness(.84)}.hero-shade{background:linear-gradient(90deg,#2317156b,transparent 80%),linear-gradient(0deg,#241513a0,transparent 40%)}.hero-title{top:23%}.hero h1{font-size:clamp(108px,24vw,160px);line-height:.84}.hero-title>p{font-size:10px}.hero-top{top:25px;font-size:8px}.hero-bottom{bottom:30px}.hero-bottom>p{font-size:12px}.hero-credit{display:none}.round-link{height:85px;width:85px;font-size:10px}.round-link b{font-size:25px}.section-wrap{padding:75px var(--gutter)}.intro{display:block;padding-top:80px;padding-bottom:85px}.intro h2{font-size:30px;margin-top:30px}.intro-body{max-width:440px;margin-top:28px;padding-right:25px}.intro-body p{font-size:12px}.atelier-seal{left:auto;right:25px;bottom:22px;width:54px;height:54px;font-size:23px;opacity:.4}.atelier-seal span{font-size:4px}.section-heading{display:block;margin-bottom:38px}.section-heading h2{font-size:73px}.collection-heading-right{text-align:left;display:flex;justify-content:space-between;align-items:center;margin-top:28px}.collection-heading-right>p{margin:0;font-size:12px}.filters{gap:17px}.filters button{font-size:10px}.collection-grid{display:block}.work-olive,.work-cherry{margin:60px 0 0;width:100%}.work-image{aspect-ratio:4/5}.work-cherry .work-image{aspect-ratio:1.1}.work-cherry .work-image img{object-position:75% 50%}.work-caption{margin-top:20px}.work-caption h3{font-size:18px}.work-note{font-size:11px}.collection-footer{display:block;margin-top:40px;padding-top:25px}.collection-footer span{display:block;margin-top:15px}.collection-grid.filtered .work{margin-top:50px}.collection-grid.filtered .work:first-child{margin-top:0}.material-story{height:auto}.material-sticky{position:relative;top:0;height:auto;min-height:0;display:block}.material-image{height:500px}.material-copy{padding:45px var(--gutter) 60px}.material-copy h2{font-size:35px}.material-notes{min-height:0}.material-note{display:block;padding:22px 0;border-top:1px solid #fff3}.material-note p{max-width:none}.material-rule{display:none}.services .section-heading h2{font-size:57px}.section-description{margin-top:28px;font-size:12px}.service-list summary{grid-template-columns:30px 1fr 25px;gap:15px;padding:25px 0}.service-list h3{font-size:17px}.service-list small{font-size:7px;letter-spacing:.12em}.service-no{font-size:17px}.service-content{display:block;padding:0 20px 30px 45px;font-size:11px}.service-content ul{margin:20px 0}.text-button{margin-top:18px}.process,.questions{display:block}.process-title{margin-bottom:35px}.process-list li{gap:12px;grid-template-columns:35px 1fr}.process h2,.questions h2{font-size:31px}.questions>div:first-child{margin-bottom:30px}.faq-list summary{font-size:12px}.reservation{display:block;padding-top:65px;padding-bottom:65px}.reservation h2{font-size:45px}.reservation-side{margin-top:35px}.reservation-side p{font-size:12px;margin-bottom:15px}.reservation-button{width:100%;justify-content:space-between;font-size:14px}.footer{padding-top:55px;gap:35px}.footer-brand{font-size:60px}.footer-links{gap:18px;font-size:9px}.concept-note{display:block;font-size:8px}.concept-note p{margin-top:12px}.work-dialog[open]{display:block;width:480px;height:auto;max-height:calc(100svh - 30px)}.work-dialog-image{height:42svh;min-height:220px}.work-dialog-copy{padding:30px 25px}.work-dialog h2{margin:15px 0}.work-dialog dl{margin:20px 0 10px}.detail-swatches{margin:10px 0 20px}.booking-dialog{padding:55px 25px 25px;max-width:calc(100vw - 24px)}.booking-intro h2{font-size:25px}select,input,textarea{font-size:16px}fieldset{gap:12px}fieldset label{font-size:12px}}
@media(min-width:681px) and (max-height:760px){.material-story{height:auto}.material-sticky{position:relative;top:0;height:auto;min-height:0}.material-note{display:block;margin-bottom:25px}.material-copy{padding-top:45px;padding-bottom:45px}.material-rule{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;will-change:auto!important}.hero-image img,.material-image img,.work-olive,.intro h2,.beauty-image:hover img{transform:none!important}.material-story{height:auto}.material-sticky{position:relative;top:0;height:auto;min-height:0}.material-note{display:block;margin-bottom:25px}.material-rule{display:none}}