*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f0eee4;color:#24352b;font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border-radius:0}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #bf5638;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;font-weight:500;letter-spacing:-.025em}h2{font-size:clamp(58px,6.7vw,106px);line-height:.96}h3{font-size:40px;line-height:1.02}.mono,.section-label,.concept-bar,.entry-meta,.entry-scroll,.entry-range,.entry-side-note,.strip-controls,.light-captions,.hour-choices,.material-layout figcaption,.brief-photo>span,.footer-top,.footer-bottom,.process-grid article>span{font-family:'IBM Plex Mono',monospace;font-size:9px;line-height:1.7;letter-spacing:.045em}.section{padding:105px 5%}.section-label{font-size:9px;margin-bottom:30px;display:flex;gap:15px;align-items:center}.rule{width:35px;height:1px;background:currentColor}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:#f0eee4;z-index:100}.skip:focus{top:35px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.concept-bar{height:28px;background:#20392b;color:#d7e8bf;display:flex;justify-content:space-between;padding:5px 4%;font-size:7px;position:relative;z-index:40}.concept-bar a{letter-spacing:0}.site-header{position:absolute;top:28px;left:0;right:0;z-index:30;color:#f6f2df;display:flex;align-items:center;justify-content:space-between;padding:24px 4%;border-bottom:1px solid #ffffff45}.logo{font-family:'Barlow Condensed',sans-serif;font-size:43px;font-weight:600;line-height:1;letter-spacing:-.04em}.logo>span{font:11px 'IBM Plex Mono';vertical-align:top;display:inline-block;margin:5px 0 0 5px}.site-header nav{display:flex;gap:38px;font-size:11px;align-items:center}.site-header nav a:last-child{border-bottom:1px solid #d0e1bd;padding:8px 0}.saved-count{font-family:'IBM Plex Mono';font-size:8px;margin-left:5px;display:inline-block;min-width:13px}
.arrival{height:180svh;background:#20392b}.arrival-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden}.arrival-view{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:#2e422c;--drawing:48%}.arrival-photo,.arrival-study,.arrival-study img,.arrival-wash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.arrival-photo,.arrival-study img{transform:scale(var(--entry-scale,1.025));will-change:transform}.arrival-study{clip-path:inset(0 calc(100% - var(--drawing)) 0 0)}.arrival-wash{background:linear-gradient(180deg,#11271c70,transparent 35%,transparent 55%,#182a1bb3);pointer-events:none}.entry-meta{position:absolute;top:133px;left:5%;right:5%;display:flex;justify-content:space-between;color:#f2f2dc;font-size:8px;line-height:1.9}.entry-meta>span:last-child{text-align:right}.arrival h1{position:absolute;bottom:125px;left:3.6%;right:3%;font-size:clamp(140px,26.4vw,430px);font-weight:600;line-height:.78;letter-spacing:-.035em;color:#edf0d5;pointer-events:none;transform:translateY(var(--mark-y,0px));opacity:var(--mark-opacity,1)}.drawing-handle{position:absolute;top:205px;bottom:115px;left:var(--drawing);width:2px;background:#faf6dcb0;z-index:4;cursor:ew-resize;touch-action:none;outline-offset:10px!important}.drawing-handle>span{position:absolute;top:42%;left:0;transform:translate(-50%,-50%);background:#edf0d5;color:#263b2b;display:flex;align-items:center;gap:10px;padding:13px 12px;white-space:nowrap;font:7px 'IBM Plex Mono';letter-spacing:.07em}.drawing-handle b{font-size:18px;font-weight:400}.entry-foot{position:absolute;left:5%;right:5%;bottom:32px;display:grid;grid-template-columns:1fr .65fr 1fr;align-items:end;gap:45px;color:#f5f0dc;z-index:5}.entry-foot .mono{font-size:7px;letter-spacing:.1em}.entry-foot p{font-size:12px;margin-top:5px}.entry-range{font-size:7px;letter-spacing:.08em}.entry-range input{display:block;width:100%;margin:9px 0 0;accent-color:#d5e9aa;cursor:ew-resize}.entry-scroll{justify-self:end;display:flex;align-items:center;gap:28px;font-size:8px}.entry-scroll>span{font-size:30px;font-family:'Barlow Condensed'}.entry-side-note{position:absolute;right:15px;top:48%;writing-mode:vertical-rl;color:#eff0d4;font-size:6px;letter-spacing:.14em}
.studio-note{display:grid;grid-template-columns:.55fr 1.25fr 1fr;gap:5%;align-items:start}.studio-note .section-label{margin-top:10px}.studio-note h2{font-size:clamp(49px,5vw,78px)}.studio-note h2 span{color:#788665}.studio-note>div:last-child{padding-top:8px;font-size:13px;line-height:1.95;max-width:370px}.studio-note p+p{margin-top:16px}.text-link{display:inline-block;font-size:11px;padding-bottom:7px;border-bottom:1px solid #24352b70;margin-top:22px}.journal{padding:0 0 45px;background:#e2e6d7;overflow:hidden}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading>p{font-size:12px;line-height:1.85;max-width:330px}.journal .section-heading{padding-bottom:45px}.project-strip{display:flex;gap:28px;overflow-x:auto;padding:0 5% 18px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.project-strip::-webkit-scrollbar{display:none}.project-strip.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.project-strip.dragging button{cursor:grabbing}.journal-card{flex:0 0 min(75vw,1050px);min-width:0;scroll-snap-align:center}.journal-photo{display:block;width:100%;height:clamp(330px,44vw,620px);background:#233b2c;position:relative;overflow:hidden;border:0;padding:0;text-align:left;cursor:inherit}.journal-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.journal-photo:hover img{transform:scale(1.025)}.photo-view{position:absolute;bottom:20px;left:22px;padding:9px 12px;background:#f0eee4e8;color:#24352b;font:7px 'IBM Plex Mono';letter-spacing:.07em}.journal-caption{display:flex;justify-content:space-between;gap:25px;align-items:start;padding:24px 0 15px}.journal-caption .mono{font-size:7px;letter-spacing:.08em}.journal-caption h3{font-size:43px;margin:10px 0}.journal-caption p{font-size:11px;line-height:1.8}.keep-detail{display:flex;gap:20px;align-items:center;justify-content:space-between;background:none;border:0;border-bottom:1px solid #24352b70;padding:10px 0;font-size:10px;white-space:nowrap}.keep-detail span{font-size:18px;line-height:1}.keep-detail[aria-pressed=true]{color:#586d38}.strip-controls{display:flex;align-items:center;justify-content:space-between;margin:12px 5% 0;padding-top:20px;border-top:1px solid #24352b30;font-size:7px}.strip-controls>div{display:flex;gap:8px}.strip-controls button{width:49px;height:42px;border:1px solid #24352b70;background:transparent;font-size:20px}.strip-controls button:hover{background:#24352b;color:#f0eee4}.strip-controls button:disabled{opacity:.25;cursor:default}
.afterlight{background:#1b3026;color:#f0eee4;padding-bottom:50px}.light-heading{padding-top:95px;padding-bottom:45px}.light-heading h2{font-size:clamp(65px,7.7vw,120px)}.light-heading>p{color:#bfcbb5}.light-stage{position:relative;margin:0 5%;aspect-ratio:16/10;overflow:hidden;background:#22372a;--night:0}.light-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.night-photo{opacity:var(--night)}.light-stage:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#102517b0);pointer-events:none}.light-captions{position:absolute;left:25px;right:25px;bottom:22px;display:flex;justify-content:space-between;color:#f2f1d9;z-index:1;font-size:8px}.light-controls{margin:30px 5% 0;display:grid;grid-template-columns:1fr 1.15fr;gap:12%;align-items:start}.light-controls>button{display:flex;justify-content:space-between;gap:35px;align-items:center;border:1px solid #c6d5b980;background:transparent;color:#eef1d7;padding:16px 20px;font-size:11px;justify-self:start}.light-controls>button:hover{background:#d3e49f;color:#1b3026}.light-slider>label{font-size:10px}.light-slider input{display:block;width:100%;margin:17px 0;accent-color:#d3e49f;cursor:ew-resize}.hour-choices{display:flex;justify-content:space-between}.hour-choices button{background:transparent;border:0;color:#acb9a6;padding:4px 0;font-size:8px}.hour-choices button[aria-pressed=true]{color:#e9f3c9;border-bottom:1px solid}
.materials{background:#ece9dc}.materials>.section-heading{margin-bottom:50px}.material-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;align-items:center}.material-layout figure>img{width:100%;aspect-ratio:3/2;object-fit:cover}.material-layout figcaption{font-size:7px;margin-top:15px;color:#6a7564}.material-list>button{position:relative;display:flex;flex-direction:column;width:100%;text-align:left;padding:23px 30px 23px 20px;background:transparent;border:0;border-bottom:1px solid #24352b30;border-left:2px solid transparent}.material-list>button:first-child{border-top:1px solid #24352b30}.material-list>button[aria-pressed=true]{border-left-color:#ab5035;background:#e2e4d2}.material-name{font:500 34px/1.1 'Barlow Condensed';letter-spacing:-.015em}.material-description{font-size:10px;line-height:1.7;margin-top:8px;color:#6a7564}.material-check{position:absolute;right:12px;top:25px;font-size:15px}.material-status{font-size:9px;line-height:1.8;margin-top:20px;color:#6a7564}
.planner{background:#263c2e;color:#e9efdb}.planner>.section-heading{margin-bottom:60px}.planner .section-heading>p{color:#bbc9af}.planner-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%}.planner-controls fieldset{padding:0;margin:0 0 37px;border:0}.planner-controls legend{font-size:15px;margin-bottom:20px}.feeling-choices{display:flex;flex-wrap:wrap;gap:7px}.feeling-choices button{background:transparent;border:1px solid #c7d4b060;color:#d9e4cb;padding:13px 16px;font-size:11px}.feeling-choices button[aria-pressed=true]{background:#d9e6b4;border-color:#d9e6b4;color:#24392c}.preference-list label{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #bbc9af40;padding:20px 0;font-size:13px}.preference-list label:last-child{border-bottom:1px solid #bbc9af40}.preference-list small{display:block;font-size:9px;line-height:1.7;color:#acbda2;margin-top:5px}.preference-list input{width:20px;height:20px;accent-color:#d9e6b4}.size-control>label{display:flex;justify-content:space-between;gap:20px;font-size:13px}.size-control output{font-size:10px;color:#bac9ad}.size-control input{width:100%;margin:25px 0;accent-color:#d9e6b4}.saved-header{display:flex;justify-content:space-between;gap:20px;margin:20px 0 16px;font-size:12px}.saved-header>span:last-child{font-size:9px;color:#b6c6aa}.saved-details{display:flex;gap:9px;min-height:70px}.saved-details>p{font-size:10px;line-height:1.85;max-width:300px;color:#b6c6aa}.saved-item{position:relative;flex:0 1 115px}.saved-item img{width:100%;height:73px;object-fit:cover}.saved-item button{display:block;background:none;border:0;color:#d8e3cc;text-align:left;padding:6px 0;font-size:8px;line-height:1.5}.saved-item button:hover{text-decoration:underline}.palette-selection{display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-top:1px solid #bbc9af40;margin-top:25px;padding-top:22px;font-size:9px;color:#b6c6aa}.palette-selection strong{font-size:11px;font-weight:400;color:#eef1dc}.palette-selection a{margin-left:auto;border-bottom:1px solid #bbc9af70;padding-bottom:3px}.brief-poster{position:relative;align-self:start;min-width:0}.brief-photo{position:relative;aspect-ratio:6/5;overflow:hidden;background:#1b3026}.brief-photo>img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.brief-photo>span{position:absolute;left:20px;top:18px;color:#f6f3de;background:#1b30269c;padding:6px 9px;font-size:6px}.brief-paper{position:relative;background:#f0eedf;color:#24392c;padding:35px 35px 28px;margin:-35px 22px 0;box-shadow:8px 10px 0 #142c1d50}.brief-paper>.mono{font-size:7px;letter-spacing:.1em}.brief-paper h3{font-size:46px;margin:22px 0 15px;max-width:360px}.brief-paper p{font-size:11px;line-height:1.8;max-width:340px;color:#67745d}.brief-paper>button{display:flex;justify-content:space-between;gap:30px;align-items:center;width:100%;background:#24392c;color:#edf1db;border:0;padding:17px 18px;font-size:11px;margin:25px 0 15px}.brief-paper>small{font-size:8px;line-height:1.8;display:block;color:#67745d;max-width:330px}
.process{background:#f0eee4}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7%}.process-grid article{border-top:1px solid #24352b55;padding-top:20px}.process-grid article>span{font-size:8px;color:#7f8b70}.process-grid h3{font-size:38px;margin:25px 0 18px}.process-grid p{font-size:12px;line-height:1.9;color:#67745d;max-width:290px}footer{background:#d5e3aa;padding:35px 4% 28px;color:#24392c;overflow:hidden}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px;border-bottom:1px solid #24352b45;font-size:8px}.footer-top>a{border-bottom:1px solid;padding-bottom:4px;font-family:'DM Sans';font-size:11px}.footer-wordmark{font:600 26.1vw/.95 'Barlow Condensed';letter-spacing:-.035em;margin:35px 0 20px;white-space:nowrap}.footer-bottom{border-top:1px solid #24352b45;padding-top:22px;display:flex;justify-content:space-between;gap:25px;align-items:end;font-size:8px}dialog{border:0;background:#efeddf;color:#24392c;padding:45px;width:min(620px,calc(100% - 32px));max-height:90svh;overflow:auto}dialog::backdrop{background:#102719c9;backdrop-filter:blur(6px)}dialog h2{font-size:57px;line-height:1;margin:20px 0}.dialog-close{position:absolute;right:14px;top:9px;background:transparent;border:0;font-size:29px;line-height:1.5}dialog>p{font-size:13px;line-height:1.85}dialog ul{padding-left:17px;font-size:12px;line-height:2;margin:20px 0}.dialog-note{font-size:10px!important;color:#6a7564;border-top:1px solid #24352b30;padding-top:20px}.brief-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.brief-actions button{padding:14px 20px;background:#24392c;color:#efeddf;border:1px solid #24392c;font-size:11px}.brief-actions button:last-child{background:transparent;color:#24392c}#copy-status{font-size:10px;margin-top:10px}#photo-dialog{width:min(1200px,calc(100% - 35px));padding:25px}#photo-dialog h2{font-size:36px;margin:0 40px 20px 0}#photo-dialog img{width:100%;max-height:65svh;object-fit:contain}#photo-dialog>p{font-size:10px;margin-top:15px}.fade-in{opacity:0;transform:translateY(25px);transition:opacity .9s,transform .9s}.fade-in.entered{opacity:1;transform:none}
@media(max-width:1100px){.studio-note{grid-template-columns:1fr 1fr;gap:30px 8%}.studio-note .section-label{grid-column:1/-1}.studio-note h2{font-size:68px}.site-header nav{gap:22px}.material-layout{gap:4%}.planner-layout{gap:5%}.material-list>button{padding:20px 25px 20px 15px}.material-name{font-size:30px}.brief-paper{padding:28px 25px;margin:-25px 12px 0}.brief-paper h3{font-size:40px}.journal-card{flex-basis:81vw}.light-stage{aspect-ratio:3/2}}
@media(max-width:700px){h2{font-size:59px}.section{padding:65px 5%}.concept-bar{font-size:6px;height:26px;padding:6px 4%;gap:10px}.concept-bar a{white-space:nowrap}.site-header{top:26px;padding:20px 5%}.logo{font-size:34px}.site-header nav{gap:18px;font-size:9px}.site-header nav a:nth-child(2){display:none}.site-header nav a:first-child{font-size:0}.site-header nav a:first-child:after{content:'Explore';font-size:9px}.arrival{height:150svh}.arrival-stage{min-height:650px}.entry-meta{top:114px;font-size:6px;line-height:1.8;gap:20px}.entry-meta>span:last-child{max-width:145px}.arrival h1{font-size:26.8vw;left:4%;bottom:178px;letter-spacing:-.04em}.arrival-photo,.arrival-study img{object-position:54% center}.drawing-handle{top:175px;bottom:260px}.drawing-handle>span{font-size:6px;padding:10px 8px;gap:8px}.drawing-handle b{font-size:15px}.entry-foot{bottom:28px;grid-template-columns:1fr 1fr;gap:22px 30px}.entry-foot>div:first-child{grid-column:1/-1}.entry-foot p{font-size:11px}.entry-foot .mono{font-size:6px}.entry-range{font-size:6px}.entry-scroll{font-size:6px;gap:15px}.entry-scroll>span{font-size:25px}.entry-side-note{right:7px;font-size:5px;top:45%}.studio-note{grid-template-columns:1fr;gap:25px}.studio-note .section-label{grid-column:auto;margin:0 0 8px}.studio-note h2{font-size:62px}.studio-note>div:last-child{font-size:12px;max-width:440px}.section-heading{display:block}.section-heading .section-label{margin-bottom:24px}.section-heading>p{margin-top:25px;font-size:11px}.journal .section-heading{padding-bottom:32px}.project-strip{gap:15px;padding-bottom:10px}.journal-card{flex-basis:86vw}.journal-photo{height:400px}.journal-caption{display:block;padding-top:20px}.journal-caption h3{font-size:37px;margin:9px 0}.journal-caption p{font-size:10px;max-width:290px}.journal-caption .mono{font-size:6px}.keep-detail{margin-top:15px;padding:8px 0;font-size:10px;max-width:180px}.photo-view{font-size:6px;bottom:15px;left:15px}.strip-controls{font-size:6px;margin-top:14px;padding-top:15px}.strip-controls button{width:42px;height:37px}.journal{padding-bottom:30px}.light-heading{padding-top:65px;padding-bottom:30px}.light-heading h2{font-size:66px}.light-stage{margin:0 4%;aspect-ratio:4/5}.light-stage>img{object-position:57% center}.light-captions{left:15px;right:15px;bottom:16px;font-size:6px;display:block}.light-captions>span:last-child{display:block;margin-top:7px;font-size:5px;letter-spacing:.1em}.light-controls{grid-template-columns:1fr;gap:25px;margin-top:22px}.light-controls>button{font-size:10px;padding:13px 16px}.light-slider>label{font-size:9px}.hour-choices button{font-size:7px}.afterlight{padding-bottom:35px}.material-layout{grid-template-columns:1fr;gap:30px}.materials>.section-heading{margin-bottom:30px}.material-name{font-size:30px}.material-description{font-size:10px}.material-list>button{padding:21px 30px 21px 15px}.material-layout figcaption{font-size:6px;line-height:1.8}.planner-layout{grid-template-columns:1fr;gap:40px}.planner>.section-heading{margin-bottom:35px}.planner-controls legend{font-size:13px}.feeling-choices{gap:6px}.feeling-choices button{padding:11px 12px;font-size:10px}.planner-controls fieldset{margin-bottom:28px}.preference-list label{font-size:12px;padding:17px 0}.preference-list small{font-size:9px}.size-control>label{font-size:12px}.size-control output{font-size:9px}.saved-header{font-size:11px}.brief-photo{aspect-ratio:4/3}.brief-paper{padding:28px 23px;margin:-20px 13px 0}.brief-paper h3{font-size:42px}.brief-paper p{font-size:10px}.brief-paper>button{font-size:10px}.brief-paper>small{font-size:8px}.process-grid{grid-template-columns:1fr;gap:35px}.process-grid h3{font-size:36px;margin:17px 0 12px}.process-grid p{font-size:11px;max-width:400px}.footer-top{display:block;font-size:6px;padding-bottom:25px}.footer-top>a{display:inline-block;margin-top:18px;font-size:10px}.footer-wordmark{font-size:26.2vw;margin:23px 0}.footer-bottom{flex-wrap:wrap;align-items:start;font-size:7px;gap:20px}.footer-bottom>p{width:100%}dialog{padding:32px 24px}dialog h2{font-size:45px}dialog>p{font-size:12px}dialog ul{font-size:11px}#photo-dialog{padding:20px}#photo-dialog h2{font-size:30px}#photo-dialog img{max-height:65svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.arrival{height:auto}.arrival-stage{position:relative}.arrival-photo,.arrival-study img,.arrival h1{transform:none!important}.arrival h1{opacity:1!important}.fade-in{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important}}

/* V6: let the new gardens lead. No oversized wordmark in the opening or ending. */
.arrival{height:calc(100svh - 28px);min-height:680px}.arrival-stage{position:relative;height:100%;min-height:0}.arrival-photo{transform:translate(var(--camera-x,0px),var(--camera-y,0px)) scale(1.045);transition:transform 1.4s cubic-bezier(.2,.6,.2,1)}.arrival h1.sr-only{position:absolute;inset:auto;bottom:auto;left:0;right:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);font-size:1px;line-height:1;transform:none;opacity:1}.arrival-wash{background:linear-gradient(180deg,#1223198c,transparent 28%,transparent 65%,#132a1db8)}.entry-meta{top:140px}.courtyard-caption{position:absolute;left:5%;bottom:125px;color:#eff0dc;max-width:340px}.courtyard-caption .mono{font-size:7px;letter-spacing:.09em}.courtyard-caption p{font-size:20px;line-height:1.45;margin-top:13px;max-width:280px}.entry-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7e9d43d;padding-top:19px;bottom:30px}.entry-scroll{justify-self:auto}.hero-light-link{font-size:11px;border-bottom:1px solid #d2dfb970;padding-bottom:5px}.entry-scroll>span{font-size:27px}
.sample-table{min-width:0}.sample-photo{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:3/2;isolation:isolate;background:#e5ddca}.sample-tile{position:relative;display:block;border:0;padding:0;background-image:url('assets/material-library-v5.jpg');background-size:200% 200%;background-position:var(--sx) var(--sy);touch-action:none;cursor:grab;transition:transform .35s,box-shadow .35s;transform-origin:center}.sample-tile:hover,.sample-tile:focus-visible,.sample-tile.lifting{z-index:2;transform:translateY(-6px) rotate(-1.5deg);box-shadow:5px 12px 18px #24352b45}.sample-tile:active{cursor:grabbing}.sample-tile>span{position:absolute;bottom:10px;left:10px;right:10px;background:#f3efdfef;padding:9px;color:#24352b;font:9px 'IBM Plex Mono';opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.sample-tile:hover>span,.sample-tile:focus-visible>span,.sample-tile[aria-pressed=true]>span{opacity:1;transform:none}.sample-tile[aria-pressed=true]>span:after{content:' ✓'}.sample-table figcaption{line-height:1.9!important;font-size:8px!important}.material-layout{align-items:start;gap:6%;grid-template-columns:1.2fr 1fr}.material-crop,.texture-inspector{background-image:url('assets/material-library-v5.jpg');background-size:200% 200%;background-position:var(--sx,0%) var(--sy,0%)}.texture-inspector{height:140px;margin-bottom:25px;background-size:260% auto;border:9px solid #f0edde;box-shadow:0 3px 10px #24352b12}.palette-workbench>.section-label{font-size:7px;margin-bottom:10px}.palette-workbench>h3{font-size:36px}.palette-workbench>p:not(.section-label):not(.material-status){font-size:11px;line-height:1.8;margin-top:10px;color:#6a7564}.palette-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid #24352b30;font-size:11px}.palette-heading>button{background:none;border:0;border-bottom:1px solid #24352b50;padding:4px 0;font-size:9px}.palette-tray{display:flex;gap:8px;align-items:start;flex-wrap:wrap;min-height:105px;margin-top:14px;padding:14px;border:1px dashed #859175;background:#e2e4d570;transition:background .2s,outline .2s}.palette-tray>p{font-size:11px;color:#6a7564;line-height:1.9;max-width:220px}.palette-chip{position:relative;background:#f5f1e4;padding:5px 5px 8px;width:calc(50% - 4px);box-shadow:2px 3px 0 #24352b18}.palette-chip>.material-crop{display:block;width:100%;height:50px}.palette-chip>span:nth-child(2){display:block;font-size:9px;margin-top:6px;padding-right:15px}.palette-chip>button{position:absolute;right:4px;bottom:5px;background:none;border:0;font-size:16px}.ready-to-drop{outline:2px solid #a54d32!important;outline-offset:5px;background-color:#d5dfbd!important}.material-ghost{position:fixed;width:130px;height:90px;z-index:200;pointer-events:none;border:6px solid #f2edde;box-shadow:8px 14px 30px #12231960;transform:rotate(-8deg)}
.planner-layout{grid-template-columns:.75fr 1.25fr;gap:6%}.board-toolbar{display:flex;justify-content:space-between;align-items:center;font:7px 'IBM Plex Mono';letter-spacing:.07em;margin-bottom:15px;gap:20px}.board-toolbar>div{display:flex;gap:5px}.board-toolbar button{width:33px;height:31px;background:transparent;border:1px solid #bbc9af70;color:#e9efdb;font-size:20px}.garden-board{position:relative;width:100%;height:590px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 20% 20%,#f7f3e6,#e4dfcf);box-shadow:12px 14px 0 #11291d55;border:1px solid #b6b49d;transition:outline .2s}.garden-board:before{content:'';position:absolute;inset:18px;border:1px solid #8f957528;pointer-events:none}.board-piece{position:absolute;left:6%;top:7%;background:#f7f4e8;padding:8px 8px 25px;box-shadow:4px 8px 13px #15291b38;transform:rotate(var(--turn,0deg));cursor:grab;touch-action:none;user-select:none;outline-offset:2px!important;z-index:2}.board-piece:active{cursor:grabbing}.board-piece.selected{outline:1px solid #a54d32}.main-board-photo{width:48%}.main-board-photo img{width:100%;height:175px;object-fit:cover}.board-piece>span{position:absolute;left:8px;bottom:9px;font:6px 'IBM Plex Mono';color:#596149;letter-spacing:.01em}.board-photo{width:35%;padding-bottom:27px}.board-photo img{width:100%;height:125px;object-fit:cover}.board-material{width:23%;padding:6px 6px 24px}.board-material>.material-crop{height:80px;width:100%}.board-note{width:51%;height:147px;padding:16px;background:#e9e4bd;user-select:auto;z-index:3}.board-note>label{font:6px/1.7 'IBM Plex Mono';letter-spacing:.06em;color:#687157;display:block;cursor:grab}.board-note textarea{display:block;resize:none;border:0;outline-offset:2px;width:100%;height:93px;padding:12px 0 0;background:transparent;color:#4e5e43;font:italic 14px/1.6 Georgia,serif;touch-action:auto}.board-note textarea::placeholder{color:#8c9275}.board-stamp{position:absolute;right:25px;bottom:22px;color:#969a7d;font:6px/1.8 'IBM Plex Mono';letter-spacing:.13em;text-align:right;pointer-events:none}.board-help{font-size:9px;line-height:1.9;color:#b9c8ad;margin-top:18px;max-width:440px}.brief-paper{margin:25px 0 0;padding:25px;background:#efeddc;box-shadow:none}.brief-paper h3{font-size:29px;max-width:none;margin:14px 0 10px}.brief-paper>button{margin:18px 0 12px}.brief-paper>small{max-width:none}.garden-finale{position:relative;height:90svh;min-height:650px;padding:0;background:#14281e;color:#ecf0db;isolation:isolate;overflow:hidden}.garden-finale>img{position:absolute;width:100%;height:115%;inset:-7% 0 auto;object-fit:cover;transform:translateY(var(--finale-drift,0px));z-index:-2}.finale-shade{position:absolute;inset:0;background:linear-gradient(0deg,#102318dc,transparent 65%),linear-gradient(90deg,#132a1e70,transparent 70%);z-index:-1}.finale-copy{position:absolute;left:5%;bottom:175px;max-width:480px}.finale-copy .section-label{font-size:8px;margin-bottom:20px}.garden-finale h2{font-size:clamp(38px,4.5vw,66px);line-height:1.05;letter-spacing:-.02em}.finale-copy>a{font-size:11px;border-bottom:1px solid #d5dfb680;display:inline-block;padding-bottom:6px;margin-top:22px}.finale-meta{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #d4dfc047;padding-top:23px;font:8px/1.9 'IBM Plex Mono'}.finale-meta>.logo{font-size:34px}.finale-meta>p{font-size:7px}.finale-meta>a:not(.logo){font-size:8px}
@media(max-width:1000px){.planner-layout{grid-template-columns:1fr;gap:40px}.planner-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.planner-controls>.saved-header,.planner-controls>.saved-details,.planner-controls>.palette-selection{grid-column:1/-1}.planner-controls fieldset{margin:0}.planner-controls>.size-control{grid-column:1/-1}.garden-board{height:650px}.main-board-photo img{height:220px}.board-photo img{height:170px}.board-material>.material-crop{height:100px}.board-note{height:165px}.board-note textarea{height:108px}.material-layout{gap:4%}.texture-inspector{height:100px}.palette-chip{width:100%}.palette-chip>.material-crop{height:38px}}
@media(max-width:700px){.arrival{height:calc(100svh - 26px);min-height:620px}.entry-meta{top:120px;font-size:6px}.courtyard-caption{bottom:130px;max-width:230px}.courtyard-caption .mono{font-size:6px}.courtyard-caption p{font-size:17px;max-width:200px}.entry-foot{bottom:28px;padding-top:17px;gap:20px}.hero-light-link{font-size:9px}.entry-scroll{font-size:6px;gap:13px}.arrival-photo{object-position:57% center}.sample-tile>span{font-size:6px;bottom:6px;left:6px;right:6px;padding:7px}.sample-table figcaption{font-size:7px!important}.material-layout{grid-template-columns:1fr;gap:32px}.texture-inspector{height:115px;max-width:none}.palette-chip{width:calc(50% - 4px)}.palette-chip>.material-crop{height:55px}.palette-workbench>h3{font-size:32px}.palette-tray{min-height:110px}.planner-controls{display:block}.planner-controls fieldset{margin-bottom:28px}.garden-board{height:500px}.main-board-photo{width:49%}.main-board-photo img{height:128px}.board-photo img{height:95px}.board-material>.material-crop{height:57px}.board-material{width:25%;padding-bottom:22px}.board-piece>span{font-size:5px;bottom:8px;left:6px}.board-piece{padding-left:6px;padding-right:6px}.board-note{height:130px;width:52%;padding:12px}.board-note>label{font-size:5px}.board-note textarea{font-size:12px;height:88px;padding-top:8px}.board-stamp{font-size:5px;right:18px}.board-toolbar{font-size:6px}.board-help{font-size:8px}.brief-paper{padding:23px}.brief-paper h3{font-size:29px}.garden-finale{height:85svh;min-height:650px}.garden-finale>img{object-position:57% center}.finale-copy{bottom:230px;max-width:280px}.garden-finale h2{font-size:43px}.finale-copy .section-label{font-size:6px}.finale-copy>a{font-size:10px}.finale-meta{flex-wrap:wrap;gap:17px 25px;bottom:25px;padding-top:20px}.finale-meta>.logo{width:100%;font-size:30px}.finale-meta>p{width:100%;font-size:6px}.finale-meta>a:not(.logo){font-size:7px}.finale-meta>.logo:after{content:none}}
@media(prefers-reduced-motion:reduce){.arrival-photo,.garden-finale>img{transform:none!important}.sample-tile:hover,.sample-tile:focus-visible{transform:none}.finale-copy{opacity:1;transform:none}}

.material-crop{background-size:200% auto}
.board-piece img{user-select:none;-webkit-user-drag:none}
@media(max-width:700px){.palette-tray.ready-to-drop{position:fixed;left:6%;right:6%;bottom:20px;width:auto;min-height:90px;max-height:230px;overflow:auto;z-index:190;background:#e4ead5}}
