@import url("project-visuals.css");
@import url("room-video-v1.css");
.lighting-v2{padding-top:110px!important;overflow:hidden}.lighting-v2>.page-code,.lighting-v2>.section-top{display:none!important}.lighting-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.lighting-heading small{font:9px Georgia,"Times New Roman",serif;letter-spacing:.18em;color:var(--muted)}.lighting-heading h2{font:300 clamp(34px,3.6vw,52px)/1.2 "Noto Serif SC";margin:0}.lighting-v2 .light-sheet{display:grid!important;grid-template-columns:10% 1fr 15%!important;gap:16px;align-items:center}.light-view-rail{height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px}.light-view-rail button{height:96px;position:relative;padding:0;border:0;background:#ddd;overflow:hidden;opacity:.48;transition:.3s}.light-view-rail button.active{opacity:1}.light-view-rail img{width:100%;height:100%;object-fit:cover}.light-view-rail span{position:absolute;right:7px;bottom:5px;color:#fff;font:8px monospace;text-shadow:0 1px 4px #000}.lighting-v2 .light-stage{height:min(54vw,680px)}.lighting-v2 .light-list{height:100%;display:flex;flex-direction:column;justify-content:center;gap:28px}.lighting-v2 .light-list button{border:0!important;background:transparent!important;padding:5px 0!important;display:flex!important;flex-direction:column!important;align-items:flex-start;color:#9a9c95!important}.lighting-v2 .light-list button.active{color:var(--ink)!important;transform:translateX(-8px)}.lighting-v2 .light-list b{font:400 17px/1 "Noto Serif SC"}.lighting-v2 .light-list small{font:8px Georgia,"Times New Roman",serif;letter-spacing:.15em;margin-top:6px}.lighting-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin:46px 15% 0 10%}.lighting-detail>div>small{font:10px Georgia,"Times New Roman",serif;letter-spacing:.16em;color:var(--muted)}.lighting-detail h3{font:300 29px/1.45 "Noto Serif SC";margin:10px 0}.lighting-detail>p{font:300 12px/2 "Noto Serif SC";color:var(--muted);margin:25px 0 0}.lighting-detail dl{margin:0}.lighting-detail dl div{padding:9px 0}.lighting-detail dt{font-size:10px;color:#999}.lighting-detail dd{font:13px "Noto Serif SC";margin:7px 0}.effect-head{display:flex;align-items:center;justify-content:space-between;margin:90px 0 20px}.effect-head>span{font:9px Georgia,"Times New Roman",serif;letter-spacing:.18em}.effect-switch{display:flex;gap:7px}.effect-switch button{border:0;border-radius:999px;background:#e2dfd7;padding:9px 17px;font-size:10px;color:var(--muted)}.effect-switch button.active{background:#52594d;color:#fff}.light-effects{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.light-effects figure{margin:0;opacity:.58;transition:.35s}.light-effects figure.active{opacity:1;transform:translateY(-7px)}.light-effects img{width:100%;height:240px;object-fit:cover}.light-effects .ambient img{filter:brightness(.62) sepia(.08)}.light-effects .spot img{filter:brightness(.42) contrast(1.08)}.light-effects .down img{filter:brightness(.72) contrast(.96)}.light-effects .social img{filter:brightness(.8) sepia(.16)}.light-effects figcaption{font:8px Georgia,"Times New Roman",serif;letter-spacing:.14em;color:var(--muted);padding-top:9px}
@media(max-width:760px){.lighting-v2{padding-top:86px!important}.lighting-heading{display:block}.lighting-heading h2{font-size:34px;margin-top:10px}.lighting-v2 .light-sheet{grid-template-columns:1fr!important}.light-view-rail{display:grid;grid-template-columns:repeat(3,1fr);height:auto}.light-view-rail button{height:72px}.lighting-v2 .light-list{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;height:auto}.lighting-v2 .light-list button{align-items:center;padding:12px 3px!important}.lighting-v2 .light-list button b{font-size:13px}.lighting-v2 .light-list button.active{transform:none;background:#e2dfd7!important}.lighting-v2 .light-stage{height:56vh}.lighting-detail{grid-template-columns:1fr;margin:34px 0 0}.lighting-detail>p{margin-top:0}.effect-head{display:block;margin-top:60px}.effect-switch{margin-top:15px;overflow-x:auto}.effect-switch button{white-space:nowrap}.light-effects{display:flex;overflow-x:auto}.light-effects figure{flex:0 0 75vw}.light-effects img{height:260px}}
.lighting-v2 .light-sheet{grid-template-columns:minmax(0,1fr) 15%!important;grid-template-rows:auto minmax(0,1fr);align-items:stretch!important}.lighting-v2 .light-view-rail{grid-column:1;grid-row:1;height:auto;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;gap:9px;margin-bottom:14px}.lighting-v2 .light-view-rail button{width:112px;height:72px}.lighting-v2 .light-stage{grid-column:1;grid-row:2}.lighting-v2 .light-list{grid-column:2;grid-row:1/3}
@media(max-width:760px){.lighting-v2 .light-sheet{grid-template-columns:1fr!important;grid-template-rows:auto auto auto}.lighting-v2 .light-view-rail{grid-column:1;grid-row:1;display:grid!important;grid-template-columns:repeat(3,1fr);margin-bottom:10px}.lighting-v2 .light-view-rail button{width:auto;height:72px}.lighting-v2 .light-stage{grid-column:1;grid-row:2}.lighting-v2 .light-list{grid-column:1;grid-row:3}}
.lighting-v2 .light-sheet{grid-template-columns:minmax(0,1fr) 10% 15%!important;grid-template-rows:minmax(0,1fr)!important;gap:16px!important;align-items:center!important}.lighting-v2 .light-stage{grid-column:1!important;grid-row:1!important}.lighting-v2 .light-view-rail{grid-column:2!important;grid-row:1!important;height:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;margin:0!important}.lighting-v2 .light-view-rail button{width:100%!important;height:96px!important}.lighting-v2 .light-list{grid-column:3!important;grid-row:1!important}
@media(max-width:760px){.lighting-v2 .light-sheet{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.lighting-v2 .light-view-rail{grid-column:1!important;grid-row:1!important;height:auto!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}.lighting-v2 .light-view-rail button{height:72px!important}.lighting-v2 .light-stage{grid-column:1!important;grid-row:2!important}.lighting-v2 .light-list{grid-column:1!important;grid-row:3!important}}
.lighting-v2 .light-sheet{grid-template-columns:minmax(0,1fr) 10% 17%!important;column-gap:22px!important}.lighting-v2 .light-list{align-items:flex-end!important;padding-left:18px}.lighting-v2 .light-list button{width:100%!important;align-items:flex-end!important;text-align:right!important;padding-right:0!important}.lighting-v2 .light-list button.active{transform:translateX(8px)!important}.lighting-v2 .light-list small,.lighting-v2 .light-list b{text-align:right!important}
@media(max-width:760px){.lighting-v2 .light-list{align-items:stretch!important;padding-left:0}.lighting-v2 .light-list button{align-items:center!important;text-align:center!important}.lighting-v2 .light-list button.active{transform:none!important}}
.lighting-v2 .lighting-detail>div,.lighting-v2 .lighting-detail>p,.lighting-v2 .lighting-detail>dl{text-align:center!important;justify-self:stretch!important}.lighting-v2 .lighting-detail dl div{text-align:center!important}
.lighting-v2 .lighting-detail{margin:46px 22% 0 0!important}
@media(max-width:760px){.lighting-v2 .lighting-detail{margin:34px 0 0!important}}
.lighting-v2 .light-effects{display:block!important;overflow:visible!important}.lighting-v2 .light-effect-group{display:none;gap:14px;overflow-x:auto;cursor:grab;user-select:none;scrollbar-width:none;overscroll-behavior-inline:contain;padding:8px 6.2vw 20px;margin:0 -6.2vw}.lighting-v2 .light-effect-group.active{display:flex}.lighting-v2 .light-effect-group::-webkit-scrollbar{display:none}.lighting-v2 .light-effect-group.dragging{cursor:grabbing}.lighting-v2 .light-effect-group figure{flex:0 0 min(54vw,720px);margin:0;opacity:1!important;transform:none!important;pointer-events:none}.lighting-v2 .light-effect-group figure:nth-child(even){flex-basis:min(38vw,520px)}.lighting-v2 .light-effect-group img{width:100%;height:390px;object-fit:cover;display:block}.lighting-v2 .light-effect-group figcaption{padding-top:10px}
@media(max-width:760px){.lighting-v2 .light-effect-group figure,.lighting-v2 .light-effect-group figure:nth-child(even){flex-basis:82vw}.lighting-v2 .light-effect-group img{height:270px}}
.lighting-v2 .light-effect-group figure{pointer-events:auto!important}.lighting-v2 .light-stage{cursor:default}
#material{position:relative;padding-top:132px!important}#material>.page-code{display:none!important}#material:before{content:"";position:absolute;top:62px;left:50%;width:46px;height:1px;background:rgba(31,34,30,.42);transform:translateX(-50%)}#material>.section-top{margin-top:0!important}
@media(max-width:760px){#material{padding-top:104px!important}#material:before{top:48px;width:38px}}
.chapter-divider{position:absolute;z-index:5;top:52px;left:50%;display:block;width:33.333vw;height:1px;background:currentColor;opacity:.24;transform:translateX(-50%);pointer-events:none}#material:before{display:none!important}.dark>.chapter-divider,.plan-v2>.chapter-divider{opacity:.3}@media(max-width:760px){.chapter-divider{top:38px;width:33.333vw}#material{padding-top:104px!important}}
main>.chapter:not(.hero)>.page-code{display:none!important}main>.chapter:not(.hero)>.section-top{margin-top:0}
.material-experience{grid-template-columns:minmax(0,1fr) 27%!important;gap:4.5%!important}.material-mood-index{align-self:center;width:100%;height:min(34vw,430px)!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;grid-template-rows:repeat(6,1fr)!important;gap:3px!important}.material-mood-index button:first-child{grid-column:1/4!important;grid-row:2/4!important}.material-mood-index button:nth-child(2){grid-column:4/7!important;grid-row:1/3!important}.material-mood-index button:nth-child(3){grid-column:2/4!important;grid-row:4/7!important}.material-mood-index button:nth-child(4){grid-column:4/6!important;grid-row:3/5!important}.material-mood-index button:nth-child(5){grid-column:4/7!important;grid-row:5/7!important}.material-mood-index button.active:after{inset:5px!important}@media(max-width:760px){.material-experience{grid-template-columns:1fr!important}.material-mood-index{width:min(82vw,390px);height:360px!important;margin:10px auto 0}}
.material-mood-index button.active:after{display:none!important}
.modal{padding:7vh 4vw!important}.modal img{width:auto!important;height:auto!important;max-width:92vw!important;max-height:86vh!important;object-fit:contain!important;display:block}.modal button{right:28px!important;top:22px!important}@media(max-width:760px){.modal{padding:70px 16px 28px!important}.modal img{max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 98px)!important}}
#material>.section-top{display:block!important;margin-bottom:54px!important}#material>.section-top h2{max-width:760px;font-size:clamp(38px,4.4vw,64px)!important}.material-experience{display:grid!important;grid-template-columns:minmax(0,1fr) 32%!important;gap:18px!important;align-items:stretch}.material-focus{position:relative;height:min(58vw,720px);overflow:hidden;background:#d8d4ca}.material-focus>img{width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform 1.1s var(--ease)}.material-focus:hover>img{transform:scale(1.015)}.material-focus:after{content:"";position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(transparent,rgba(15,16,14,.76));pointer-events:none}.material-focus-copy{position:absolute;z-index:2;left:38px;right:38px;bottom:34px;color:#fff;transition:opacity .25s}.material-focus-copy small{font:9px Georgia,"Times New Roman",serif;letter-spacing:.16em;opacity:.68}.material-focus-copy h3{font:300 clamp(28px,3vw,44px)/1.25 "Noto Serif SC";margin:10px 0 8px}.material-focus-copy b{font:400 12px/1.7 "Noto Serif SC";letter-spacing:.12em}.material-focus-copy p{max-width:610px;margin:14px 0 0;font:300 12px/1.9 "Noto Sans SC";color:rgba(255,255,255,.78)}.material-mood-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,1fr);gap:10px}.material-mood-index button{position:relative;min-height:0;padding:0;border:0;background:#d8d4ca;overflow:hidden;opacity:.58;transition:opacity .3s,transform .3s}.material-mood-index button:first-child{grid-column:span 2}.material-mood-index button:hover,.material-mood-index button.active{opacity:1}.material-mood-index button.active:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.72)}.material-mood-index img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}.material-mood-index button:hover img{transform:scale(1.035)}@media(max-width:760px){#material>.section-top{margin-bottom:36px!important}.material-experience{grid-template-columns:1fr!important}.material-focus{height:66vh}.material-focus-copy{left:20px;right:20px;bottom:22px}.material-focus-copy p{font-size:11px}.material-mood-index{height:460px}.material-mood-index button:first-child{grid-column:span 2}}
.lighting-v2 .light-stage>img,.lighting-v2 .light-effects img{filter:none!important}.lighting-v2 .light-stage .beam{display:none!important}.lighting-v2 .light-stage:before,.lighting-v2 .light-stage:after{display:none!important;content:none!important}