:root{--paper:#f6f4ee;--white:#fff;--ink:#293129;--sage:#768272;--pale:#e9e8df;--warm:#b49d80;--line:rgba(41,49,41,.18);--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:2;letter-spacing:.07em}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:92px;padding:18px 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.45s}.site-header.is-scrolled,.menu-open .site-header{height:72px;background:rgba(250,249,245,.94);color:var(--ink);box-shadow:0 1px 0 var(--line);backdrop-filter:blur(12px)}.brand{font-family:var(--serif);font-size:25px;line-height:1;letter-spacing:.03em}.brand small{display:block;margin-top:8px;font:8px/1 var(--sans);letter-spacing:.38em}.nav{display:flex;align-items:center;gap:28px;font-size:11px;letter-spacing:.16em}.nav a{position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;bottom:-5px;left:0;width:0;border-bottom:1px solid;transition:.3s}.nav a:hover:after{width:100%}.nav-cta{border:1px solid currentColor;padding:10px 18px}.menu-button{display:none;background:0;border:0;color:inherit}.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;background:#aaa}.hero-slides,.hero-slide{position:absolute;inset:0;margin:0}.hero-slide{opacity:0;visibility:hidden;transition:opacity 1.5s ease,visibility 1.5s}.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-slide img{transform:scale(1.04)}.hero-slide.is-active img{animation:heroZoom 7.2s ease-out both}.hero-slide:nth-child(even).is-active img{animation-name:heroPan}.hero-slide:nth-child(4) img{object-position:center 58%}.hero-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(20,24,20,.42),rgba(20,24,20,.05) 66%),linear-gradient(0deg,rgba(20,24,20,.27),transparent 45%)}.hero figcaption{position:absolute;z-index:3;left:7vw;bottom:16%;color:white}.hero figcaption small{display:block;margin-bottom:16px;font:10px/1 var(--sans);letter-spacing:.32em}.hero figcaption span{font:400 clamp(34px,4.7vw,72px)/1.45 var(--serif);letter-spacing:.11em;text-shadow:0 2px 25px rgba(0,0,0,.15);opacity:0;transform:translateY(18px)}.hero-slide.is-active figcaption span{display:block;animation:captionIn 1.1s .55s forwards}.hero-ui{position:absolute;z-index:4;right:5vw;bottom:7%;display:flex;align-items:center;gap:22px;color:#fff}.hero-dots{display:flex;gap:9px}.hero-dots button{width:30px;height:18px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:none;cursor:pointer}.hero-dots button.is-active{border-color:#fff;border-width:2px}.hero-toggle{width:30px;height:30px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:none;color:#fff;font-size:9px}.scroll-cue{position:absolute;z-index:4;left:4vw;bottom:0;color:white;font-size:8px;letter-spacing:.3em;writing-mode:vertical-rl;display:flex;align-items:center;gap:14px}.scroll-cue i{height:55px;border-left:1px solid}.news{max-width:1120px;margin:0 auto;padding:34px 40px;display:grid;grid-template-columns:100px 1fr;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:.3em;color:var(--sage);font-weight:700;margin:0 0 20px}.news .eyebrow{margin:0}.news a{display:grid;grid-template-columns:130px 1fr 50px;gap:18px;font-size:13px}.news time{font-family:Georgia,serif}.news b{font-size:9px;letter-spacing:.2em}.section{padding:130px max(5vw,30px)}.concept{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden}.concept-copy{width:min(610px,72vw);margin-left:13vw}.concept h1,.section-head h2,.atelier h2,.workshop h2,.contact h2{font:400 clamp(34px,4vw,60px)/1.55 var(--serif);letter-spacing:.1em;margin:0 0 35px}.concept-copy>p:not(.eyebrow){max-width:540px}.text-link{display:inline-block;margin-top:25px;padding-bottom:4px;border-bottom:1px solid}.text-link span{margin-left:25px}.word-ribbon{position:absolute;right:-2%;bottom:70px;white-space:nowrap;transform:rotate(-5deg);font:italic 74px/1 Georgia,serif;color:rgba(118,130,114,.11);letter-spacing:.03em}.section-head{max-width:800px;margin:0 auto 80px;text-align:center}.section-head>p:last-child{font-family:var(--serif);line-height:2.2}.category-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:110px 7vw}.category-card:nth-child(even){margin-top:140px}.category-card .image-wrap{height:36vw;max-height:570px;overflow:hidden}.category-card .image-wrap:not(.portrait){height:29vw;max-height:430px}.image-wrap img,.look img,.shop-gallery img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.image-wrap:hover img,.look:hover img,.shop-gallery figure:hover img{transform:scale(1.035)}.category-card>div:last-child{position:relative;padding:22px 0 0 50px}.category-card small{position:absolute;left:0;top:30px;color:var(--sage)}.category-card h3{font:400 23px/1.2 Georgia,serif;letter-spacing:.13em;margin:0 0 12px}.category-card p{font-family:var(--serif);margin:0}.lookbook{background:#6f796d;color:#fff}.section-head.light .eyebrow{color:#d8ded4}.look-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.1fr .8fr 1fr;grid-template-rows:repeat(2,380px);gap:6vw 4vw}.look{margin:0;position:relative}.look-a{grid-row:1/3}.look-b{margin-top:80px}.look-c{grid-row:2}.look-d{grid-row:1/3}.look figcaption{display:flex;gap:15px;margin-top:15px;font:10px/1.8 var(--sans);letter-spacing:.14em}.look figcaption b{font:italic 20px Georgia,serif}.atelier{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw;align-items:center;max-width:1380px;margin:auto}.atelier-image{height:700px}.atelier-copy{max-width:540px}.atelier-copy dl{margin:40px 0 0}.atelier-copy dl div{display:grid;grid-template-columns:55px 1fr;border-top:1px solid var(--line);padding:18px 0}.atelier-copy dt{font:italic 20px Georgia,serif;color:var(--sage)}.atelier-copy dd{margin:0}.atelier-copy b,.atelier-copy span{display:block}.atelier-copy b{font:14px Georgia,serif;letter-spacing:.13em}.atelier-copy span{font-size:12px}.shop{background:#ebe9e1}.shop-gallery{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.45fr .75fr;gap:4vw;align-items:end}.shop-gallery figure{margin:0}.shop-main{height:620px}.shop-sub{height:470px;margin-bottom:-55px!important}.shop-gallery figcaption{font-family:var(--serif);font-size:12px;padding-top:13px}.workshop{max-width:1300px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.workshop-copy{padding-left:4vw}.workshop-image{height:620px;position:relative}.workshop-image span{position:absolute;top:-45px;left:-45px;width:110px;height:110px;background:var(--sage);color:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font:9px/1.3 Georgia,serif;letter-spacing:.15em}.workshop-image span b{font-size:25px}.button{display:inline-flex;justify-content:center;align-items:center;min-width:220px;padding:16px 24px;background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:11px;letter-spacing:.17em;transition:.3s}.button:hover{background:var(--sage);border-color:var(--sage)}.button.outline{background:transparent;color:var(--ink)}.access{padding:0;display:grid;grid-template-columns:1fr 1.15fr;background:#fff}.access-info{padding:100px 9vw}.access-info h2{font:400 35px/1.2 Georgia,serif;letter-spacing:.06em;margin:0}.jp-name{font-size:10px;margin-bottom:45px}.access dl div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:13px 0}.access dt{font:10px Georgia,serif;letter-spacing:.12em}.access dd{margin:0;font-size:12px}.access .button{margin-top:28px}.map{min-height:650px;filter:grayscale(.35) sepia(.08)}.map iframe{border:0;width:100%;height:100%}.faq{max-width:1000px;margin:auto}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:24px 55px 24px 10px;position:relative;cursor:pointer;font-family:var(--serif)}summary::-webkit-details-marker{display:none}summary i:before,summary i:after{content:"";position:absolute;right:15px;top:50%;width:15px;border-top:1px solid;transition:.3s}summary i:after{transform:rotate(90deg)}details[open] summary i:after{transform:rotate(0)}details p{margin:0;padding:0 45px 25px;font-size:13px}.contact{background:#dedfd5;display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.contact-intro{padding-left:5vw}.phone{margin-top:55px}.phone small,.phone span{display:block;font-size:10px}.phone a{display:block;font:31px Georgia,serif;letter-spacing:.08em}.contact-form{max-width:660px}.contact-form label{display:grid;grid-template-columns:160px 1fr;gap:12px;border-top:1px solid rgba(41,49,41,.24);padding:18px 0;font-family:var(--serif)}.contact-form label span{font:8px var(--sans);color:#fff;background:var(--sage);padding:3px 7px;align-self:start;justify-self:start;margin-left:5px;grid-column:1}.contact-form input,.contact-form select,.contact-form textarea{grid-column:2;grid-row:1/3;width:100%;border:0;background:rgba(255,255,255,.65);padding:12px;outline-color:var(--sage)}.form-message{font-family:var(--serif)}footer{background:#283027;color:#fff;padding:80px 6vw 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-brand span{font:36px var(--serif)}.footer-brand small{display:block;font-size:8px;letter-spacing:.45em}.footer-brand p{font-family:var(--serif);opacity:.7}.social,.footer-nav{display:flex;flex-direction:column;gap:11px;font:10px Georgia,serif;letter-spacing:.15em}.copyright{grid-column:1/-1;margin:40px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);font-size:8px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s,transform .85s}.reveal.is-visible{opacity:1;transform:none}.cursor-dot{position:fixed;z-index:100;top:-7px;left:-7px;width:14px;height:14px;border-radius:50%;background:rgba(72,88,70,.65);pointer-events:none;transition:width .2s,height .2s,top .2s,left .2s}.cursor-dot.is-hover{width:34px;height:34px;top:-17px;left:-17px;background:rgba(72,88,70,.22)}@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1.11)}}@keyframes heroPan{from{transform:scale(1.11) translateX(-1.5%)}to{transform:scale(1.05) translateX(1%)}}@keyframes captionIn{to{opacity:1;transform:none}}
@media(max-width:900px){body{font-size:14px}.site-header{height:72px;padding:14px 22px}.brand{font-size:21px}.menu-button{display:flex;position:relative;width:42px;height:36px;padding:4px;flex-direction:column;gap:5px;align-items:flex-end;z-index:2}.menu-button span{width:25px;border-top:1px solid}.menu-button b{font:7px var(--sans);letter-spacing:.2em}.nav{position:fixed;inset:0;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:25px;font-family:var(--serif);font-size:17px;opacity:0;visibility:hidden;transition:.4s}.menu-open{overflow:hidden}.menu-open .nav{opacity:1;visibility:visible}.nav-cta{font-size:12px}.hero{min-height:600px}.hero figcaption{left:8vw;bottom:19%}.hero figcaption span{font-size:clamp(31px,9vw,46px)}.hero-ui{bottom:8%;right:6vw}.hero-dots button{width:18px}.scroll-cue{display:none}.news{display:block;padding:28px 7vw}.news .eyebrow{margin-bottom:12px}.news a{grid-template-columns:90px 1fr}.news b{display:none}.section{padding:90px 7vw}.concept{min-height:620px}.concept-copy{width:auto;margin:0}.concept h1,.section-head h2,.atelier h2,.workshop h2,.contact h2{font-size:34px}.word-ribbon{font-size:45px;bottom:35px}.section-head{margin-bottom:50px}.category-grid{gap:65px 5vw}.category-card:nth-child(even){margin-top:80px}.category-card .image-wrap{height:55vw}.category-card .image-wrap:not(.portrait){height:42vw}.category-card>div:last-child{padding-left:0}.category-card small{display:none}.category-card h3{font-size:17px}.look-grid{grid-template-columns:1fr 1fr;grid-template-rows:450px 340px;gap:75px 5vw}.look-a,.look-d{grid-row:auto}.look-b{margin-top:55px}.look-c{grid-row:auto}.atelier{grid-template-columns:1fr;padding-left:7vw;padding-right:7vw}.atelier-image{height:70vw;max-height:600px}.atelier-copy{max-width:650px}.shop-main{height:60vw}.shop-sub{height:48vw}.workshop{grid-template-columns:1fr}.workshop-copy{padding:0}.workshop-image{height:65vw}.access{grid-template-columns:1fr}.access-info{padding:80px 9vw}.map{min-height:420px}.contact{grid-template-columns:1fr}.contact-intro{padding:0}.contact-form{max-width:none}footer{grid-template-columns:1.5fr 1fr}.footer-nav{display:none}}
@media(max-width:560px){.hero-slide img{object-position:center}.hero-slide:nth-child(1) img,.hero-slide:nth-child(3) img{object-position:58% center}.hero-slide:nth-child(5) img{object-position:45% center}.hero figcaption small{margin-bottom:10px}.hero-toggle{display:none}.section{padding:78px 6vw}.concept{padding-top:90px}.category-grid{grid-template-columns:1fr;gap:65px}.category-card:nth-child(even){margin-top:0}.category-card .image-wrap,.category-card .image-wrap:not(.portrait){height:108vw;max-height:560px}.category-card:nth-child(2) .image-wrap,.category-card:nth-child(4) .image-wrap{height:73vw}.look-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100vw 65vw 100vw;gap:65px 12px}.look-a{grid-column:1/-1}.look-b{margin-top:0}.look-c{grid-row:auto}.look-d{grid-column:1/-1}.look figcaption span{font-size:8px}.atelier-image{height:105vw}.shop-gallery{grid-template-columns:1fr}.shop-main{height:72vw}.shop-sub{height:82vw;margin-bottom:0!important;width:80%;margin-left:auto!important}.workshop-image{height:75vw}.workshop-image span{width:80px;height:80px;left:-10px;top:-30px}.access-info{padding:70px 7vw}.map{min-height:350px}.contact{gap:55px}.contact-form label{display:block}.contact-form input,.contact-form select,.contact-form textarea{display:block;margin-top:8px}.contact-form label span{display:inline-block}.contact-form .button{width:100%}footer{grid-template-columns:1fr}.social{flex-direction:row;gap:25px}.cursor-dot{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide,.hero-slide img,.hero figcaption span,.reveal{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
