:root{--ink:#1d211e;--paper:#f5f4ef;--muted:#6a7068;--accent:#29473b;--line:#d5d8ce;--radius:4px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c06139;outline-offset:5px}img{max-width:100%;display:block}figure{margin:0}button:disabled{cursor:default;opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:10px;left:10px;z-index:1000;background:var(--ink);color:white;padding:12px;transform:translateY(-180%)}.skip:focus{transform:none}.masthead{height:100px;display:flex;justify-content:space-between;align-items:center;margin:0 4vw;border-bottom:1px solid var(--line)}.identity{font-size:21px;font-weight:700;text-decoration:none;letter-spacing:-.7px}.identity span{font-size:10px;font-weight:400;display:block;letter-spacing:2px;text-transform:uppercase;margin-top:6px}.edition,.kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.edition{color:var(--muted)}.collection{margin:0 auto;max-width:1680px;padding:0 4vw 70px}.collection-intro{padding:40px 0 30px}.collection-intro .kicker{margin:0 0 24px}.intro-line{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.intro-line h1{font-size:clamp(55px,7.2vw,104px);font-weight:400;letter-spacing:-6px;line-height:.97;margin:0}.intro-line>div{max-width:270px;padding:0 15px 8px 0}.intro-line p{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 24px}.start-link{display:flex;justify-content:space-between;gap:30px;align-items:center;text-decoration:none;font-size:12px;border-bottom:1px solid var(--ink);padding:0 0 10px}.start-link span{font-size:22px}.filters{display:flex;gap:6px;border-top:1px solid var(--line);padding:18px 0 24px;margin-top:20px}.filters button{background:transparent;border:1px solid transparent;padding:9px 16px;border-radius:20px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.filters span{font-size:10px;margin-left:6px;opacity:.65}.study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.study-card{display:block;text-decoration:none;min-width:0}.study-card[hidden]{display:none}.cover{aspect-ratio:1.48;position:relative;overflow:hidden;background:#d2d3ca;isolation:isolate}.cover>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.study-card:hover .cover>img,.study-card:focus-visible .cover>img{transform:scale(1.055)}.cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0007);z-index:0}.cover .number{position:absolute;left:17px;top:16px;z-index:2;background:#f5f4efed;color:var(--ink);width:30px;height:30px;display:grid;place-content:center;font-size:10px;border-radius:50%}.cover .mode{position:absolute;bottom:17px;left:18px;color:white;z-index:2;font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.cover .open-arrow{position:absolute;bottom:12px;right:16px;color:white;font-size:28px;z-index:2}.study-card h2{font-weight:400;font-size:19px;letter-spacing:-.4px;margin:15px 0 7px}.study-card p{font-size:12px;line-height:1.55;color:var(--muted);margin:0;max-width:90%}.cover-02>img{width:46%;height:86%;top:7%;left:5%;position:absolute;object-fit:cover;box-shadow:15px 10px 0 #ffffff55,140px 0 0 #2c4238}.cover-02{background:#bfc8b8}.cover-03{background:#e7dfd2}.cover-03>img{width:54%;height:83%;position:absolute;left:41%;top:8%;object-fit:cover}.cover-03 .cover-word{position:absolute;left:9%;top:32%;font-size:clamp(15px,2vw,30px);z-index:2;color:var(--ink);line-height:1.5}.cover-04>img{clip-path:inset(0 0 0 50%)}.cover-04{background-image:url('/assets/before.webp');background-size:cover;background-position:center}.cover-04:before{content:'↔';position:absolute;left:50%;height:100%;border-left:2px solid #fff;color:white;font-size:25px;display:flex;align-items:center;z-index:3}.cover-05 .cover-word{font-size:clamp(32px,4vw,65px);line-height:.9;letter-spacing:-4px;color:white;position:absolute;left:7%;top:24%;z-index:2}.cover-06>img{clip-path:ellipse(55% 70% at 50% 65%)}.cover-06{background:#223b30}.cover-07{background:#d4c7b6}.cover-07>img{opacity:.7}.cover-07:before{content:'';position:absolute;inset:14% 26%;border:1px solid #fff;transform:skewY(-10deg);z-index:2;box-shadow:16px 16px 0 -1px #fff3}.cover-08 .cover-word{position:absolute;left:8%;top:18%;font:24px/1.3 Georgia,serif;color:white;z-index:2;max-width:50%}.cover-09>img{filter:brightness(.7)}.cover-09:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,#f9cf8980,transparent 55%);z-index:2}.cover-10>img{width:46%;height:75%;position:absolute;left:27%;top:12%;box-shadow:-155px -25px 0 #c2cbbd,155px 25px 0 #213329}.cover-10{background:#aaaea2}.cover-11{background:#dce1db}.cover-11>img{width:75%;height:76%;top:11%;left:13%;position:absolute;object-fit:cover;transform:rotate(-7deg);box-shadow:10px 15px 35px #16251b33}.site-foot{margin:0 4vw;padding:26px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:10px;line-height:1.6}.site-foot p{margin:0}.lab-bar{position:sticky;top:0;z-index:100;background:#f5f4eff5;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);height:76px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.back-link{display:flex;align-items:center;gap:12px;font-size:12px;text-decoration:none;white-space:nowrap}.back-link span{font-size:20px}.study-picker{flex:1;max-width:330px}.study-picker select{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:9px 25px 9px 8px;font-size:12px;color:var(--ink)}.lab-actions{display:flex;gap:8px}.control{background:transparent;border:1px solid var(--line);font-size:11px;border-radius:3px;padding:10px 13px;white-space:nowrap}.control:hover{background:#e8ebe3}.control[aria-pressed=false]{color:var(--muted)}.study-heading{max-width:1500px;margin:auto;padding:26px 3vw;display:flex;align-items:center;justify-content:space-between;gap:35px}.study-heading .kicker{color:var(--muted)}.study-heading h1{font-size:clamp(24px,2.5vw,38px);font-weight:400;letter-spacing:-1.3px;margin:7px 0 0}.study-cue{font-size:12px;line-height:1.6;color:var(--muted);max-width:290px;margin:0}.stage{max-width:1500px;margin:0 auto;min-height:600px;position:relative}.study-about{max-width:1500px;margin:36px auto 0;padding:30px 3vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.study-about .kicker{color:var(--muted);margin:0 0 13px}.study-about p:not(.kicker){font-size:14px;line-height:1.7;max-width:490px}.study-about a{display:inline-block;font-size:11px;text-underline-offset:5px;margin-top:5px}.study-pagination{max-width:1500px;margin:0 auto;padding:35px 3vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.study-pagination a{text-decoration:none}.study-pagination a:first-child,.study-pagination a:last-child{border-bottom:1px solid var(--line);padding-bottom:10px}.fallback-note{padding:40px;font-size:16px}.stage button{border-radius:2px}.stage p{line-height:1.6}
@media(min-width:1700px){.cover-02>img{box-shadow:15px 10px 0 #ffffff55,190px 0 0 #2c4238}}@media(max-width:900px){.study-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-line h1{letter-spacing:-3.5px}.lab-bar{gap:12px}.edition{font-size:9px}.study-picker{max-width:280px}}@media(max-width:600px){.masthead{height:80px}.identity{font-size:18px}.edition{max-width:90px;text-align:right;line-height:1.6}.collection-intro{padding-top:30px}.intro-line{display:block}.intro-line h1{font-size:59px;letter-spacing:-3.8px}.intro-line>div{margin-top:24px;max-width:none;display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0}.intro-line p{font-size:12px;line-height:1.6;margin:0}.start-link{font-size:10px;gap:12px;white-space:nowrap}.filters{margin-top:8px;gap:0;justify-content:space-between}.filters button{padding:9px 11px;font-size:11px}.study-grid{gap:25px 13px}.cover{aspect-ratio:.95}.study-card h2{font-size:16px;line-height:1.2;margin-top:12px}.study-card p{font-size:11px;max-width:none}.cover .number{left:10px;top:10px;width:25px;height:25px;font-size:9px}.cover .mode{left:10px;bottom:11px;font-size:8px}.cover .open-arrow{right:10px;bottom:7px;font-size:24px}.cover-03 .cover-word{font-size:17px;left:6%;top:30%}.cover-05 .cover-word{font-size:32px;letter-spacing:-2px}.cover-08 .cover-word{font-size:19px;max-width:70%}.site-foot{display:block;font-size:10px}.site-foot p+p{margin-top:9px}.lab-bar{height:108px;padding:9px 4vw;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.back-link{font-size:11px;gap:6px}.study-picker{grid-row:2;grid-column:1/-1;max-width:none}.study-picker select{font-size:12px;padding:8px 24px 8px 0}.lab-actions{gap:5px}.control{padding:8px 10px;font-size:10px}.study-heading{display:block;padding:20px 4vw}.study-heading h1{font-size:28px;letter-spacing:-1px}.study-cue{margin-top:12px;font-size:11px;max-width:none}.stage{min-height:520px}.study-about{display:block;padding:25px 4vw;margin-top:20px}.study-about>div+div{margin-top:25px}.study-about p:not(.kicker){font-size:12px}.study-pagination{padding:25px 4vw;gap:10px;font-size:10px}.study-pagination>a:nth-child(2){font-size:9px}.stage img{min-width:0}}
.new-tag{position:absolute;right:14px;top:17px;z-index:3;color:white;text-shadow:0 1px 8px #000;background:#1d2924b8;padding:6px 8px;font-size:8px;letter-spacing:1px;text-transform:uppercase}.filters{overflow-x:auto}.filters button{flex-shrink:0}.cover-12{background:#aebeb2}.cover-12>img{clip-path:polygon(0 0,100% 0,100% 12%,14% 12%,14% 15%,96% 15%,96% 28%,4% 28%,4% 31%,100% 31%,100% 44%,11% 44%,11% 47%,92% 47%,92% 61%,0 61%,0 64%,100% 64%,100% 78%,8% 78%,8% 81%,96% 81%,96% 100%,0 100%)}.cover-13>img{filter:grayscale(1)}.cover-13:before{content:'';position:absolute;left:35%;top:25%;width:35%;height:45%;background:url('/assets/car.webp') center/270%;border:1px solid #b1dbff88;box-shadow:0 8px 30px #0004;z-index:2}.cover-14{background:#dddacb}.cover-14>img{opacity:.12}.cover-14 .cover-word{position:absolute;left:12%;top:35%;font-size:clamp(30px,4vw,60px);letter-spacing:-4px;z-index:2;text-shadow:12px -18px 0 #253b2f55,24px -36px 0 #253b2f22}.cover-15{background:#d0be9e;perspective:800px}.cover-15>img{width:62%;height:76%;left:20%;top:15%;position:absolute;transform:rotate(-8deg) skewY(5deg);clip-path:polygon(4% 0,94% 3%,100% 85%,83% 100%,0 95%);filter:drop-shadow(10px 20px 15px #0005)}.cover-16{background:#172530}.cover-16>img{width:60%;height:80%;top:11%;left:20%;position:absolute;border:3px solid #b8d7e780;border-radius:25%;transform:perspective(450px) rotateY(-20deg);box-shadow:70px -10px 0 #aac6dc33,-70px 10px 0 #aac6dc22}.cover-17{background:#e2d9c9}.cover-17>img{width:60%;height:76%;top:12%;left:26%;position:absolute;transform:perspective(400px) rotateY(-30deg);box-shadow:-60px -15px 0 #a7896830,-100px -30px 0 #a7896820}.cover-18 .cover-word{position:absolute;left:12%;top:30%;z-index:2;color:#e3eea6;font-size:clamp(20px,3vw,46px);line-height:.95;letter-spacing:-2px;transform:skew(-8deg)}.cover-19>img{width:60%;height:100%;object-fit:cover}.cover-19{background:url('/assets/stairs.webp') right center/75% auto}.cover-20>img{width:65%;height:80%;left:12%;top:10%;position:absolute;transform:rotate(-10deg);box-shadow:22px 8px 0 #a2af9b,40px 16px 0 #758c74}.cover-20{background:#1b392c}.cover-21>img{width:43%;height:72%;left:5%;top:15%;position:absolute;border-radius:5px}.cover-21{background:#d9dacb url('/assets/door.webp') right 7% center/43% 72% no-repeat}@media(max-width:600px){.filters{justify-content:flex-start}.filters button{padding:9px 10px}.new-tag{right:9px;top:13px;font-size:7px;padding:5px}.cover-14 .cover-word{font-size:32px;letter-spacing:-2px}.cover-18 .cover-word{font-size:28px;letter-spacing:-1px}}
html[data-motion=off] .stage *,html[data-motion=off] .stage *:before,html[data-motion=off] .stage *:after{transition:none!important;animation:none!important}
.cover-22{background:#152a38}.cover-22>img{opacity:.24;filter:grayscale(1) contrast(2)}.cover-22 .cover-word{position:absolute;inset:17% 8%;color:#c7f2dc;font:700 clamp(28px,4.5vw,65px)/.9 monospace;letter-spacing:1px;overflow:hidden;z-index:2;transform:skewY(-6deg);text-shadow:3px 3px #75aa9b55}.cover-23{background:#172957}.cover-23>img{filter:saturate(1.6);clip-path:polygon(0 0,100% 0,100% 23%,30% 23%,30% 28%,100% 28%,100% 61%,10% 61%,10% 68%,100% 68%,100% 100%,0 100%,0 77%,70% 77%,70% 74%,0 74%,0 43%,50% 43%,50% 39%,0 39%)}.cover-23:before{content:'';position:absolute;inset:25% -15%;background:url('/assets/car.webp') center/cover;transform:translateX(17%);mix-blend-mode:screen;opacity:.65;z-index:1}.cover-24{perspective:650px;background:#d7b5c7}.cover-24>img{width:75%;height:80%;position:absolute;left:12%;top:10%;transform:rotateY(-24deg) rotateX(10deg)}.cover-24:before{content:'';position:absolute;inset:10% 10% 10% 50%;background:repeating-conic-gradient(#25304b 0 25%,#ebcbd7 0 50%) 0 0/8px 8px;opacity:.9;transform:skewY(8deg);z-index:1}.cover-25{background:#e2d8c7}.cover-25>img{width:39%;height:43%;position:absolute;left:30%;top:28%;box-shadow:-95px -80px 0 #8d9f8b,100px 65px 0 #6d7c73,-90px 75px 0 #a99c87,100px -85px 0 #c4b29c}.cover-25:before{content:'＋';font:40px Arial;position:absolute;left:47%;top:35%;color:white;z-index:2}.cover-26{background:repeating-conic-gradient(#b9aa8e 0 25%,#e5d7b7 0 50%) 0 0/25px 25px}.cover-26>img{opacity:.08}.cover-26:before{content:'';position:absolute;inset:10% 20%;border:8px solid #3c7a7455;border-radius:50%;box-shadow:0 0 0 15px #3c7a7440,0 0 0 35px #3c7a7420;transform:rotateX(35deg);z-index:1}.cover-27{background:#ded6cd}.cover-27>img{width:55%;height:80%;position:absolute;left:22%;top:10%;clip-path:polygon(50% 0,100% 25%,90% 80%,50% 100%,0 73%,3% 20%);filter:saturate(.5)}.cover-27:before{content:'';position:absolute;inset:22% 28%;background:#e5ad79;clip-path:polygon(50% 0,100% 80%,0 80%);transform:rotate(-20deg);z-index:1}.cover-28{background:#ccf768}.cover-28>img{opacity:.07;filter:grayscale(1)}.cover-28 .cover-word{position:absolute;inset:22% 8%;font-weight:900;line-height:.85;font-size:clamp(25px,4vw,57px);letter-spacing:-3px;color:#1c341a;z-index:1}.cover-29>img{height:76%;object-position:center}.cover-29:before{content:'';position:absolute;left:0;right:0;height:13%;bottom:13%;background:#e8e0ce;box-shadow:0 15px 0 #a8b5a6,0 30px 0 #324e42;z-index:1}.cover-30{background:#d0c3a9;perspective:500px}.cover-30>img{width:40%;height:65%;left:15%;top:14%;position:absolute;transform:rotateY(25deg) rotateZ(5deg);box-shadow:100px 20px 0 #f6efdf}.cover-30:before{content:'';position:absolute;inset:20% 18% 28% 52%;background:url('/assets/joinery.webp') center/cover;transform:skewY(-12deg);z-index:2}.cover-31{background:#e0e4f4}.cover-31>img{opacity:.08}.cover-31:before{content:'';position:absolute;inset:13% 27%;background:repeating-linear-gradient(0deg,transparent 0 7px,#c498c6 8px 19px,#a3b3dc 20px 23px);transform:rotate(-20deg) skewY(10deg);border-radius:30%;z-index:1}.cover-31 .cover-word{position:absolute;font:100px Georgia;left:37%;top:20%;color:#253653;z-index:2}
@media(max-width:600px){.cover-22 .cover-word{font-size:32px;inset:25% 7%}.cover-28 .cover-word{font-size:29px;letter-spacing:-2px;inset:30% 6%}.cover-31 .cover-word{font-size:70px;left:30%;top:25%}.edition{max-width:120px}.cover-25>img{box-shadow:-60px -80px 0 #8d9f8b,60px 65px 0 #6d7c73,-60px 75px 0 #a99c87,60px -85px 0 #c4b29c}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.cover>img{transition:none}.study-card:hover .cover>img{transform:none}}