/* A: editorial nail collection. Self-contained; no external font dependency. */
:root{--paper:#f7f3ee;--ink:#472d32;--accent:#793e4c;--muted:#705e5b;--line:#d6c9c4;--serif:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;font-size:14px;line-height:1.95}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a:hover{opacity:.76}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif)}h2{font-size:clamp(29px,3.1vw,43px);line-height:1.65;letter-spacing:.07em}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.section{padding-block:110px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;line-height:1.6;margin-bottom:26px}.fine{font-size:11px;color:var(--muted);line-height:1.9}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:5px}.header{height:109px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:54px;line-height:.83;letter-spacing:-4px;display:inline-flex;position:relative;align-items:baseline;padding-top:13px}.wordmark small{position:absolute;top:0;left:1px;font-size:11px;letter-spacing:.19em}.wordmark span{color:var(--accent)}nav{display:flex;gap:35px;align-items:center;font-size:12px}nav .nav-reserve{border:1px solid var(--accent);padding:10px 20px}nav span{margin-left:30px}.hero{display:grid;grid-template-columns:.82fr 1.18fr;gap:35px;padding-block:50px 40px;align-items:center}.hero-copy{padding:15px 0 10px}.hero-copy .eyebrow{margin-bottom:18px}.hero-en{font-family:Georgia,serif;font-size:clamp(70px,7.7vw,118px);letter-spacing:-.07em;line-height:.96;color:var(--accent);margin:0 0 29px}.hero-en i{font-weight:400}.hero h1{font-size:clamp(27px,2.8vw,40px);letter-spacing:.12em;line-height:1.65}.hero-note{margin-top:20px;color:var(--muted);font-size:13px}.text-link{display:flex;width:max-content;max-width:100%;gap:38px;align-items:center;border-bottom:1px solid var(--accent);padding:10px 0;font-size:12px;margin-top:27px}.text-link span{margin-left:auto}.hero-picture{position:relative;padding-top:28px}.hero-picture:before{content:'TETE NAIL JOURNAL';position:absolute;top:0;right:0;font-size:9px;letter-spacing:.2em}.hero-picture img{width:100%;aspect-ratio:1.02;object-fit:cover;object-position:50% 50%}.hero-picture figcaption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;margin-top:12px;gap:10px}.location-strip{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding-block:18px;font-size:11px;letter-spacing:.07em}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px;gap:30px}.section-heading>p{color:var(--muted);font-size:13px;margin-bottom:9px}.collection-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:28px;align-items:start}.collection-grid figure:nth-child(2){margin-top:82px}.collection-grid figure:nth-child(3){margin-top:26px}.collection-grid img{width:100%;aspect-ratio:1.08;object-fit:cover}.collection-grid figcaption{padding:17px 0 10px}.collection-grid figcaption span{display:block;font:italic 21px Georgia,serif}.collection-grid figcaption small{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.collection>.fine{margin-top:35px}.philosophy{background:#e9ddda;padding-block:95px}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.philosophy-title>p:not(.eyebrow){margin-top:25px;font-size:13px;color:var(--muted)}.script{font:italic 52px Georgia,serif;display:block;margin-top:36px;color:#88636b}.principles article{display:flex;gap:27px;padding-block:24px;border-top:1px solid #c9b6b5}.principles article>span{font:italic 26px Georgia,serif}.principles h3{font-family:var(--serif);font-size:21px;margin-bottom:9px}.principles p{font-size:13px;color:var(--muted)}.menu{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.menu-intro figure{margin-top:34px;max-width:310px}.menu-intro figcaption{font:italic 17px Georgia,serif;margin-top:12px}.price-block{padding-top:9px}.price-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.13em;border-bottom:1px solid var(--ink);padding-bottom:18px}.price-label span{font-size:10px;letter-spacing:0}.prices{margin:0 0 19px}.prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid var(--line);padding:19px 0}.prices dt{font-size:13px}.prices dd{font:23px Georgia,serif;margin:0;white-space:nowrap}.additional{margin-top:28px}.additional summary{font-size:12px}.additional .prices dt{font-size:12px}.additional .prices dd{font-size:20px}.salon{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;padding-bottom:100px}.salon>figure{position:relative}.salon>figure img{aspect-ratio:1.05;object-fit:cover}.salon figcaption{position:absolute;bottom:18px;left:20px;color:white;background:#472d32;padding:4px 10px;font-size:9px;letter-spacing:.16em}.salon>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:25px}.owner{margin-top:34px;padding-top:25px;border-top:1px solid var(--line)}.owner .eyebrow{margin-bottom:10px}.owner h3{font-family:var(--serif);font-size:20px}.owner small{font:italic 15px Georgia,serif;margin-left:18px}.owner>p:last-child{margin-top:12px;font-size:12px;color:var(--muted)}.faq{border-top:1px solid var(--line);max-width:900px;padding-top:65px}.faq h2{margin-bottom:30px}.faq details{border-top:1px solid var(--line)}summary{list-style:none;display:flex;gap:18px;align-items:center;justify-content:space-between;cursor:pointer;min-height:58px;padding:14px 0}summary::-webkit-details-marker{display:none}summary>span{font-size:19px;flex-shrink:0}details[open]>summary>span{transform:rotate(45deg)}details>p{padding:0 0 22px;font-size:13px;color:var(--muted)}.reservation{background:var(--ink);color:var(--paper);text-align:center;padding:85px 0}.reservation h2{font-size:43px;line-height:1.6}.reserve-button{display:grid;grid-template-columns:1fr auto;width:min(390px,100%);border:1px solid #bba5a4;padding:19px 27px;margin:30px auto 22px;text-align:left;font-size:16px}.reserve-button small{font-size:10px;letter-spacing:.12em;grid-column:1/-1}.reservation>div>p:last-child{font-size:12px;color:#ded0cc}.reservation strong{font-weight:500}.reservation small{font-size:10px}.access{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.access .wordmark{font-size:83px;margin:20px 0}.access>div>p:last-child{font-size:12px;margin-top:20px}.access dl{margin:0}.access dl>div{display:grid;grid-template-columns:90px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.access dt{color:var(--muted)}.access dd{margin:0}footer{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px}footer small{font-size:10px}footer>span{font:italic 14px Georgia,serif}.mobile-reserve{display:none}
@media(min-width:1600px){.hero-picture img{aspect-ratio:1.12}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}nav{gap:20px}.hero{gap:25px}.hero-en{font-size:77px}.philosophy-grid,.menu,.salon,.access{gap:45px}.collection-grid{gap:16px}.hero-picture img{aspect-ratio:.86}.section{padding-block:80px}}
@media(max-width:700px){html{scroll-padding-top:15px}.wrap{width:calc(100% - 40px)}body{padding-bottom:62px}.header{height:81px}.wordmark{font-size:44px}nav{gap:14px}nav>a:not(.nav-reserve){display:none}nav .nav-reserve{padding:7px 13px;font-size:11px}nav span{margin-left:20px}.hero{display:flex;flex-direction:column;gap:21px;padding-top:28px;padding-bottom:21px;align-items:stretch}.hero-copy{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0 15px;padding:0}.hero-copy .eyebrow{grid-column:1/-1;font-size:8px;letter-spacing:.12em;margin-bottom:19px}.hero-en{font-size:clamp(54px,14vw,85px);margin:0;grid-column:1;grid-row:2;align-self:center}.hero h1{grid-column:2;grid-row:2;font-size:clamp(21px,5.5vw,30px);letter-spacing:.04em;align-self:center;line-height:1.7}.hero-note{grid-column:1/-1;font-size:12px;margin-top:20px}.hero-copy .text-link{grid-column:1/-1;font-size:11px;margin-top:9px;padding:6px 0;gap:27px}.hero-picture{padding-top:0}.hero-picture:before{display:none}.hero-picture img{aspect-ratio:1.22;object-fit:cover}.hero-picture figcaption{font-size:7px;margin-top:9px}.location-strip{font-size:10px;flex-wrap:wrap;gap:5px 10px;padding-block:13px}.location-strip a{display:none}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:12px}.eyebrow{margin-bottom:18px}h2{font-size:28px}.collection-grid{grid-template-columns:1fr 1fr;gap:28px 15px}.collection-grid figure:first-child{grid-column:1/-1;width:87%}.collection-grid figure:nth-child(2),.collection-grid figure:nth-child(3){margin-top:0}.collection-grid figure:nth-child(3){padding-top:45px}.collection-grid img{aspect-ratio:1.12}.collection-grid figcaption span{font-size:16px;line-height:1.35}.collection-grid figcaption small{font-size:10px}.collection>.fine{margin-top:20px}.philosophy{padding-block:60px}.philosophy-grid{grid-template-columns:1fr;gap:30px}.philosophy-title>p:not(.eyebrow){font-size:12px}.script{font-size:38px;margin-top:25px}.principles article{gap:18px;padding-block:22px}.principles h3{font-size:20px}.principles p{font-size:12px}.menu{grid-template-columns:1fr;gap:30px}.menu-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:center}.menu-intro .eyebrow{grid-column:1/-1}.menu-intro figure{margin:0}.menu-intro figcaption{font-size:12px;line-height:1.5}.prices dt{font-size:12px}.prices dd{font-size:21px}.prices>div{gap:14px}.salon{grid-template-columns:1fr;gap:32px;padding-bottom:60px}.salon>figure img{aspect-ratio:1.25}.salon>div>p:not(.eyebrow){font-size:12px}.owner small{display:block;margin:6px 0}.faq{padding-top:50px}.faq summary{font-size:12px}.reservation{padding-block:60px}.reservation h2{font-size:33px}.reservation>div>p:last-child{font-size:11px}.access{grid-template-columns:1fr;gap:28px}.access .wordmark{font-size:63px;margin:12px 0}.access dl>div{grid-template-columns:62px 1fr;gap:12px}.access dd{overflow-wrap:anywhere}footer{display:flex;flex-wrap:wrap;gap:12px;font-size:9px}footer small{width:100%;font-size:9px;order:3}.mobile-reserve{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 24px calc(15px + env(safe-area-inset-bottom));font-size:12px;z-index:5;border-top:1px solid #8a7479}}
.header .wordmark{padding:0;letter-spacing:normal}.header .wordmark img{width:117px;height:auto}
@media(max-width:700px){.hero h1 span{display:block;white-space:nowrap}.hero h1{font-size:clamp(20px,5.3vw,28px)}.menu-intro{display:block}.menu-intro figure{max-width:260px;margin-top:25px}.header .wordmark img{width:105px}.hero-note{font-size:13px}.salon>div>p:not(.eyebrow){font-size:13px}}
@media(max-width:700px){.hero-copy{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero-en{font-size:clamp(40px,11.6vw,70px)}}
.owner{display:grid;grid-template-columns:125px 1fr;gap:25px;align-items:center}.owner-portrait{position:relative;padding:7px 7px 13px;border:1px solid #b89da1;background:#eee5df;box-shadow:9px 9px 0 #dac8c6}.owner-portrait:before{content:'';position:absolute;inset:-7px 7px 7px -7px;border:1px solid #8c626b;pointer-events:none}.owner-portrait img{width:100%;height:132px;object-fit:cover;object-position:center 43%;filter:saturate(.78) contrast(.96)}.owner-portrait>span{display:block;font:8px Georgia,serif;letter-spacing:.18em;text-align:right;margin-top:6px}.owner-copy .eyebrow{margin-bottom:8px}.owner-copy>p:last-child{margin-top:12px;font-size:12px;color:var(--muted)}
@media(max-width:700px){.owner{grid-template-columns:105px 1fr;gap:22px}.owner-portrait{box-shadow:7px 7px 0 #dac8c6}.owner-portrait img{height:110px}.owner-copy h3{font-size:18px}.owner-copy>p:last-child br{display:none}}
.journal{background:#eee4df;border-block:1px solid #d8c6c4;overflow:hidden}.journal-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.journal-nav{display:flex;gap:9px}.journal-nav button{width:48px;height:48px;border:1px solid #a9868d;background:transparent;color:var(--ink);font-size:19px;cursor:pointer}.journal-nav button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.journal-nav button:disabled{opacity:.28;cursor:default}.journal-window{overflow:hidden;padding:8px 8px 16px}.journal-track{display:flex;gap:34px;transition:transform .55s cubic-bezier(.22,.7,.22,1);will-change:transform}.journal-card{flex:0 0 calc((100% - 34px)/2);display:grid;grid-template-columns:.95fr 1.05fr;background:var(--paper);border:1px solid #cbb5b6;box-shadow:8px 8px 0 #dbc9c7;min-width:0}.journal-image{position:relative;margin:9px 0 9px 9px;overflow:hidden}.journal-image:after{content:'';position:absolute;inset:7px;border:1px solid rgba(255,255,255,.72);pointer-events:none}.journal-image img{width:100%;height:100%;min-height:330px;object-fit:cover}.journal-image>span{position:absolute;left:17px;bottom:16px;background:var(--paper);padding:5px 10px;font-size:8px;letter-spacing:.16em;z-index:1}.journal-body{padding:34px 28px 28px;display:flex;flex-direction:column}.journal-body>p:first-child{font-size:9px;letter-spacing:.1em;color:var(--muted)}.journal-body h3{font-family:var(--serif);font-size:22px;line-height:1.65;margin:19px 0 15px}.journal-body>p:nth-of-type(2){font-size:12px;color:var(--muted)}.journal-body a{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:auto;padding-top:17px;font-size:11px}.journal-foot{display:grid;grid-template-columns:auto minmax(120px,280px) 1fr;align-items:center;gap:22px;margin-top:28px}.journal-count{font:italic 13px Georgia,serif}.journal-line{height:1px;background:#c8b5b4}.journal-line i{display:block;height:1px;background:var(--accent);transition:width .4s ease}.journal-foot p{font-size:9px;letter-spacing:.08em;color:var(--muted);text-align:right}
@media(max-width:1000px){.journal-card{grid-template-columns:1fr}.journal-image{margin:8px 8px 0}.journal-image img{min-height:250px;aspect-ratio:1.3}.journal-body{padding:24px}.journal-body h3{font-size:19px}.journal-body a{margin-top:20px}}
@media(max-width:700px){.journal-heading{align-items:end;margin-bottom:25px}.journal-heading h2{font-size:26px}.journal-nav button{width:43px;height:43px}.journal-track{gap:18px}.journal-card{flex-basis:100%;grid-template-columns:.92fr 1.08fr;box-shadow:6px 6px 0 #dbc9c7}.journal-image{margin:7px 0 7px 7px}.journal-image img{height:100%;min-height:300px;aspect-ratio:auto}.journal-body{padding:25px 19px}.journal-body>p:first-child{font-size:8px}.journal-body h3{font-size:19px;margin:13px 0}.journal-body>p:nth-of-type(2){font-size:11px}.journal-body a{font-size:10px}.journal-foot{grid-template-columns:auto 1fr;gap:14px}.journal-foot p{grid-column:1/-1;text-align:left}.journal-line{max-width:none}}
@media(max-width:430px){.journal-card{grid-template-columns:1fr}.journal-image{margin:7px 7px 0}.journal-image img{height:auto;min-height:0;aspect-ratio:1.2}.journal-body{min-height:285px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.journal-heading h2{font-size:0}.journal-heading h2:after{content:'teteからの、\A大切なお知らせ。';white-space:pre;font-size:clamp(29px,3.1vw,43px);line-height:1.65;letter-spacing:.07em}.owner-portrait>span{font-size:0}.owner-portrait>span:after{content:'SAMPLE / PORTRAIT';font-size:8px;letter-spacing:.12em}
.opening-active{overflow:hidden}.opening-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff;animation:opening-cover .55s ease 1.1s forwards}.opening-screen img{width:clamp(150px,19vw,245px);height:auto;opacity:0;transform:translateY(8px);animation:opening-logo .7s ease-out forwards}@keyframes opening-logo{to{opacity:1;transform:translateY(0)}}@keyframes opening-cover{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.opening-screen{animation-duration:.01ms}.opening-screen img{animation-duration:.01ms}}