.top-sequence{height:calc(100svh + 600px);min-height:1140px;position:relative;}.top-sticky{min-height:600px;max-height:1050px;position:sticky;isolation:isolate;overflow:hidden;}.top-background{position:absolute;inset:0;z-index:-1;background:var(--paper);background-size:cover;background-position:center;}.top-content{height:100%;display:flex;flex-direction:column;padding:30px 4.5% 30px;}.top-eyebrow{display:none;}.mobile-break{display:none;}.hero-object-area{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:360px;padding:48px 80px 44px;}.hero-aside{font:500 clamp(16px,1.4vw,24px)/1.85 var(--serif);letter-spacing:.18em;position:absolute;left:0;top:52px;margin:0;}.hero-aside:before{content:'';display:block;width:33px;height:1px;background:var(--accent);margin-bottom:20px;}.top-frame{width:min(55vw,calc((100svh - 335px)*1.46),710px);aspect-ratio:640/438;min-width:350px;}.puzzle-seams{position:absolute;inset:0;width:100%;height:100%;opacity:.25;mix-blend-mode:multiply;pointer-events:none;}.hero-side-label{position:absolute;right:5px;top:76px;display:flex;align-items:center;gap:18px;writing-mode:vertical-rl;color:#666d67;font-size:11px;letter-spacing:.18em;}.hero-side-label i{display:block;width:1px;height:120px;background:linear-gradient(#bbb,var(--accent),#bbb);}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;font-size:10px;color:var(--muted);letter-spacing:.08em;padding-top:8px;}.hero-art-credit{flex:1;}.hero-index{flex:1;}.hero-index{text-align:right;}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--ink);font-size:12px;letter-spacing:.15em;}.down-arrow{color:var(--accent);font-size:24px;line-height:1;}.top-end{position:absolute;bottom:14svh;height:1px;width:1px;}.completion-flash{position:fixed;inset:0;z-index:100;pointer-events:none;background:#fff;opacity:0;}.introduction{padding:110px 15%;display:grid;grid-template-columns:1fr 1fr;column-gap:12%;row-gap:25px;background:#ecefeb;}.introduction .eyebrow{grid-column:1/-1;color:#747a74;}.introduction h2{font:500 clamp(30px,3.4vw,50px)/1.6 var(--serif);margin:0;letter-spacing:.06em;}.introduction>p:not(.eyebrow){line-height:2.2;letter-spacing:.09em;margin:10px 0 0;}.yohaku-section{background:#fff;padding:60px 5.5% 110px;scroll-margin-top:12px;}.section-topline{font-size:10px;letter-spacing:.12em;display:flex;justify-content:space-between;color:#7c827c;padding-bottom:18px;border-bottom:1px solid var(--line);}.yohaku-heading{display:flex;justify-content:space-between;padding:44px 0 32px;}.yohaku-heading h2{font:500 22px/1.6 var(--serif);letter-spacing:.12em;margin:0;}.yohaku-heading>p{line-height:2;letter-spacing:.08em;margin:0 0 4px;color:#686e68;}.preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:34px;}.room-scene{position:relative;aspect-ratio:3/2;background:#f0f2f2;isolation:isolate;overflow:hidden;}.room-frame{position:absolute;transition:width .4s,height .4s,top .4s,left .4s;--inset-x:2.4%;--inset-y:3.2%;}.room-frame .art-plane{box-shadow:3px 7px 10px #252b2933;}.room-frame .frame-rails{filter:drop-shadow(2px 5px 4px #252b2933);}.room-caption{position:absolute;left:18px;bottom:16px;background:#ffffffde;padding:8px 13px;letter-spacing:.09em;}.scene-caption{display:flex;justify-content:space-between;gap:10px;letter-spacing:.05em;color:#767d77;padding-top:15px;}.scene-caption [data-selection-summary]{color:#3e4841;}.configurator fieldset{border:0;margin:0 0 25px;padding:0;min-width:0;}.configurator legend{letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;margin-bottom:13px;}.configurator legend>span{color:#828981;}.finish-options{display:flex;gap:14px;}.finish-options button{background:none;border:0;position:relative;padding:3px 3px 0;min-width:51px;display:flex;flex-direction:column;align-items:center;gap:8px;}.swatch{width:33px;height:33px;display:block;border-radius:50%;box-shadow:inset 0 0 0 1px #00000014;}.swatch.white{background:#f5f6f6;}.swatch.black{background:linear-gradient(125deg,#363b3e,#111415);}.swatch.silver{background:linear-gradient(125deg,#8b9294,#e4e8e9 43%,#a9b0b1 55%,#dce1e2);}.finish-options [aria-pressed=true] .swatch{outline:1px solid #48504a;outline-offset:4px;}.finish-options [aria-pressed=true]{font-weight:600;}.size-options{display:flex;flex-direction:column;gap:6px;}.size-options button{display:flex;align-items:center;justify-content:space-between;padding:12px 12px;border:1px solid #e0e4e0;background:#fff;min-height:47px;text-align:left;}.size-options b{font-size:16px;font-weight:500;font-family:Arial,sans-serif;letter-spacing:.025em;}.size-options small{color:#737b74;white-space:nowrap;}.size-options [aria-pressed=true]{border-color:#606c63;background:#f1f4f1;}.field-note{color:#858b85;line-height:1.6;margin:8px 0 0;}.range-labels{display:flex;justify-content:space-between;color:#858c86;}@media(min-width:1500px){.preview-layout{grid-template-columns:minmax(0,1fr) 290px;gap:50px;}.yohaku-section{padding-left:9%;padding-right:9%;}.size-options button{font-size:12px;}.configurator legend{font-size:12px;}}@media(max-width:1000px){.hero-art-credit{font-size:9px;}.hero-index{display:none;}.hero-bottom{justify-content:center;}.hero-art-credit{position:absolute;left:4.5%;bottom:27px;max-width:180px;}.hero-aside{font-size:16px;}.preview-layout{gap:24px;grid-template-columns:minmax(0,1fr) 224px;}.introduction{padding:90px 10%;column-gap:9%;}}@media(max-width:760px){.top-sequence{height:calc(100svh + 440px);}.top-content{padding:28px 6% 35px;}.top-eyebrow{display:block;text-align:center;font-size:8px;margin-bottom:18px;letter-spacing:.16em;}.mobile-break{display:initial;}.top-frame{min-width:0;}.hero-aside{top:auto;left:-1px;letter-spacing:.1em;}.hero-aside:before{width:19px;margin-bottom:10px;}.hero-side-label{display:none;}.hero-bottom{position:relative;justify-content:center;padding:26px 0 0;}.hero-art-credit{left:auto;bottom:-18px;max-width:none;font-size:8px;}.scroll-cue{font-size:10px;gap:8px;}.introduction{grid-template-columns:1fr;gap:22px;padding:70px 8%;}.introduction .eyebrow{grid-column:auto;}.introduction h2{font-size:33px;}.yohaku-section{padding:34px 6% 70px;}.section-topline{font-size:9px;padding-bottom:14px;}.yohaku-heading{align-items:flex-start;gap:20px;}.preview-layout{grid-template-columns:1fr;}.room-caption{left:11px;bottom:10px;padding:6px 10px;}.configurator fieldset{margin:0;}.configurator fieldset:nth-child(2){grid-column:2;grid-row:1/3;}.finish-options button{font-size:10px;}.swatch{width:29px;height:29px;}.size-options button{padding:10px 8px;gap:4px;flex-wrap:wrap;}.size-options b{font-size:14px;}}@media(max-width:380px){.yohaku-heading{display:block;}.yohaku-heading>p{padding-top:15px;max-width:none;}.yohaku-heading>p br{display:none;}.configurator{gap:20px 14px;}.scene-caption{flex-wrap:wrap;}.hero-aside{font-size:11px;}.hero-object-area{padding-left:16px;padding-right:16px;}.top-frame{width:86%;}}.wall-scene{--wall-color:#f2f3f2;--texture-opacity:.042;isolation:isolate;}.wall-base{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}.wall-texture{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}.wall-daylight{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}.wall-base{background:var(--wall-color);}.wall-texture{mix-blend-mode:multiply;opacity:var(--texture-opacity);}.wall-controls{border-top:1px solid #e1e5e1;padding-top:22px;}.texture-control label{display:flex;justify-content:space-between;gap:8px;}.texture-control label span{color:#798179;}.texture-control input{display:block;width:100%;height:22px;margin:8px 0 0;accent-color:#45594b;}.wall-controls .wall-color-field{margin:0;}.texture-control{margin-top:24px;}.wall-color-options{display:flex;justify-content:space-between;gap:6px;padding:4px;}.wall-color-options button{border:1px solid #00000016;background:var(--chip);width:28px;height:28px;border-radius:50%;padding:0;flex-shrink:0;}.wall-color-options [aria-pressed=true]{outline:1px solid #48504a;outline-offset:3px;}.custom-color-label{display:flex;gap:9px;align-items:center;border:1px solid #e0e4e0;padding:9px 8px;cursor:pointer;margin-top:13px;}.custom-color-label input{width:24px;height:24px;padding:0;border:0;background:none;cursor:pointer;}.custom-color-label input::-webkit-color-swatch-wrapper{padding:0;}.custom-color-label input::-webkit-color-swatch{border:1px solid #00000020;border-radius:3px;}.custom-color-label [data-wall-hex]{margin-left:auto;color:#828b83;font-size:9px;font-family:Arial,sans-serif;}.scene-caption{line-height:1.6;}@media(max-width:760px){.room-column{background:#fff;padding-top:6px;padding-bottom:8px;}.configurator{margin-top:28px;}.wall-controls{grid-column:1/-1;display:block;}.wall-controls .wall-color-field{grid-column:1/-1;margin:0;}.wall-color-options button{width:30px;height:30px;}.custom-color-label{min-height:42px;}.custom-color-label [data-wall-hex]{font-size:10px;}.wall-controls .texture-control label{flex-direction:row;gap:10px;}.wall-controls .texture-control input{margin-top:15px;}.wall-color-field legend{margin-bottom:10px;}.wall-controls .wall-color-field legend{grid-column:auto;}}.scene-tabs{display:flex;gap:15px;padding:0 0 16px;background:#fff;}.scene-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;flex:1;border:0;border-bottom:2px solid #e0e5e0;background:#fff;padding:0 0 11px;color:#687168;font-size:14px;min-width:0;}.scene-tabs button img{width:64px;height:44px;object-fit:cover;}.scene-tabs [aria-pressed=true]{border-color:#34483b;color:#243729;}.scene-tabs [aria-pressed=true] span{font-weight:600;}.scene-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;}.editable-wall{position:absolute;inset:0;pointer-events:none;}.scene-credit{font-size:12px;color:#68736b;display:block;margin-top:10px;text-decoration:underline;text-underline-offset:3px;}.scene-credit[hidden]{display:none;}.wall-daylight{background:linear-gradient(112deg,#ffffff20 0%,#ffffff02 35%,#1823200e 100%);}.configurator legend{font-size:14px;}.configurator legend>span{font-size:12px;}.finish-options button{font-size:12px;}.size-options button{font-size:12px;}.size-options small{font-size:12px;}.texture-control label{font-size:13px;}.texture-control label span{font-size:12px;}.custom-color-label{font-size:12px;}.field-note{font-size:12px;}.range-labels{font-size:11px;}.scene-caption{font-size:12px;flex-wrap:wrap;}.scene-caption span:last-child{font-size:11px;}.room-caption{font-size:12px;}.yohaku-heading>p{font-size:14px;}.configurator fieldset{margin-bottom:25px;}.size-options button{flex-wrap:wrap;gap:6px;}.room-column{top:16px;}@media(max-width:760px){.yohaku-heading{display:block;padding:30px 0 24px;}.yohaku-heading h2{font-size:20px;letter-spacing:.07em;}.yohaku-heading>p{max-width:none;font-size:12px;line-height:1.8;}.yohaku-heading>p br{display:none;}.scene-tabs{gap:9px;padding-bottom:10px;}.scene-tabs button{font-size:12px;gap:6px;padding-bottom:9px;}.scene-tabs button img{width:38px;height:30px;}.scene-caption{font-size:11px;gap:4px;padding-top:9px;}.scene-caption span:last-child{font-size:10px;}.room-column{top:0;}.room-caption{font-size:10px;}.configurator legend{font-size:13px;}.configurator legend>span{font-size:11px;}.size-options button{font-size:12px;min-height:65px;}.size-options small{font-size:11px;}.field-note{font-size:11px;}.texture-control label{font-size:12px;}.texture-control label span{font-size:11px;}.custom-color-label{font-size:12px;}.scene-credit{font-size:11px;}.wall-controls .wall-color-field{margin-top:0;}}.editable-wall{clip-path:none;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;}.wall-daylight.photo-shadows{background-size:cover;mix-blend-mode:multiply;filter:grayscale(1) brightness(1.25);}@media(prefers-reduced-motion:reduce){.completion-flash{display:none;}.room-frame{transition:none;}}.yohaku-identity{display:flex;align-items:center;gap:30px;min-width:0;}.yohaku-logo{display:block;flex:0 0 auto;width:112px;height:auto;aspect-ratio:286/362;}.yohaku-identity h2 span{display:inline-block;}.yohaku-heading{align-items:center;gap:30px;}@media(max-width:760px){.yohaku-identity{gap:20px;}.yohaku-logo{width:84px;}.yohaku-identity h2{flex:1;font-size:20px;line-height:1.9;}.yohaku-heading>p{padding-top:22px;}}@media(max-width:380px){.yohaku-logo{width:76px;}.yohaku-identity{gap:16px;}.yohaku-identity h2{font-size:18px;}}.preview-track{position:relative;overflow-anchor:none;}.preview-track::after{content:"";display:block;height:clamp(280px,55svh,560px);}.preview-layout{position:sticky;top:28px;height:min(900px,calc(100svh - 48px));min-height:0;align-items:stretch;}.room-column{position:static;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;background:#fff;}.scene-tabs{flex-shrink:0;}.scene-caption{flex-shrink:0;}.scene-credit{flex-shrink:0;}.scene-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;background:#f4f5f4;}.scene-stage .wall-scene{flex-shrink:0;margin:0;max-width:100%;max-height:100%;}.configurator{height:100%;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-behavior:auto;scrollbar-gutter:stable;padding:8px 8px 20px;margin:0;scroll-padding-block:16px;}.configurator:focus-visible{outline:1px solid #7f8c82;outline-offset:5px;}.configurator button{scroll-margin-block:16px;}.configurator input{scroll-margin-block:16px;}.texture-control input{touch-action:none;}@media(max-width:760px){.preview-track::after{display:none;}.preview-layout{position:static;height:auto;display:flex;flex-direction:column;gap:16px;}.room-column{position:static;flex:none;height:auto;z-index:auto;}.scene-stage{flex:none;width:100%;height:auto;aspect-ratio:3/2;}.configurator{flex:none;height:auto;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:18px 14px;padding:8px 6px 20px;border-top:1px solid var(--line);}.configurator fieldset{margin-bottom:0;}.finish-options{gap:8px;}.finish-options button{flex:1;min-width:0;padding:3px 0 0;}.room-caption{max-width:calc(100% - 22px);line-height:1.45;}.wall-color-options{justify-content:space-between;gap:8px;}.wall-controls{padding-top:18px;}.scene-caption{line-height:1.45;}.scene-credit{margin-top:5px;}.texture-control input{touch-action:pan-y;}}@media(prefers-reduced-motion:reduce){.preview-track::after{height:0;}}@media(max-width:480px){.scene-tabs button img{display:none;}.scene-tabs button span{white-space:nowrap;}}@media(max-width:380px){.scene-tabs button img{width:28px;height:24px;}.scene-tabs button span{white-space:nowrap;}}.about-philosophy-title{font-size:clamp(28px,3vw,46px)!important;}.introduction>p:not(.eyebrow){font-size:16px;}.introduction .text-link{font-size:14px;}@media(max-width:760px){.introduction>p:not(.eyebrow){font-size:16px;}}@media(max-width:760px){.top-sequence{min-height:0;}.top-sticky{height:calc(var(--top-screen-height,100svh) - 80px);min-height:0;}.hero-object-area{min-height:0;padding:32px 18px 30px;}.top-frame{width:min(78vw,380px);max-width:100%;flex-shrink:0;}.hero-aside{bottom:0;font-size:11px;line-height:1.7;}.hero-bottom{flex-shrink:0;min-height:76px;padding-top:20px;}}@media(max-width:760px){.compact-top .top-content{padding-top:18px;padding-bottom:24px;}.compact-top .top-eyebrow{margin-bottom:10px;}.compact-top h1{font-size:clamp(28px,7.6vw,38px);line-height:1.5;}.compact-top .hero-object-area{padding-block:25px;}.compact-top .top-frame{width:min(70vw,calc((var(--top-screen-height,100svh) - 310px)*1.46));max-width:100%;}.compact-top .hero-aside{font-size:10px;line-height:1.5;}.compact-top .hero-aside:before{margin-bottom:6px;}.compact-top .hero-bottom{min-height:62px;padding-top:12px;}}.top-sticky{top:var(--site-header-height);height:calc(var(--top-screen-height,100svh) - var(--site-header-height));}@media(min-width:761px){.preview-layout{top:calc(var(--site-header-height) + 20px);height:min(900px,calc(100svh - var(--site-header-height) - 40px));}}.configurator{background:var(--paper);border:1px solid #e3e6e0;border-radius:6px;padding:22px 18px;}.configurator fieldset+fieldset{padding-top:20px;border-top:1px solid var(--line);}.configurator legend{line-height:1.7;}.size-options button{border-radius:3px;transition:background-color .18s,border-color .18s;}.size-options [aria-pressed=true]{border-color:#89968a;background:#e9eee7;}.size-options button:hover{border-color:#89968a;}.scene-tabs button{min-height:44px;transition:color .18s,border-color .18s;}.scene-tabs [aria-pressed=true]{border-bottom-color:var(--accent);}.scene-stage{border:1px solid #e7e9e5;}@media(max-width:760px){.configurator{padding:22px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;}.configurator fieldset+fieldset{padding-top:0;border-top:0;}.configurator .wall-controls{padding-top:22px;border-top:1px solid var(--line);}.scene-tabs button{font-size:13px;}}@media(min-width:761px){.top-sticky{min-height:0;}.hero-object-area{min-height:0;}.top-frame{width:min(50vw,calc((100svh - var(--site-header-height) - 270px)*1.22),680px);min-width:0;}}