/*
Theme Name: LUEUR Hair Salon
Author: ORCA INC.
Description: 美容室向けフルスクリーン切替型オリジナルテーマ
Version: 1.0.0
Text Domain: lueur
*/
:root{--cream:#f3eee6;--ink:#2b2521;--copper:#a5694d;--light:#fffdfa;--serif:"Noto Serif JP",serif;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--cream);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-head{position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px 42px;color:var(--ink);mix-blend-mode:multiply}.logo{font-family:"Cormorant Garamond",serif;font-size:31px;letter-spacing:.22em}.logo small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.42em;text-align:center}.reserve{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.2em}.reserve:before{content:"";width:32px;height:1px;background:currentColor}.menu-button{display:none;border:0;background:none}.screen{position:relative;min-height:100svh;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;display:flex;align-items:center}.screen-bg{position:absolute;inset:0;background-position:center;background-size:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.screen.is-active .screen-bg{transform:scale(1.035)}.hero .screen-bg{background-image:linear-gradient(90deg,rgba(244,238,229,.25),transparent 60%),url("assets/images/hero.jpg")}.hero-copy{position:relative;z-index:1;margin-left:8vw;margin-top:8vh}.overline{margin:0 0 20px;font-size:10px;letter-spacing:.38em;text-transform:uppercase}.hero h1{margin:0;font-family:var(--serif);font-size:clamp(46px,6.5vw,92px);font-weight:400;line-height:1.36;letter-spacing:.1em}.hero-sub{margin-top:26px;font-size:12px;letter-spacing:.2em}.scroll-cue{position:absolute;z-index:2;left:42px;bottom:34px;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.24em}.scroll-cue:before{content:"";width:55px;height:1px;background:currentColor;animation:pulse 1.8s infinite}.screen-inner{position:relative;z-index:2;width:min(84%,1240px);margin:auto}.title-en{display:block;color:var(--copper);font-family:"Cormorant Garamond",serif;font-size:15px;font-style:italic;letter-spacing:.18em}.section-title{margin:10px 0 28px;font-family:var(--serif);font-size:clamp(34px,5vw,66px);font-weight:400;line-height:1.45;letter-spacing:.08em}.body-copy{max-width:500px;font-family:var(--serif);font-size:14px;line-height:2.25;letter-spacing:.09em}.line-link{display:inline-flex;gap:28px;align-items:center;margin-top:26px;padding-bottom:7px;border-bottom:1px solid;font-size:10px;letter-spacing:.18em}.concept{color:#fff}.concept:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(33,28,24,.75),rgba(33,28,24,.08) 70%)}.concept .screen-bg{background-image:url("assets/images/salon.jpg")}.concept .title-en{color:#ead0bd}.style-screen{background:#dcd5cb}.style-screen .screen-bg{left:44%;background-image:url("assets/images/style.jpg");background-position:center}.style-copy{width:42%}.style-tag{display:inline-block;margin:8px 5px 0 0;padding:7px 12px;border:1px solid rgba(43,37,33,.3);font-size:9px;letter-spacing:.15em}.menu-screen{background:#29231f;color:#fff}.menu-screen .screen-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.price-list{border-top:1px solid rgba(255,255,255,.2)}.price{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2)}.price dt{font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:.08em}.price dd{margin:0;font-size:13px}.price small{display:block;margin-top:5px;color:rgba(255,255,255,.5);font-size:9px}.care-pic{position:absolute;inset:0 55% 0 0;background:url("assets/images/care.jpg") center/cover}.menu-copy{grid-column:2}.access{background:#ddd2c4}.access .screen-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.shop-card{padding:54px;background:rgba(255,253,250,.78);backdrop-filter:blur(12px)}.shop-name{font-family:"Cormorant Garamond",serif;font-size:40px;letter-spacing:.16em}.shop-data{margin-top:25px;font-size:12px;line-height:2.1}.hours{display:grid;grid-template-columns:95px 1fr;margin-top:22px;padding-top:20px;border-top:1px solid rgba(43,37,33,.2);font-size:11px}.access-visual{position:relative;height:70vh;background:linear-gradient(135deg,#b8a893,#ede4d7);overflow:hidden}.access-visual:before,.access-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.75);border-radius:50%}.access-visual:before{width:42vw;height:42vw;left:15%;top:-20%}.access-visual:after{width:28vw;height:28vw;right:-12%;bottom:-18%}.map-word{position:absolute;inset:0;display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:clamp(48px,7vw,110px);font-style:italic;color:rgba(255,255,255,.8)}.demo-note{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.13em;white-space:nowrap}.dots{position:fixed;z-index:30;right:32px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:17px}.dot{width:7px;height:7px;border:1px solid var(--ink);border-radius:50%;padding:0;background:transparent;transition:.3s}.dot.active{background:var(--ink);transform:scale(1.45)}.screen-content{opacity:0;transform:translateY(24px);transition:.8s .15s}.is-active .screen-content{opacity:1;transform:none}@keyframes pulse{50%{transform:scaleX(.4);transform-origin:left}}@media(max-width:780px){html{scroll-snap-type:y proximity}.site-head{padding:20px}.logo{font-size:25px}.reserve{display:none}.screen{min-height:100svh}.hero .screen-bg{background-position:62% center}.hero .screen-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(243,238,230,.75),transparent 75%)}.hero-copy{align-self:flex-end;margin:0 24px 15vh}.hero h1{font-size:40px}.scroll-cue{left:24px}.screen-inner{width:calc(100% - 48px)}.concept:after{background:rgba(31,26,23,.48)}.concept .screen-bg{background-position:58% center}.style-screen .screen-bg{inset:0;opacity:.52}.style-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(220,213,203,.95),rgba(220,213,203,.2))}.style-copy{position:relative;z-index:2;width:90%}.menu-screen .screen-inner{display:block}.care-pic{inset:0;opacity:.15}.menu-copy{position:relative}.price{padding:13px 0}.access .screen-inner{display:block}.access-visual{display:none}.shop-card{padding:34px 28px}.dots{right:12px}.demo-note{font-size:7px}.section-title{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}.screen-bg,.screen-content{transition:none}.screen-content{opacity:1;transform:none}}