@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;600;700&display=swap');
:root{--ink:#402f31;--paper:#f7f2ee;--rose:#d9b8b3;--deep:#734d55;--line:#d7c7c2;font-family:'Noto Sans JP',sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit}.skip{position:absolute;left:12px;top:-80px;z-index:20;background:white;padding:8px}.skip:focus{top:8px}
.demo-note{margin:0;background:#60464c;color:white;text-align:center;padding:7px 14px;font-size:10px;line-height:1.6}.mast{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px clamp(20px,4vw,64px);border-bottom:1px solid var(--line)}.brand{font-family:'Noto Serif JP',serif;font-weight:700;font-size:24px;text-decoration:none;white-space:nowrap}.brand span{display:block;font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:9px;letter-spacing:.2em;margin-top:3px}.mast nav{display:flex;gap:clamp(15px,2vw,30px);font-size:12px}.mast nav a{text-decoration:none}.mast nav a:hover,.mast nav a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.hero{padding:clamp(28px,4vw,58px) clamp(20px,4vw,64px) 45px}.hero-heading{display:grid;grid-template-columns:1.3fr .7fr;grid-template-areas:'eyebrow eyebrow' 'title description';gap:10px 35px;align-items:end}.eyebrow{grid-area:eyebrow;font-size:10px;letter-spacing:.16em;color:var(--deep);font-weight:700}.hero h1{grid-area:title;font-family:'Noto Serif JP',serif;font-size:clamp(38px,5vw,76px);line-height:1.25;letter-spacing:-.055em;font-weight:600;margin:0}.hero h1 span{display:block}.hero-heading p{grid-area:description;font-size:14px;line-height:1.9;align-self:end;margin:0 0 9px}.hero-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:35px}.hero-gallery figure{margin:0;min-width:0;position:relative;background:#ead7d1;overflow:hidden}.hero-gallery img{width:100%;height:clamp(370px,40vw,580px);object-fit:cover;display:block}.brow-shot img{object-position:40% center}.lash-shot img{object-position:57% center}.hero-gallery figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(45,28,30,.65));padding:50px 24px 18px;color:#fff;display:flex;justify-content:space-between;align-items:end;font-size:13px;letter-spacing:.08em}.hero-gallery figcaption b{font-family:'Noto Serif JP',serif;font-size:27px;font-weight:400}.hero-jump{display:flex;justify-content:flex-end;gap:30px;padding:23px 0;border-bottom:1px solid var(--line)}.hero-jump a{text-decoration:none;font-size:12px;min-width:135px;display:flex;justify-content:space-between;gap:15px}.hero-jump a:hover{text-decoration:underline}
.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,90px);padding:clamp(80px,10vw,145px) clamp(20px,7vw,115px);scroll-margin-top:24px}.feature img{width:100%;height:clamp(370px,44vw,650px);object-fit:cover;display:block}.feature.brow img{object-position:40% center}.feature.lash{background:#ead9d5}.feature-copy{max-width:440px}.feature-no{font-size:10px;color:var(--deep);letter-spacing:.2em}.feature h2{font-family:'Noto Serif JP',serif;font-size:clamp(38px,5vw,75px);line-height:1.35;font-weight:600;margin:25px 0}.feature p{font-size:14px;line-height:2.1}.about{display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:start;padding:60px clamp(20px,7vw,115px);font-size:12px}.about span{letter-spacing:.15em;font-size:10px}.about p{margin:0;line-height:1.9}.about a{text-decoration:none;text-align:right}footer{display:flex;justify-content:space-between;gap:20px;background:#4d3439;color:white;padding:25px clamp(20px,4vw,64px);font-size:11px}footer a{text-decoration:none}
@media(max-width:700px){.mast{padding:14px 20px}.brand{font-size:19px}.mast nav a:nth-child(1),.mast nav a:nth-child(2){display:none}.hero-heading{grid-template-columns:1fr;grid-template-areas:'eyebrow' 'title' 'description';gap:13px}.hero h1{font-size:clamp(37px,9vw,60px)}.hero-heading p{font-size:13px}.hero-gallery{gap:9px;margin-top:25px}.hero-gallery img{height:clamp(320px,75vw,460px)}.hero-gallery figcaption{padding:50px 11px 12px;font-size:11px}.hero-gallery figcaption b{font-size:20px}.hero-jump{gap:10px}.hero-jump a{min-width:0;flex:1}.feature{grid-template-columns:1fr;gap:25px;padding:70px 20px}.feature.lash img{order:2}.feature.lash .feature-copy{order:1}.feature img{height:clamp(340px,85vw,580px)}.about{grid-template-columns:1fr}.about a{text-align:left}footer{flex-direction:column}}
@media(max-width:420px){.hero-gallery{grid-template-columns:1fr}.brow-shot img{height:270px}.lash-shot img{height:175px;object-position:center 48%}.hero-jump{padding-top:19px}.hero h1{font-size:36px}.hero-heading p{margin:0}.hero{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
