@charset "UTF-8";
:root{--paper:#f5f3eb;--ink:#26382e;--muted:#656d63;--line:#d6d9cc;--accent:#dcf09c;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.055em}h1 em,h2 em{font-weight:400}h2{font-size:clamp(46px,4.9vw,76px)}h3{font-size:23px;line-height:1.3;font-weight:400;letter-spacing:-.025em}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #547a40;outline-offset:6px}.wrap{width:min(1320px,calc(100% - 104px));margin-inline:auto}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--ink);line-height:1.6}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--ink);color:white;padding:10px 18px}.skip:focus{top:14px}.header{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font-size:14px;letter-spacing:.11em;font-weight:600;line-height:1.25}.brand-note{display:block;font-size:9px;font-weight:400;letter-spacing:.1em;margin-top:6px;color:var(--muted)}.monogram{display:flex;align-items:center;font-family:var(--serif);font-size:50px;font-weight:400;font-style:italic;letter-spacing:-.22em;transform:translateY(-4px);width:40px}.monogram span{transform:translateY(7px);display:block}.header nav{display:flex;align-items:center;gap:34px;font-size:12px}.header nav>a:not(.nav-pill){padding:10px 0;border-bottom:1px solid transparent}.header nav>a:not(.nav-pill):hover{border-color:var(--ink)}.nav-pill{border:1px solid #9fa899;border-radius:40px;padding:12px 20px;display:flex;gap:24px;align-items:center}.nav-pill:hover{background:var(--accent)}.menu-toggle{display:none}.hero{padding-top:48px}.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}.hero h1{font-size:clamp(68px,7.45vw,116px);margin-top:22px;line-height:.98}.hero h1 em{color:#627a4c}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70875b;margin-right:10px;vertical-align:1px}.hero-intro{max-width:286px;padding-bottom:10px;font-size:14px;line-height:1.8}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #929b8b;padding-bottom:7px;font-size:12px;line-height:1.8}.text-link:hover{color:#668144;border-color:currentColor}.text-link span{font-size:21px;line-height:1}.hero-intro .text-link{margin-top:28px;min-width:230px}.hero-figure{position:relative;background:#d1d4c0}.hero-figure>img{width:100%;height:auto;aspect-ratio:1400/650;object-fit:cover;object-position:center 56%}.hero-figure figcaption{position:absolute;bottom:0;width:100%;padding:22px 28px;display:flex;justify-content:space-between;gap:20px;color:#fff;font-size:11px;letter-spacing:.025em;background:linear-gradient(transparent,#172419b3)}.caption-index{opacity:.65;padding-right:14px}.hero-figure figcaption>span:last-child{opacity:.85}.hero-figure figcaption>span:last-child>span{margin-left:28px;font-size:18px}.figure-stamp{position:absolute;right:30px;top:28px;font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.12;color:#faf9ef;text-align:right;text-shadow:0 1px 16px #172419}.hero-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;letter-spacing:.045em;padding-top:20px;color:var(--muted)}.hero-bottom a span{padding-left:20px}.intro-section{padding-block:112px}.section-label{display:flex;align-items:center;gap:13px}.small-star{font-size:24px;font-weight:400;line-height:1}.intro-main{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;margin-top:32px;align-items:start}.intro-main h2{font-size:clamp(42px,4.1vw,65px)}.intro-copy{max-width:410px;margin-left:auto;font-size:14px;line-height:1.85}.intro-copy p+p{margin-top:16px}.intro-copy .text-link{margin-top:26px}.studies-section{background:#e9ecdf;padding:94px 0 64px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:12px;line-height:1.8;max-width:280px;padding-bottom:6px}.study-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:60px 36px;align-items:start}.study-art{display:block;position:relative;overflow:hidden;background:#b8c4b2}.study-art img{width:100%;height:390px;object-fit:cover;transition:transform .8s}.study-art:hover img{transform:scale(1.035)}.study-feature .study-art img{height:490px;object-position:48% center}.study:nth-child(2){margin-top:114px}.round-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:42px;height:42px;font-size:22px;background:var(--paper);border-radius:50%;transition:background .2s}.study-art:hover .round-arrow{background:var(--accent)}.art-tag{position:absolute;left:20px;top:18px;font-size:9px;letter-spacing:.12em;padding:5px 9px;background:#f5f3ebdf}.study-heading{display:flex;justify-content:space-between;gap:15px;align-items:baseline;margin-top:20px}.study-heading h3{font-family:var(--serif);font-size:27px;letter-spacing:-.03em}.study-heading>span{font-size:9px;color:var(--muted);white-space:nowrap}.study>p{font-size:12px;line-height:1.8;margin-top:10px;max-width:410px}.study-wide{grid-column:1/-1;width:78%;margin-top:-30px}.study-wide .study-art img{height:400px;object-position:center 55%}.concept-note{font-size:10px;line-height:1.7;border-top:1px solid #cdd3c1;padding-top:25px;margin-top:45px;max-width:680px}.approach-section{padding-block:108px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:54px}.principles article{border-top:1px solid var(--line);padding-top:18px;position:relative}.principle-number{font-size:10px;color:var(--muted)}.principle-symbol{height:75px;width:80px;margin:28px 0 36px;position:relative;color:#6b7b57}.sun-symbol{height:70px;width:70px;border:1px solid #6b7b57;border-radius:50%;background:linear-gradient(90deg,transparent 49%,#6b7b57 49%,#6b7b57 50%,transparent 50%)}.sun-symbol:after{content:'';position:absolute;width:100%;height:50%;bottom:0;border-radius:0 0 50px 50px;background:repeating-linear-gradient(0deg,transparent,transparent 5px,#6b7b57 5px,#6b7b57 6px)}.material-symbol{display:flex;align-items:center;padding-left:10px}.material-symbol i{display:block;position:absolute;width:45px;height:60px;border:1px solid #6b7b57;transform:skewY(-20deg)}.material-symbol i:nth-child(2){left:25px;background:var(--paper)}.material-symbol i:nth-child(3){left:40px;background:repeating-linear-gradient(90deg,var(--paper),var(--paper) 4px,#bcc2ad 4px,#bcc2ad 5px)}.frame-symbol{border:1px solid #6b7b57;width:70px;height:70px}.frame-symbol:after{content:'';position:absolute;width:46px;height:46px;left:11px;top:11px;border:1px solid #6b7b57;box-shadow:inset 12px 0 #e3e6d6}.principles h3{font-family:var(--serif);font-size:29px;margin-bottom:15px}.principles p{font-size:13px;line-height:1.85;max-width:320px}.notes-section{padding-block:90px;background:#eeeee4}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.note-visual{height:320px;position:relative;overflow:hidden;margin-bottom:25px}.note-visual>span{position:absolute;left:20px;bottom:16px;z-index:4;font-size:8px;letter-spacing:.12em;color:#3f4b3a}.light-study{background:linear-gradient(90deg,#b6ad92,#e6d7b2)}.light-window{position:absolute;left:18%;top:12%;width:28%;height:62%;border:9px solid #635c45;background:linear-gradient(#e1e6cf,#9baa83)}.light-window:before{content:'';position:absolute;left:48%;width:6px;height:100%;background:#635c45}.light-window:after{content:'';position:absolute;top:47%;width:100%;height:6px;background:#635c45}.light-floor{position:absolute;left:20%;top:74%;width:63%;height:80%;background:linear-gradient(90deg,#f8e9b8 46%,#bcb08a 46%,#bcb08a 49%,#f8e9b8 49%);transform:skewX(55deg);transform-origin:top left;box-shadow:0 -100px 130px #fff6b433}.material-study{background:#d5d0c0;display:flex;justify-content:center;align-items:center;gap:0}.swatch{position:absolute;box-shadow:5px 10px 18px #34392b24}.timber{width:145px;height:190px;left:17%;top:46px;transform:rotate(-14deg);background:repeating-linear-gradient(92deg,#99724e,#a9845b 4px,#967149 5px,#b28d64 9px)}.stone{width:155px;height:175px;left:36%;top:64px;transform:rotate(9deg);background:repeating-linear-gradient(15deg,#b0b2a0,#bdbeae 12px,#a5ab98 14px,#bfc0ad 18px)}.linen{width:150px;height:150px;left:55%;top:116px;transform:rotate(-8deg);background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,#c0bba63b 2px,#c0bba63b 3px),repeating-linear-gradient(90deg,#e1dcc8,#e1dcc8 2px,#d2cdb9 2px,#d2cdb9 3px)}.notes-grid .eyebrow{font-size:9px;margin-bottom:11px}.notes-grid h3{font-family:var(--serif);font-size:31px;margin-bottom:14px}.notes-grid article>p:last-child{font-size:13px;line-height:1.85;max-width:510px}.details-section{padding-block:105px;display:grid;grid-template-columns:.9fr 1.2fr;gap:80px}.details-heading h2{font-size:55px;margin:18px 0}.details-heading>p:last-child{font-size:13px;max-width:250px}.study-details details{border-top:1px solid var(--line);scroll-margin-top:50px}.study-details details:last-child{border-bottom:1px solid var(--line)}summary{padding:24px 0;display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none;font-family:var(--serif);font-size:25px;letter-spacing:-.025em}summary::-webkit-details-marker{display:none}summary>span:first-child{font-family:var(--sans);font-size:10px;letter-spacing:0;color:var(--muted)}.details-plus{margin-left:auto;font-family:var(--sans);font-size:24px;font-weight:400;transition:transform .2s}details[open] .details-plus{transform:rotate(45deg)}.details-content{padding:0 20px 28px 33px;font-size:13px;line-height:1.85}.details-content dl{margin:20px 0 0}.details-content dl>div+div{margin-top:10px}dt{font-size:10px;letter-spacing:.04em}dd{margin:0;color:var(--muted);font-size:12px}.closing-section{background:var(--ink);color:var(--paper);padding-block:72px}.closing-section .eyebrow{color:#d8e2c3;display:flex;gap:12px;align-items:center}.closing-inner>h2{font-size:clamp(70px,9.2vw,145px);margin:36px 0 42px;line-height:.96}.closing-inner>h2 em{color:var(--accent)}.closing-bottom{display:flex;gap:70px;justify-content:space-between;align-items:flex-end;border-top:1px solid #7481686b;padding-top:30px}.closing-bottom p{max-width:420px;font-size:12px;line-height:1.85;color:#c2ccba}.closing-link{display:flex;align-items:center;justify-content:space-between;gap:50px;font-size:13px;border-bottom:1px solid #8e9d83;padding-bottom:12px;white-space:nowrap}.closing-link:hover{color:var(--accent)}.closing-link span{font-size:26px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:37px}.footer-brand{font-size:11px;gap:18px}.footer-brand span{font-size:30px;font-weight:400}.footer>div{font-size:10px;line-height:1.7}.top-link{font-size:10px;display:flex;gap:22px;align-items:center}.top-link span{font-size:20px}::selection{background:var(--accent);color:var(--ink)}
@media(min-width:1600px){.hero-figure>img{aspect-ratio:1400/630}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:22px}.header nav>a:nth-child(2){display:none}.hero-top{gap:30px}.hero-intro{max-width:240px}.hero h1{font-size:84px}.intro-main{gap:35px}.study-heading{display:block}.study-heading>span{display:block;margin-top:5px}.study-feature .study-art img{height:420px}.study-art img{height:340px}.study:nth-child(2){margin-top:80px}.study-wide{width:88%;margin-top:-10px}.principles{gap:28px}.details-section{gap:45px}.closing-link{gap:25px}.material-study .timber{left:8%}.material-study .stone{left:30%}.material-study .linen{left:52%}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{min-height:86px;position:relative}.brand{font-size:12px;gap:12px}.brand-note{font-size:8px}.monogram{font-size:44px;width:34px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;padding:10px 0 10px 15px;background:transparent;font-size:12px}.menu-toggle span{font-size:21px;transition:transform .2s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.header nav{display:none;position:absolute;top:85px;left:-20px;width:calc(100% + 40px);z-index:20;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 12px 16px #26382e0a;align-items:stretch;gap:12px}.header nav.open{display:flex;flex-direction:column}.header nav>a:nth-child(2){display:block}.nav-pill{justify-content:space-between;margin-top:8px}.hero{padding-top:36px}.hero-top{display:block;margin-bottom:28px}.hero h1{font-size:clamp(56px,12.4vw,92px);margin-top:20px}.hero .eyebrow{font-size:8px;letter-spacing:.11em}.hero-intro{max-width:355px;margin-top:24px;padding-bottom:0;font-size:13px;line-height:1.8}.hero-intro .text-link{margin-top:18px;min-width:215px}.hero-figure>img{height:390px;aspect-ratio:auto;object-position:55% center}.hero-figure figcaption{padding:18px;font-size:10px;gap:8px;align-items:flex-start;flex-direction:column}.hero-figure figcaption>span:last-child{font-size:8px}.hero-figure figcaption>span:last-child>span{display:none}.figure-stamp{font-size:19px;top:22px;right:18px}.hero-bottom{font-size:8px;gap:12px;padding-top:16px}.hero-bottom>span:nth-child(2){display:none}.intro-section{padding-block:65px}.section-label{font-size:8px;gap:9px}.small-star{font-size:21px}.intro-main{display:block;margin-top:25px}.intro-main h2{font-size:43px}.intro-copy{margin:25px 0 0;max-width:100%;font-size:13px}.intro-copy .text-link{margin-top:22px}.studies-section{padding-block:58px 42px}.section-heading{gap:22px;display:block;margin-bottom:30px}.section-heading h2{font-size:50px}.section-heading .eyebrow{font-size:8px;margin-bottom:15px}.section-heading>p{margin-top:18px;font-size:12px}.section-heading>p br{display:none}.study-grid{display:block}.study+.study{margin-top:35px}.study-art img,.study-feature .study-art img{height:320px}.study-feature .study-art img{object-position:53% center}.study-heading h3{font-size:27px}.study-heading>span{font-size:9px}.study-wide{width:100%}.study-wide .study-art img{height:300px;object-position:63% center}.study>p{font-size:12px}.concept-note{margin-top:30px;font-size:9px}.art-tag{left:15px;top:15px;font-size:8px}.approach-section{padding-block:64px}.principles{display:block;margin-top:35px}.principles article{display:grid;grid-template-columns:80px 1fr;column-gap:25px;padding-top:22px;margin-bottom:30px}.principle-number{position:absolute;right:0;top:17px}.principle-symbol{grid-row:1/3;margin:10px 0 0;transform:scale(.83);transform-origin:top left}.principles h3{font-size:27px;margin-bottom:10px;padding-top:15px}.principles p{font-size:12px;max-width:100%}.principles article:last-child{margin-bottom:0}.notes-section{padding-block:56px}.notes-grid{display:block}.notes-grid article+article{margin-top:38px}.note-visual{height:280px;margin-bottom:22px}.notes-grid h3{font-size:29px}.notes-grid article>p:last-child{font-size:12px}.material-study .timber{left:9%;width:130px;height:170px}.material-study .stone{left:32%;width:135px;height:160px}.material-study .linen{left:53%;width:125px;height:130px;top:115px}.details-section{padding-block:64px;display:block}.details-heading h2{font-size:48px}.details-heading>p:last-child{max-width:100%}.study-details{margin-top:30px}summary{font-size:23px;padding-block:22px;gap:13px}.details-content{padding-left:25px;padding-right:0;font-size:12px}.closing-section{padding-block:48px}.closing-inner>h2{font-size:clamp(66px,14vw,95px);margin:30px 0}.closing-section .eyebrow{font-size:8px}.closing-bottom{display:block;padding-top:24px}.closing-bottom p{font-size:12px}.closing-link{margin-top:28px;font-size:12px;white-space:normal;gap:20px}.footer{flex-wrap:wrap;padding-block:30px;row-gap:18px}.footer-brand{width:100%}.footer>div{font-size:9px}.top-link{font-size:9px;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:360px){.hero h1{font-size:51px}.intro-main h2{font-size:37px}.closing-inner>h2{font-size:58px}summary{font-size:21px;gap:10px}.section-heading h2{font-size:45px}}