:root{--paper:#f1f0ec;--ink:#20221f;--muted:#73766f;--line:rgba(31,34,30,.18);--dark:#171916;--green:#5e6455;--ease:cubic-bezier(.22,.68,0,1);font-family:"Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer}.read-progress{position:fixed;z-index:200;top:0;left:0;width:100%;height:2px}.read-progress i{display:block;height:100%;width:0;background:#9b8b6c}header{position:fixed;z-index:100;top:0;left:0;width:100%;height:68px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.35s}header.scrolled{color:var(--ink);background:rgba(241,240,236,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:baseline;gap:10px;text-decoration:none}.logo b{font:400 21px "Noto Serif SC"}.logo span,nav a{font:8px monospace;letter-spacing:.16em}.logo span{opacity:.7}nav{display:flex;gap:27px}nav a{text-decoration:none;opacity:.55}nav a.active,nav a:hover{opacity:1}.menu{display:none;border:0;background:transparent}.chapter{position:relative}.hero{height:100svh;min-height:720px;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:hero 12s ease-out both}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,13,.66),rgba(14,15,13,.08) 72%),linear-gradient(0deg,rgba(14,15,13,.45),transparent 45%)}.hero-code{position:absolute;top:94px;left:4vw;right:4vw;padding-top:12px;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.16em}.hero-title{position:absolute;left:8vw;bottom:23%;max-width:770px}.hero-title small{font:10px monospace;letter-spacing:.2em}.hero-title h1{font:300 clamp(48px,6.3vw,92px)/1.18 "Noto Serif SC";margin:18px 0}.hero-title p{max-width:590px;font-size:13px;font-weight:300;line-height:1.9;opacity:.8}.hero-title a{display:inline-flex;gap:45px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.7);padding:12px 0;margin-top:12px;font-size:11px}.hero-title i{font-style:normal}.project-meta{position:absolute;left:4vw;right:4vw;bottom:0;height:112px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.3);border-bottom:0;margin:0}.project-meta div{padding:20px 24px;border-right:1px solid rgba(255,255,255,.3)}.project-meta div:last-child{border-right:0}.project-meta dt{font-size:10px;opacity:.62}.project-meta dd{font:400 16px "Noto Serif SC";margin:8px 0}.paper,.dark{padding:105px 6.2vw 115px}.paper{background:var(--paper)}.dark{background:var(--dark);color:#eee}.page-code{padding-bottom:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font:8px monospace;letter-spacing:.16em;color:var(--muted)}.dark .page-code{border-color:rgba(255,255,255,.2);color:#888}.section-top{display:grid;grid-template-columns:57% 1fr;gap:10%;align-items:start;margin:38px 0 55px}.section-top h2{font:300 clamp(36px,4.2vw,62px)/1.25 "Noto Serif SC";margin:0}.section-top>p{font-size:13px;line-height:2;color:var(--muted);margin:8px 0}.dark .section-top>p{color:#999}.concept-sheet{display:grid;grid-template-columns:54% 1fr;gap:9%;min-height:620px;padding-top:62px}.concept-main{padding-right:8%;border-right:1px solid var(--line)}.concept-main>small{font:9px monospace;color:var(--muted)}.concept-main h2{font:300 clamp(40px,5vw,72px)/1.28 "Noto Serif SC";margin:15px 0 58px}.concept-main h3{font:300 31px/1.35 "Noto Serif SC";margin:0}.concept-main h3 em{font-style:italic}.concept-main>p{max-width:470px;font-size:12px;line-height:2;color:var(--muted)}.word-row{display:flex;gap:30px;margin-top:55px;font-size:10px;color:var(--muted)}.concept-intro>p{font:300 15px/2 "Noto Serif SC";margin:0 0 40px}.strategy article{border-top:1px solid var(--line);display:grid;grid-template-columns:92px 1fr;padding:20px 0}.strategy b{font:12px "Noto Serif SC"}.strategy p{margin:0;font-size:11px;line-height:1.8;color:var(--muted)}.plan-sheet{display:grid;grid-template-columns:61% 1fr;gap:6%}.plan-frame{height:min(55vw,670px);background:#e8e8e1;position:relative;overflow:hidden;border:1px solid #444}.plan-image{position:absolute;inset:0;transition:.5s}.original-plan{background-color:#eee;background-image:linear-gradient(rgba(45,49,44,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(45,49,44,.08) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 620'%3E%3Cg fill='none' stroke='%23474d47' stroke-width='5'%3E%3Cpath d='M55 45h690v530H55zM55 320h690M265 45v530M535 45v530M265 230h270M405 230v345'/%3E%3C/g%3E%3Cg fill='none' stroke='%23818881' stroke-width='2'%3E%3Cpath d='M85 75h150v210H85zM295 75h210v125H295zM565 75h150v210H565zM85 350h150v195H85zM295 260h80v285H295zM435 260h70v285H435zM565 350h150v195H565z'/%3E%3C/g%3E%3C/svg%3E");background-size:22px 22px,22px 22px,100% 100%}.color-plan{opacity:0;background:#e8dfd2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 620'%3E%3Cg stroke='%234c5149' stroke-width='5'%3E%3Cpath fill='%23c6b092' d='M55 45h480v275H55z'/%3E%3Cpath fill='%23aeb39f' d='M535 45h210v275H535z'/%3E%3Cpath fill='%23d1c4b5' d='M55 320h350v255H55z'/%3E%3Cpath fill='%2399856f' d='M405 320h340v255H405z'/%3E%3C/g%3E%3C/svg%3E") center/100% 100%}.plan-frame.color .color-plan,.plan-frame.route .color-plan{opacity:1}.plan-frame svg{position:absolute;inset:0;width:100%;height:100%;display:none}.plan-frame.route svg{display:block}.plan-frame svg path{fill:none;stroke:#5f725a;stroke-width:7;stroke-dasharray:13 10;animation:route 7s linear infinite}.plan-switch{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;background:#2a2d28}.plan-switch button{border:0;background:transparent;color:#858a81;padding:13px}.plan-switch button.active{background:#e8e6de;color:#222}.plan-copy article{border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:36px 1fr;padding:19px 0}.plan-copy article:first-child{border-top-color:#ddd}.plan-copy article>span{font:9px monospace;color:#8d947f;border:1px solid #62675d;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}.plan-copy h3{font:15px "Noto Serif SC";margin:0 0 8px}.plan-copy p{font-size:10px;line-height:1.8;color:#8e918c;margin:0}.room-sheet{display:grid;grid-template-columns:17% 1fr;gap:2.5%}.room-sheet aside{display:flex;flex-direction:column}.room-sheet aside button{text-align:left;border:0;border-top:1px solid var(--line);background:transparent;padding:19px 12px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.room-sheet aside button.active{background:#e1dfd7;color:var(--ink)}.room-sheet aside span{font:8px monospace}.room-stage{height:min(49vw,620px);position:relative;overflow:hidden;background:#ddd}.room-stage>img{width:100%;height:100%;object-fit:cover;animation:room 14s ease-in-out infinite alternate;transition:.3s}.room-stage>span{position:absolute;left:18px;bottom:14px;color:#fff;background:rgba(0,0,0,.3);padding:8px;font:8px monospace}.zoom{position:absolute;right:15px;top:15px;width:42px;height:42px;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.15);color:#fff}.room-detail{margin:38px 0 0 19.5%;display:grid;grid-template-columns:36% 27% 1fr;gap:5%}.room-detail small{font:8px monospace;color:var(--muted)}.room-detail h3{font:300 27px/1.45 "Noto Serif SC";margin:10px 0}.room-detail>p{font-size:11px;line-height:2;color:var(--muted)}.room-detail dl{margin:0}.room-detail dl div{border-top:1px solid var(--line);padding:10px 0}.room-detail dt{font-size:8px;color:#999}.room-detail dd{font-size:10px;margin:4px 0}.room-strip{margin:65px 0 0 19.5%;display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:12px;height:220px}.room-strip img{width:100%;height:100%;object-fit:cover}.light-sheet{display:grid;grid-template-columns:67% 1fr;gap:4%}.light-stage{height:min(48vw,600px);position:relative;overflow:hidden;background:#111}.light-stage>img{width:100%;height:100%;object-fit:cover;transition:.65s}.light-stage.ambient>img{filter:brightness(.62) sepia(.08)}.light-stage.spot>img{filter:brightness(.42) contrast(1.08)}.light-stage.down>img{filter:brightness(.72) contrast(.96)}.light-stage.social>img{filter:brightness(.8) sepia(.16)}.light-stage>span{position:absolute;left:18px;bottom:15px;color:white;font:8px monospace;letter-spacing:.13em}.beam{position:absolute;top:-25%;width:24%;height:95%;background:linear-gradient(rgba(255,223,166,.3),transparent 75%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);opacity:0;mix-blend-mode:screen;transition:.5s}.beam.one{left:9%}.beam.two{left:39%}.beam.three{right:5%}.spot .one,.spot .two,.social .beam{opacity:1}.down .beam{opacity:.45}.light-list button{width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:21px 8px;display:grid;grid-template-columns:35px 1fr;text-align:left;color:var(--muted)}.light-list button.active{color:var(--ink);background:#e2dfd7}.light-list b{font:9px monospace}.light-list span{font:15px "Noto Serif SC"}.light-list small{display:block;font:9px sans-serif;margin-top:8px;opacity:.65}.sample-sheet{display:grid;grid-template-columns:62% 1fr;gap:6%}.sample-board{height:min(51vw,650px);position:relative;background:#e7e5df;overflow:hidden}.sample{position:absolute;border:0;box-shadow:0 12px 25px rgba(0,0,0,.09);transition:.25s}.sample.active{outline:1px solid #1f211e;outline-offset:5px}.stone{background:#d6cdc0 url("assets/materials.png") 15% 22%/280% auto}.wood{background:#493224 url("assets/materials.png") 58% 20%/260% auto}.brass{background:linear-gradient(110deg,#816c45,#cab17c,#725c38)}.wool{background:#5c604b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.linen{background:#d5cec1}.sample.stone{width:25%;height:48%;left:7%;top:9%}.sample.wood{width:36%;height:28%;left:40%;top:15%}.sample.brass{width:17%;height:31%;right:7%;top:50%}.sample.wool{width:32%;height:25%;left:35%;bottom:8%}.sample.linen{width:18%;height:20%;left:8%;bottom:11%}.palette-mark{position:absolute;right:7%;top:8%;font:9px/1.8 monospace;letter-spacing:.15em}.sample-list>button{width:100%;display:grid;grid-template-columns:54px 1fr;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;padding:14px 5px;color:var(--muted)}.sample-list>button.active{background:#e2dfd7;color:var(--ink)}.sw{width:38px;height:38px;display:block}.sample-list b{font:14px "Noto Serif SC"}.sample-list small,.sample-list em{display:block;font:8px sans-serif;margin-top:4px}.sample-list em{font-style:normal;line-height:1.6;opacity:.65}.soft-board>img{width:100%;height:100%;object-fit:cover}.soft-pin{position:absolute;width:32px;height:32px;border-radius:50%;border:1px solid #fff;background:rgba(35,37,32,.65);color:#fff;font:8px monospace}.soft-pin.active{background:#e8e5dd;color:#222;outline:1px solid #222;outline-offset:3px}.p1{left:18%;top:20%}.p2{left:55%;top:17%}.p3{right:15%;bottom:21%}.p4{left:68%;top:8%}.boucle{background:#e5e1d8}.soft-list button{color:var(--muted)}footer{margin-top:105px;border-top:1px solid var(--line);padding-top:28px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center}footer div{display:flex;gap:10px;align-items:baseline}footer b{font:21px "Noto Serif SC"}footer span,footer p,footer a{font-size:8px;color:var(--muted);letter-spacing:.1em}.modal{position:fixed;z-index:300;inset:0;background:#111;display:none;place-items:center}.modal.open{display:grid}.modal img{width:100%;height:100%;object-fit:contain}.modal button{position:absolute;z-index:2;right:24px;top:20px;background:transparent;border:0;color:white;font-size:35px}@keyframes hero{from{transform:scale(1.05)}to{transform:scale(1)}}@keyframes route{to{stroke-dashoffset:-100}}@keyframes room{from{transform:scale(1.02) translateX(-1%)}to{transform:scale(1.08) translateX(2%)}}
@media(max-width:760px){header{height:58px;padding:0 18px}nav{position:fixed;top:58px;left:0;right:0;background:var(--paper);color:var(--ink);padding:22px;grid-template-columns:repeat(3,1fr);gap:20px;display:none;border-bottom:1px solid var(--line)}nav.open{display:grid}.menu{display:block;color:inherit}.hero{min-height:750px}.hero-code{top:78px;left:18px;right:18px}.hero-title{left:20px;right:20px;bottom:26%}.hero-title h1{font-size:46px}.project-meta{left:18px;right:18px;height:142px;grid-template-columns:1fr 1fr}.project-meta div{padding:12px}.project-meta dd{font-size:13px}.paper,.dark{padding:82px 20px}.concept-sheet,.section-top,.plan-sheet,.light-sheet,.sample-sheet{grid-template-columns:1fr}.concept-sheet{padding-top:35px}.concept-main{border-right:0;padding-right:0}.concept-main h2{font-size:43px}.concept-intro{margin-top:45px}.section-top{gap:20px;margin-bottom:38px}.section-top h2{font-size:39px}.plan-copy{margin-top:35px}.plan-frame{height:70vh}.room-sheet{grid-template-columns:1fr}.room-sheet aside{display:grid;grid-template-columns:1fr 1fr}.room-stage{height:60vh}.room-detail{margin-left:0;grid-template-columns:1fr}.room-strip{margin-left:0;height:160px}.light-list{margin-top:25px}.sample-board{height:60vh}.sample-list{margin-top:30px}footer{grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}