:root{--paper:#f7f6f0;--cream:#eeeee3;--ink:#183b2b;--forest:#173b2c;--muted:#686e60;--line:#d6d9cc;--sage:#c8d4b3;--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}
::selection{background:#c9d5ad;color:#173b2c}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #739449;outline-offset:6px}
button{cursor:pointer}
img{max-width:100%;display:block}
figure,p,h1,h2,h3{margin:0}
em{font-weight:400}
svg{display:block}
[hidden]{display:none!important}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:var(--paper);padding:14px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.site-header{max-width:1600px;margin:0 auto;height:112px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}
.brand-symbol{width:44px;height:42px;overflow:hidden;position:relative;mix-blend-mode:multiply}
.brand-symbol img{position:absolute;max-width:none;width:95px;height:95px;left:-27px;top:-18px}
.brand-name{font-family:var(--serif);font-size:39px;letter-spacing:-1.2px}
.brand-period{color:#829160}
.desktop-nav{display:flex;gap:36px;margin-left:5%}
.desktop-nav a{position:relative;font-size:13px;padding:10px 0}
.desktop-nav a::after{content:'';position:absolute;height:1px;left:0;right:0;bottom:5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.desktop-nav a:hover::after{transform:scaleX(1)}
.header-link{font-size:12px;border-bottom:1px solid #a5ad9e;padding:10px 0;display:flex;align-items:center;gap:22px}
.header-link span{font-size:20px;transition:transform .25s}
.header-link:hover span{transform:translate(2px,-2px)}
.menu-toggle{display:none}
.hero{max-width:1600px;margin:12px auto 0;padding:0 5.2% 64px;display:grid;grid-template-columns:1fr 1.05fr;gap:3.5%;align-items:center}
.hero-copy{padding:36px 0 10px}
.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:500;display:flex;align-items:center;gap:10px;line-height:1.7}
.small-star{font-size:22px;line-height:1;font-weight:400}
h1{font-family:var(--serif);font-size:clamp(66px,7.6vw,117px);font-weight:400;line-height:1.015;letter-spacing:-3.5px;margin-top:37px}
h1 em{color:#6e7d51}
.hero-description{font-size:16px;line-height:1.8;color:#636b5c;margin:30px 0 29px;letter-spacing:-.15px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;border-radius:50px;padding:17px 23px;font-size:12px;line-height:1.3;transition:background .25s,transform .25s}
.button-dark{background:var(--ink);color:var(--paper)}
.button-dark:hover{background:#2e5139;transform:translateY(-2px)}
.button span{font-size:19px;line-height:1}
.hero-footnote{margin-top:58px;font-size:10px;color:#65705d;display:flex;align-items:center;gap:8px}
.status-dot{display:inline-block;width:5px;height:5px;background:#80925a;border-radius:50%;flex-shrink:0}
.hero-visual{align-self:stretch;min-width:0;display:flex;flex-direction:column}
.hero-image-wrap{position:relative;flex:1;min-height:550px;overflow:hidden;border-radius:180px 2px 2px 2px;background:#c7c9b8}
.hero-image{height:100%;width:100%;position:absolute;inset:0;object-fit:cover;object-position:52% 50%;transition:transform 1.5s cubic-bezier(.2,.65,.3,1)}
.hero-image-wrap:hover .hero-image{transform:scale(1.025)}
.image-tag{position:absolute;bottom:28px;left:28px;z-index:1;color:var(--paper);font-family:var(--serif);font-size:31px;letter-spacing:-.4px;text-shadow:0 1px 15px #0006}
.image-discover{position:absolute;bottom:22px;right:24px;width:43px;height:43px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:25px;background:#183b2b38;backdrop-filter:blur(4px);transition:background .25s}
.image-discover:hover{background:#183b2b99}
.hero-visual figcaption{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.5px;color:#616c58;padding-top:14px}
.section-shell{max-width:1600px;margin:0 auto;padding-left:8%;padding-right:8%}
.section-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;display:flex;gap:27px;align-items:center;line-height:1.6}
.section-rule{height:1px;background:var(--line);flex:1}
.idea{padding-top:50px;padding-bottom:72px}
.idea-content{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;padding-top:43px;align-items:start}
h2{font-family:var(--serif);font-size:clamp(42px,4.7vw,72px);font-weight:400;line-height:1.05;letter-spacing:-1.8px}
h2 em{color:#7b835c}
.idea-copy{padding-top:4px}
.idea-copy>p:first-child{font-size:20px;line-height:1.55;letter-spacing:-.3px;margin-bottom:20px}
.body-copy{font-size:13px;line-height:1.85;color:#717665;max-width:405px}
.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #acb49d;padding:12px 0 8px;font-size:11px;margin-top:16px}
.text-link span{transition:transform .25s}
.text-link:hover span{transform:translateY(3px)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:53px;gap:30px}
.principles>div{display:flex;align-items:center;gap:15px;font-size:12px;border-top:1px solid var(--line);padding-top:19px}
.principle-number{color:#68745b;font-size:10px}
.material{background:var(--forest);color:var(--paper);overflow:hidden}
.material-inner{max-width:1600px;margin:auto;padding:45px 8% 27px}
.section-label.light{justify-content:space-between;color:#c4cdb9;font-size:9px;letter-spacing:1.2px}
.section-label.light span:last-child{font-size:9px;color:#a8b99c;letter-spacing:.7px;text-transform:none}
.material-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5%;align-items:center;padding-top:54px}
.material h2{font-size:clamp(50px,5.7vw,85px);letter-spacing:-2px}
.material h2 em{color:#c7d2b1}
.material-intro{font-size:13px;line-height:1.8;color:#c0ccb7;margin-top:24px}
.layer-controls{margin-top:31px;max-width:340px}
.layer-button{border:0;border-bottom:1px solid #ffffff24;background:transparent;color:#c4cdb9;width:100%;text-align:left;display:flex;gap:17px;align-items:center;padding:17px 0;transition:color .25s}
.layer-button:first-child{border-top:1px solid #ffffff24}
.layer-number{font-size:9px;opacity:.65}
.layer-button>span:nth-child(2){font-size:12px}
.layer-arrow{margin-left:auto;font-size:20px;opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .25s}
.layer-button:hover,.layer-button.active{color:#fffef0}
.layer-button:hover .layer-arrow,.layer-button.active .layer-arrow{opacity:1;transform:translate(0,0)}
.layer-button.active .layer-number{color:#d5e2b3;opacity:1}
.layer-details{max-width:340px;min-height:92px;margin-top:20px}
.layer-details p{font-size:11px;line-height:1.85;color:#bdcbb1}
.panel-study{min-width:0;position:relative}
.panel-svg{width:112%;max-width:700px;margin-left:-6%;height:auto;overflow:visible}
.slab{transition:transform .65s cubic-bezier(.2,.65,.3,1),opacity .5s;transform-box:fill-box;transform-origin:center}
.panel-study[data-active-layer="face"] .slab-face{transform:translateY(-13px)}
.panel-study[data-active-layer="core"] .slab-face{transform:translateY(-25px);opacity:.48}
.panel-study[data-active-layer="core"] .slab-core{transform:translateY(-9px)}
.panel-study[data-active-layer="backing"] .slab-face{transform:translateY(-30px);opacity:.3}
.panel-study[data-active-layer="backing"] .slab-core{transform:translateY(-15px);opacity:.4}
.panel-study[data-active-layer="backing"] .slab-backing{transform:translateY(12px)}
.panel-callout{transition:opacity .3s}
.panel-study:not([data-active-layer="face"]) .panel-callout{opacity:0}
.panel-caption{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b1c0a4;margin-top:-9px}
.panel-caption>span:first-child{display:flex;align-items:center;gap:8px}
.caption-dot{width:4px;height:4px;border-radius:50%;background:#b7c994;display:inline-block}
.material-note{text-align:center;border-top:1px solid #ffffff1f;padding-top:22px;margin-top:26px;font-size:9px;line-height:1.7;color:#aab99d}
.spaces{padding-top:75px;padding-bottom:75px}
.spaces-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:35px;margin-bottom:37px}
.spaces-heading h2{font-size:clamp(39px,4.1vw,62px)}
.spaces-heading>p{font-size:11px;color:#65705c;padding-bottom:7px;white-space:nowrap}
.space-item{display:grid;grid-template-columns:46px 1.25fr 1fr 40px;gap:22px;align-items:center;padding:25px 0;border-top:1px solid var(--line);transition:padding .3s}
.space-item:last-child{border-bottom:1px solid var(--line)}
.space-item:hover{padding-left:8px;padding-right:8px}
.space-index{font-size:10px;color:#68745b}
.space-item h3{font-family:var(--serif);font-size:34px;line-height:1.15;font-weight:400;letter-spacing:-.5px}
.space-item>p{color:#717765;font-size:11px}
.space-icon svg{width:32px;height:32px;stroke:#7e8b6c;stroke-width:1;fill:none}
.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:27px;padding-bottom:80px;align-items:center}
.story-visual{min-height:385px;align-self:stretch;background:#e5e9db;position:relative;overflow:hidden;display:grid;place-items:center}
.story-rings{position:absolute;width:350px;height:350px;left:-95px;top:-135px;transform:rotate(-35deg)}
.story-rings i{position:absolute;inset:0;border:1px solid #a7b198;border-radius:44%}
.story-rings i:nth-child(2){inset:24px}.story-rings i:nth-child(3){inset:48px}.story-rings i:nth-child(4){inset:72px}
.story-word{font-family:var(--serif);font-size:105px;letter-spacing:-5px;padding-bottom:10px;position:relative;z-index:1;text-align:center}
.story-word>span{display:block;font-family:Georgia,serif;font-size:16px;letter-spacing:3px;margin-top:5px;color:#7f8b6b;font-weight:400}
.story-visual-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#596849}
.story-copy .eyebrow{margin-bottom:27px}
.story-copy h2{font-size:clamp(44px,4.3vw,65px);margin-bottom:26px}
.story-copy>p{font-size:12px;line-height:1.85;max-width:360px;margin-bottom:15px;color:#5d6958}
.story-copy>p.body-copy{font-size:11px;color:#7c8271}
.story-signoff{display:block;font-family:var(--serif);font-size:21px;font-style:italic;margin-top:26px;color:#6b7957}
.questions{padding-top:23px;padding-bottom:85px;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%}
.questions-intro .eyebrow{font-size:9px;margin-bottom:22px}
.questions-intro h2{font-size:clamp(42px,4.3vw,65px)}
.faq-list details{border-top:1px solid var(--line)}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;font-size:12px;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-toggle{position:relative;display:block;width:14px;height:14px;flex-shrink:0}
.faq-toggle::before,.faq-toggle::after{content:'';position:absolute;background:#758766;left:1px;right:1px;height:1px;top:7px;transition:transform .25s}
.faq-toggle::after{transform:rotate(90deg)}
details[open] .faq-toggle::after{transform:rotate(0)}
.faq-list details>p{font-size:11px;line-height:1.9;color:#737c68;padding:0 31px 23px 0;max-width:460px}
.closing{position:relative;overflow:hidden;background:#e4e9d8;text-align:center;padding:52px 24px 42px}
.closing-star{display:block;color:#7f8c67;font-size:30px;margin-bottom:16px}
.closing>p{font-family:var(--serif);font-size:clamp(48px,6vw,91px);line-height:1.04;letter-spacing:-2px;position:relative;z-index:1}
.closing>p em{color:#71845e}
.closing-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #aeb99e;font-size:10px;margin-top:30px;padding:8px 0;position:relative;z-index:1}
.closing-link span{font-size:16px;transition:transform .25s}
.closing-link:hover span{transform:translateY(-3px)}
.closing-waves{position:absolute;right:0;bottom:-100px;width:40%;max-width:500px;height:auto;color:#82906e;opacity:.25;pointer-events:none}
.site-footer{max-width:1600px;margin:auto;display:flex;gap:30px;align-items:center;justify-content:space-between;padding:31px 5.2%}
.footer-brand{font-family:var(--serif);font-size:36px;letter-spacing:-1px}
.footer-center{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#65705c;text-align:center;line-height:1.5}
.footer-status{font-size:9px;color:#65705c;display:flex;align-items:center;gap:8px}
@media(min-width:1601px){.hero-image-wrap{min-height:640px}.hero-copy{padding-top:50px}.hero-footnote{margin-top:80px}.material-grid{gap:8%}}
@media(max-width:1100px){.site-header{height:94px}.desktop-nav{gap:25px;margin-left:0}.hero{padding-top:10px;gap:4%}.hero-image-wrap{min-height:495px;border-top-left-radius:140px}.hero-copy{padding-top:24px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:7.8vw;letter-spacing:-2.4px;margin-top:30px}.hero-description{font-size:14px}.hero-footnote{margin-top:40px}.section-shell{padding-left:6%;padding-right:6%}.material-inner{padding-left:6%;padding-right:6%}.idea-content{gap:7%}.idea-copy>p:first-child{font-size:18px}.body-copy{font-size:12px}.principles{gap:20px}.principles>div{font-size:10px}.spaces-heading{gap:25px}.spaces-heading>p{font-size:10px}.story{gap:7%}.story-visual{min-height:350px}.story-word{font-size:90px}.space-item{gap:15px;grid-template-columns:35px 1.15fr 1fr 35px}.space-item h3{font-size:30px}}
@media(max-width:760px){html{scroll-padding-top:18px}.site-header{height:86px;padding:0 6%;gap:15px}.brand-name{font-size:34px}.brand-symbol{transform:scale(.9);margin-left:-4px;margin-right:-2px}.desktop-nav,.header-link{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;background:none;border:1px solid #c8cfbd;border-radius:50%;width:42px;height:42px;padding:12px}.menu-toggle span{height:1px;width:100%;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{padding:5px 6% 20px;border-bottom:1px solid var(--line)}.mobile-nav a{padding:14px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:14px}.hero{margin:0;padding:27px 6% 42px;display:flex;flex-direction:column;gap:34px;align-items:stretch}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.15px}.small-star{font-size:20px}h1{font-size:clamp(61px,12.3vw,89px);letter-spacing:-2.4px;margin-top:24px;line-height:1.015}.hero-description{font-size:14px;line-height:1.7;margin:22px 0}.button{padding:15px 20px;gap:45px;font-size:11px}.hero-footnote{margin-top:24px;font-size:9px}.hero-image-wrap{min-height:0;height:460px;flex:none;border-top-left-radius:140px}.hero-image{object-position:52% 50%}.image-tag{left:22px;bottom:24px;font-size:31px}.image-discover{right:22px;bottom:22px}.hero-visual figcaption{font-size:8px;padding-top:11px}.section-shell{padding-left:6%;padding-right:6%}.idea{padding-top:25px;padding-bottom:45px}.section-label{font-size:9px;gap:18px;letter-spacing:1.25px}.idea-content{grid-template-columns:1fr;gap:25px;padding-top:28px}h2{font-size:clamp(43px,8.7vw,63px);letter-spacing:-1.4px}.idea-copy>p:first-child{font-size:18px;margin-bottom:15px}.body-copy{font-size:12px;max-width:420px}.text-link{margin-top:10px;font-size:10px}.principles{gap:14px;margin-top:33px}.principles>div{flex-direction:column;align-items:start;gap:9px;font-size:10px;line-height:1.5;padding-top:13px}.principle-number{font-size:8px}.material-inner{padding:32px 6% 24px}.section-label.light{font-size:8px;gap:20px}.section-label.light span:last-child{font-size:8px;max-width:120px;text-align:right}.material-grid{grid-template-columns:1fr;padding-top:32px;gap:8px}.material h2{font-size:clamp(53px,10vw,72px);letter-spacing:-1.6px}.material-intro{font-size:12px;margin-top:17px}.layer-controls{max-width:none;margin-top:25px;display:flex;gap:16px;border-top:1px solid #ffffff24}.layer-button,.layer-button:first-child{border-top:0;border-bottom:1px solid #ffffff30;padding:16px 0;gap:8px;align-items:center;justify-content:start;flex:1}.layer-button>span:nth-child(2){font-size:10px;line-height:1.5}.layer-number{font-size:8px}.layer-arrow{display:none}.layer-button.active{border-bottom-color:#c9d5ae}.layer-details{max-width:450px;min-height:65px;margin-top:16px}.layer-details p{font-size:11px}.panel-svg{width:100%;max-width:540px;margin:-6px auto 0}.panel-caption{font-size:8px;margin-top:-5px}.material-note{text-align:left;font-size:8px;margin-top:24px;padding-top:18px}.spaces{padding-top:43px;padding-bottom:45px}.spaces-heading{display:block;margin-top:25px;margin-bottom:28px}.spaces-heading h2{font-size:clamp(41px,8.7vw,63px);max-width:360px}.spaces-heading>p{font-size:10px;margin-top:16px;padding:0}.space-item{grid-template-columns:22px 1fr 30px;gap:13px;padding:22px 0}.space-item h3{font-size:29px;grid-column:2}.space-item>p{font-size:10px;grid-column:2;margin-top:-7px}.space-index{grid-row:1/3;align-self:center;font-size:9px}.space-icon{grid-row:1/3;grid-column:3}.space-icon svg{width:29px;height:29px}.story{display:flex;flex-direction:column;gap:30px;padding-top:12px;padding-bottom:47px;align-items:stretch}.story-visual{min-height:300px}.story-word{font-size:98px}.story-copy .eyebrow{margin-bottom:19px;font-size:9px}.story-copy h2{font-size:clamp(46px,9vw,65px);margin-bottom:20px}.story-copy>p{max-width:460px}.story-copy>p.body-copy{font-size:12px}.story-signoff{margin-top:19px;font-size:22px}.questions{display:block;padding-top:0;padding-bottom:48px}.questions-intro .eyebrow{margin-bottom:16px}.questions-intro h2{font-size:48px;margin-bottom:27px}.faq-list summary{font-size:11px;padding:20px 0}.faq-list details>p{font-size:11px}.closing{padding:38px 6% 34px}.closing-star{font-size:27px;margin-bottom:16px}.closing>p{font-size:clamp(49px,10vw,73px);letter-spacing:-1.5px}.closing-link{margin-top:25px;font-size:9px}.closing-waves{width:68%;right:-90px;bottom:-80px}.site-footer{padding:27px 6%;display:grid;grid-template-columns:1fr 1fr;row-gap:19px}.footer-brand{font-size:32px}.footer-status{justify-self:end;font-size:8px}.footer-center{grid-column:1/-1;grid-row:2;text-align:left;font-size:8px;gap:4px}}
@media(max-width:380px){h1{font-size:14.4vw;letter-spacing:-1.8px}.hero .eyebrow{font-size:7px;letter-spacing:.8px}.hero-image-wrap{height:380px;border-top-left-radius:115px}.hero-visual figcaption{font-size:7px}.layer-controls{gap:9px}.layer-button{gap:5px}.layer-button>span:nth-child(2){font-size:9px}.layer-number{font-size:7px}.panel-caption{font-size:7px}.story-word{font-size:84px}.spaces-heading h2{font-size:40px}.space-item h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-image-wrap:hover .hero-image{transform:none}}