@font-face{font-family:YotoSans;src:url('fonts/yoto-sans-jp.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:YotoSerif;src:url('fonts/yoto-serif-jp.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f4f0e7;--ink:#242923;--muted:#64685e;--line:#d0d0c4;--gold:#b79b6b;--serif:YotoSerif,'Noto Serif CJK JP','Yu Mincho',serif;--sans:YotoSans,'Noto Sans CJK JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.9 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a77325;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2,h3{font-family:var(--serif)}img{display:block;width:100%;height:auto}::selection{background:#cdb996;color:#1c231b}[hidden]{display:none!important}.skip-link{position:absolute;left:10px;top:-100px;z-index:20;background:white;color:#242923;padding:12px 20px}.skip-link:focus{top:10px}.concept-notice{height:33px;display:flex;justify-content:center;align-items:center;gap:25px;color:#625c4f;background:#e6dfcf;font-size:9px;letter-spacing:.1em}.concept-notice span{font-size:10px;letter-spacing:.04em}.site-header{position:absolute;top:33px;left:0;right:0;z-index:2;height:106px;color:#f8f2e9;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #fff3}.brand{display:flex;align-items:center;gap:22px;flex-shrink:0;width:220px;white-space:nowrap}.brand-jp{flex-shrink:0;font:35px/1 var(--serif);letter-spacing:.14em}.brand-en{flex-shrink:0;font:17px/1.4 Georgia,serif;letter-spacing:.22em}.brand-en span{font:7px/2 var(--sans);display:block;letter-spacing:.12em}.site-header nav{display:flex;width:365px;flex-shrink:0;justify-content:space-between;gap:0;align-items:center;font-size:11px;letter-spacing:.12em}.site-header nav a{padding:14px 0;white-space:nowrap;flex-shrink:0}.site-header nav a:last-child{border:1px solid #fff6;border-radius:40px;padding:9px 23px}.site-header nav span{margin-left:18px}.hero{height:820px;position:relative;overflow:hidden;color:#fff8eb;background:#3f3a2e}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(23,27,23,.67),rgba(23,27,23,.12) 56%,rgba(23,27,23,0)),url('hero.webp');background-size:cover;background-position:center 57%}.hero-content{position:relative;z-index:1;padding:228px 0 0 8.2%}.eyebrow{font-size:10px;letter-spacing:.18em;line-height:1.7}.hero-eyebrow{display:flex;align-items:center;gap:14px;font-size:9px}.hero-eyebrow span{width:27px;height:1px;background:#e5d1aa}h1{font-size:66px;line-height:1.6;letter-spacing:.09em;margin:24px 0}.hero-lead{font-size:13px;letter-spacing:.11em;line-height:2.3}.pill-link{display:inline-flex;gap:20px;align-items:center;justify-content:space-between;width:230px;max-width:100%;padding:13px 24px;border:1px solid;border-radius:50px;font-size:11px;letter-spacing:.12em;margin-top:31px;transition:background .2s,color .2s}.pill-link span{font-size:17px}.pill-link.light{border-color:#f4f0e78c}.pill-link.light:hover{background:#f4f0e7;color:var(--ink)}.hero-meta{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.17em;opacity:.75}.hero-side{position:absolute;right:29px;top:49%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;color:#f3e7d3}.intro-strip{height:111px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line)}.intro-strip>p:first-child{font-family:var(--serif);font-size:14px;letter-spacing:.17em}.intro-strip>p:nth-child(2){font-family:var(--serif);font-size:18px;letter-spacing:.15em}.intro-strip p:nth-child(2) span{margin-left:18px}.strip-end{font-size:8px;letter-spacing:.13em}.strip-end span{font-size:23px;margin-left:45px}.section-wrap{padding:110px 8.2%}.story{display:flex;position:relative;overflow:hidden;gap:12%;padding-top:128px;padding-bottom:130px}.section-label{flex:0 0 25%;padding-top:5px;font-size:10px;letter-spacing:.12em}.section-label span{display:block;font-size:9px;color:var(--muted);margin-bottom:16px;letter-spacing:.16em}.story-copy{position:relative;z-index:1}.story h2{font-size:36px;letter-spacing:.1em;line-height:1.7;margin-bottom:37px}.story-copy>p{line-height:2.5;font-size:13px;letter-spacing:.07em;margin-bottom:24px}.story-number{position:absolute;right:3%;bottom:-53px;font:360px/1.2 var(--serif);color:#e8e4da;z-index:0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:46px}.section-heading h2{font-size:34px;line-height:1.6;letter-spacing:.07em;margin-top:17px}.section-aside{font-size:12px;line-height:2.2;letter-spacing:.05em;color:var(--muted);padding-bottom:5px}.scenes{background:#eae8df;padding-top:94px;padding-bottom:95px}.lifestyle-figure{position:relative}.lifestyle-figure img{height:490px;object-fit:cover;object-position:center 60%}.lifestyle-figure figcaption{display:flex;justify-content:space-between;color:#66695e;font-size:8px;letter-spacing:.1em;padding-top:12px}.scene-list{display:flex;gap:40px;margin-top:52px}.scene-list article{width:33.333%;display:flex;gap:23px;padding-top:22px;border-top:1px solid #b6baad}.scene-index{font:17px/1.4 Georgia,serif;color:#6b7364}.mini-label{font-size:8px;letter-spacing:.16em;margin:1px 0 12px;color:#656d5f}.scene-list h3{font-size:21px;letter-spacing:.05em;margin-bottom:15px}.scene-list article p:last-child{font-size:11px;line-height:2.2;color:#61685e}.design{display:grid;grid-template-columns:1fr 1fr;background:#f8f5ed;align-items:stretch}.design-visual{position:relative;background:#e8e1d5;min-height:830px;overflow:hidden}.design-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.design-visual p{position:absolute;bottom:28px;left:35px;font-size:9px;letter-spacing:.18em;color:#525647}.design-copy{padding:87px 12% 80px}.design h2{font-size:29px;line-height:1.7;margin:20px 0 26px;letter-spacing:.03em}.design-intro{font-size:12px;line-height:2.2;margin-bottom:33px;color:#69705f}.feature{display:flex;gap:22px;padding:19px 0;border-top:1px solid var(--line)}.feature>span{font:14px/1.6 Georgia,serif;color:#7b826d}.feature h3{font-size:17px;margin-bottom:8px}.feature p{font-size:11px;line-height:2;color:#646c5d}.small-note{font-size:10px;line-height:1.9;color:#64685e;margin-top:19px}.try-section{padding-top:110px}.try-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:8%;align-items:center}.lamp-stage{height:460px;background:#333b32;position:relative;overflow:hidden;transition:background .6s;--lamp-color:#bfb39a;--lamp-edge:#746d5c}.stage-glow{position:absolute;width:400px;height:400px;top:43px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#be85313d,transparent 68%);opacity:1;transition:opacity .5s}.lamp-drawing{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:92%;height:390px}.lamp-arch{stroke:var(--lamp-color);stroke-width:27px;fill:none}.lamp-base{fill:var(--lamp-color)}.lamp-button{stroke:var(--lamp-edge);fill:var(--lamp-color);stroke-width:1.7px}.lamp-shade{fill:url(#shade-light)}.lamp-shadow{fill:#141d15;opacity:.4}.stage-caption{position:absolute;bottom:20px;left:24px;right:24px;font-size:8px;letter-spacing:.1em;color:#ddd7c7;display:flex;justify-content:space-between}.stage-caption span{font-size:9px}.lamp-stage[data-color=charcoal]{--lamp-color:#676b61;--lamp-edge:#323c30}.lamp-stage[data-color=clay]{--lamp-color:#b17a5e;--lamp-edge:#744e3c}.lamp-stage[data-scene=day]{background:#e8e6dc}.lamp-stage[data-scene=day] .lamp-shade{fill:url(#shade-off)}.lamp-stage[data-scene=day] .stage-glow{opacity:0}.lamp-stage[data-scene=day] .stage-caption{color:#646a5e}.try-controls h3{font-size:29px;line-height:1.65;margin:18px 0 25px;letter-spacing:.03em}.color-name{font:23px/1.7 Georgia,serif}.color-name span{font:10px/1.7 var(--sans);margin-left:16px;letter-spacing:.12em;color:var(--muted)}.swatches{display:flex;gap:12px;margin:21px 0 31px}.swatch{height:48px;width:48px;border:1px solid transparent;border-radius:50%;padding:7px;background:transparent}.swatch span{display:block;height:100%;width:100%;border-radius:50%}.swatch[aria-pressed=true]{border-color:#58604d}.swatch.sand span{background:#c3b69e}.swatch.charcoal span{background:#63695e}.swatch.clay span{background:#b17a5e}.light-toggle{display:flex;min-height:46px;border:1px solid #adb2a1;border-radius:3px;margin-bottom:20px;width:max-content}.light-toggle button{display:block;min-height:44px;line-height:1.5;white-space:nowrap;padding:10px 19px;background:transparent;border:0;font-size:11px}.light-toggle button[aria-pressed=true]{background:#35402f;color:#fffaf0}.try-note,.no-script{font-size:10px;line-height:2;color:#64685e}.palette-static{font-size:11px;margin:12px 0 25px;color:#64685e}.ritual{display:flex;gap:12%;padding-top:60px;padding-bottom:110px;border-bottom:1px solid var(--line)}.ritual-body{flex:1}.ritual h2{font-size:27px;letter-spacing:.05em}.ritual-steps{display:flex;gap:25px;margin-top:36px}.ritual-steps article{flex:1}.ritual-steps article>span{font:25px/1 Georgia,serif;color:#9ba18e}.ritual-steps h3{font-size:17px;margin:17px 0 9px}.ritual-steps p{font-size:11px;line-height:2;color:#646c5b}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:9%;padding-top:97px;padding-bottom:100px}.faq h2{font-size:25px;line-height:1.7;margin-top:16px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:12px;list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:16px;flex-shrink:0}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:11px;line-height:2.1;color:#6b7162;padding:16px 24px 4px 0}.closing{background:#252e24;color:#f4f0e7;position:relative;overflow:hidden;text-align:center;padding:99px 25px 89px}.closing>div{position:relative;z-index:1}.closing h2{font-size:37px;line-height:1.7;letter-spacing:.1em;margin-top:22px}.closing .pill-link{width:315px}.closing-note{font-size:9px;letter-spacing:.08em;color:#b2b8a7;margin-top:20px}.closing-mark{position:absolute;right:-30px;bottom:-62px;font:270px/1.3 var(--serif);letter-spacing:.03em;color:#30382d}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:42px 5.5% 45px}footer p{font-size:8px;line-height:2;letter-spacing:.04em;color:#64685e}.footer-brand{font:25px/1.3 var(--serif);letter-spacing:.15em}.footer-brand span{font:11px Georgia,serif;letter-spacing:.2em;margin-left:16px}.mobile-cta{display:none}
@media(min-width:1700px){.hero{height:900px}.hero-content{padding-top:260px}.section-wrap{padding-left:max(8.2%,calc((100% - 1400px)/2));padding-right:max(8.2%,calc((100% - 1400px)/2))}}
@media(max-width:1000px){.site-header{padding:0 5%}.site-header nav{width:330px;gap:0}.hero{height:780px}.hero-content{padding-left:7%;padding-top:215px}.hero-photo{background-position:58% center}h1{font-size:53px}.section-wrap{padding-left:7%;padding-right:7%}.story{gap:8%}.story h2{font-size:31px}.scene-list{gap:23px}.scene-list article{gap:12px}.scene-list h3{font-size:17px}.design-copy{padding:66px 9%}.design h2{font-size:24px}.design-visual{min-height:820px}.try-layout{gap:7%;grid-template-columns:1.2fr 1fr}.try-controls h3{font-size:26px}.lamp-stage{height:400px}.lamp-drawing{height:340px}.ritual{gap:8%}.faq{gap:6%;grid-template-columns:1fr 1.5fr}.faq h2{font-size:22px}}
@media(max-width:700px){.concept-notice{height:43px;display:block;text-align:center;line-height:1.65;font-size:7px;padding:6px 9px;letter-spacing:.07em}.concept-notice span{display:block;font-size:8px}.site-header{top:43px;height:84px;padding:0 24px}.brand{gap:13px;width:155px}.brand-jp{font-size:29px}.brand-en{font-size:13px}.brand-en span{font-size:5px}.site-header nav{width:auto;gap:0}.site-header nav a{display:none}.site-header nav a:last-child{display:block;font-size:9px;padding:7px 12px}.site-header nav span{margin-left:9px}.hero{height:835px}.hero-photo{background-image:linear-gradient(180deg,#292e28 0%,#292e28 22%,rgba(26,32,26,.50) 43%,transparent 66%,rgba(26,32,26,.24)),url('hero.webp');background-position:center,80% bottom;background-size:100% 100%,auto 670px;background-repeat:no-repeat;background-color:#3f3a31}.hero-content{padding:137px 27px 0}.hero-eyebrow{font-size:6.5px;letter-spacing:.13em;gap:10px}.hero-eyebrow span{width:17px}h1{font-size:clamp(31px,9.45vw,43px);line-height:1.55;margin:21px 0 17px;letter-spacing:.08em}.hero-lead{font-size:12px;line-height:2.2;letter-spacing:.06em}.pill-link{font-size:9px;padding:10px 19px;gap:30px;margin-top:24px}.pill-link span{font-size:15px}.hero-meta{left:27px;right:27px;bottom:20px;font-size:6px;letter-spacing:.07em}.hero-meta p:last-child{max-width:110px;text-align:right}.hero-side{display:none}.intro-strip{height:112px;padding:21px 27px;display:block}.intro-strip>p:first-child{font-size:10px;letter-spacing:.1em;margin-bottom:11px}.intro-strip>p:nth-child(2){font-size:14px;letter-spacing:.03em}.intro-strip p:nth-child(2) span{margin-left:6px}.strip-end{display:none}.section-wrap{padding:70px 27px}.story{display:block;padding-top:75px;padding-bottom:68px}.section-label{padding:0}.section-label span{font-size:8px;margin-bottom:10px}.section-label p{font-size:10px}.story-copy{margin-top:38px}.story h2{font-size:26px;line-height:1.7;letter-spacing:.05em;margin-bottom:29px}.story-copy>p{font-size:13px;line-height:2.4;margin-bottom:22px}.story-number{font-size:235px;right:-45px;bottom:-25px}.section-heading{display:block;margin-bottom:28px}.eyebrow{font-size:8px}.section-heading h2{font-size:27px;line-height:1.6;letter-spacing:.04em;margin-top:13px}.section-aside{font-size:10px;line-height:2.1;margin-top:22px;padding:0}.scenes{padding-top:67px;padding-bottom:53px}.lifestyle-figure{margin:0 -27px}.lifestyle-figure img{height:380px;object-position:62% center}.lifestyle-figure figcaption{padding:11px 27px 0;font-size:6px;letter-spacing:.04em;gap:10px}.lifestyle-figure figcaption span:last-child{text-align:right}.scene-list{display:block;margin-top:26px}.scene-list article{width:100%;padding:23px 0;gap:23px}.scene-index{font-size:15px}.scene-list h3{font-size:21px;margin-bottom:9px}.mini-label{font-size:7px;margin-bottom:7px}.scene-list article p:last-child{font-size:12px;line-height:2}.design{display:flex;flex-direction:column}.design-visual{min-height:0;height:430px;order:1}.design-visual img{object-position:center}.design-visual p{font-size:8px;bottom:20px;left:27px}.design-copy{padding:64px 27px 46px;order:0}.design h2{font-size:27px;margin:15px 0 23px}.design-intro{font-size:12px;margin-bottom:27px}.feature{gap:18px;padding:18px 0}.feature h3{font-size:17px}.feature p{font-size:12px}.small-note{font-size:9px;line-height:1.9}.try-section{padding-top:64px;padding-bottom:55px}.try-layout{display:block}.lamp-stage{height:335px;margin:0 -27px}.lamp-drawing{height:302px;width:86%;top:-3px}.stage-glow{height:310px;width:310px;top:5px}.stage-caption{font-size:7px;left:27px;right:27px;bottom:18px}.stage-caption span{font-size:8px}.try-controls{padding-top:33px}.try-controls h3{font-size:25px;margin:15px 0 22px}.color-name{font-size:22px}.swatches{margin:15px 0 22px}.swatch{height:48px;width:48px}.light-toggle{width:100%;margin-bottom:17px}.light-toggle button{width:50%;padding:13px 10px;font-size:11px}.try-note{font-size:9px}.ritual{display:block;padding-top:26px;padding-bottom:65px}.ritual-body{margin-top:29px}.ritual h2{font-size:23px}.ritual-steps{display:block;margin-top:27px}.ritual-steps article{position:relative;padding:0 0 24px 45px}.ritual-steps article>span{font-size:23px;position:absolute;left:0;top:5px}.ritual-steps h3{font-size:18px;margin:0 0 6px}.ritual-steps p{font-size:12px}.ritual .small-note{margin-top:0}.faq{display:block;padding-top:59px;padding-bottom:64px}.faq h2{font-size:24px;margin:13px 0 29px}.faq summary{font-size:12px;line-height:2}.faq details{padding:18px 0}.faq details p{font-size:12px;padding-right:10px}.closing{padding:68px 27px 60px}.closing h2{font-size:26px;letter-spacing:.03em;margin-top:19px}.closing .eyebrow{font-size:6.5px;letter-spacing:.13em}.closing .pill-link{font-size:10px}.closing-note{font-size:8px}.closing-mark{font-size:150px;bottom:-15px;right:-20px}footer{display:block;padding:34px 27px 105px}.footer-brand{font-size:24px}footer p{font-size:8px;margin-top:19px}footer p:last-child{font-size:7px;margin-top:11px}.mobile-cta{display:flex;position:fixed;z-index:3;bottom:12px;left:17px;right:17px;justify-content:space-between;align-items:center;background:#e9dfc7;color:#2b3528;border:1px solid #c5bda7;border-radius:50px;padding:13px 24px;box-shadow:0 4px 20px #0002;font-size:11px;letter-spacing:.04em}.mobile-cta small{font-size:8px;margin-left:13px;color:#616b57}.mobile-cta>span:last-child{font-size:18px}html{scroll-padding-top:24px}}
@media(max-width:360px){.site-header{padding:0 20px}.brand-en span{display:none}.hero-content{padding-left:24px;padding-right:20px}h1{font-size:31px}.hero{height:800px}.hero-photo{background-size:100% 100%,auto 635px}.hero-eyebrow{font-size:6px}.intro-strip{padding-left:24px;padding-right:24px}.intro-strip>p:nth-child(2){font-size:12px}.section-wrap{padding-left:24px;padding-right:24px}.lifestyle-figure,.lamp-stage{margin-left:-24px;margin-right:-24px}.story h2,.section-heading h2,.design h2{font-size:24px}.closing h2{font-size:23px}.faq h2{font-size:22px}.mobile-cta{left:12px;right:12px}.mobile-cta small{margin-left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}