:root{--ivory:#f3eee2;--paper:#faf7ef;--sand:#d9cdb9;--ink:#27251f;--brown:#3a2d23;--line:rgba(39,37,31,.2);--accent:#9e7256}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}.skip{position:fixed;top:-80px;left:20px;background:#fff;padding:12px;z-index:99}.skip:focus{top:20px}.header{height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.logo{display:flex;color:var(--ink);text-decoration:none;font-size:20px;letter-spacing:-.05em}.logo span{font-weight:600}.logo b{font-weight:400;color:var(--accent)}.nav{display:flex;gap:38px}.nav a,.header-link,.footer a{color:inherit;text-decoration:none;font-size:13px}.nav a:hover,.header-link:hover{color:var(--accent)}.header-link{border-bottom:1px solid;padding-bottom:4px}.menu{display:none;border:0;background:none;font-size:22px}.hero{height:min(800px,calc(100vh - 78px));min-height:650px;position:relative;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/slon10-hero.jpg') center/cover no-repeat}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,238,226,.96),rgba(243,238,226,.52) 46%,transparent 68%)}.hero-content{position:absolute;left:clamp(24px,7vw,110px);top:50%;transform:translateY(-55%);max-width:610px}.kicker{text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:600;color:var(--accent);margin:0 0 25px}.hero h1,.section h2{font-family:Italiana,Georgia,serif;font-weight:400;line-height:.98;letter-spacing:-.035em}.hero h1{font-size:clamp(72px,9vw,132px);margin:0 0 28px}.hero h1 em,.section h2 em{font-style:italic;color:var(--accent)}.hero-content>p:not(.kicker){max-width:470px;line-height:1.65;color:#554f45;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;margin-top:25px;padding:15px 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);text-decoration:none;font:inherit;font-size:13px;cursor:pointer;transition:.25s}.button:hover{background:var(--ink);color:var(--paper)}.hero-index{position:absolute;right:5%;top:14%;display:flex;align-items:center;gap:14px;color:#fff}.hero-index span{font-family:Italiana;font-size:66px}.hero-index small{text-transform:uppercase;letter-spacing:.15em;font-size:9px}.hero-foot{position:absolute;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);bottom:26px;display:flex;justify-content:space-between;border-top:1px solid #625b4c66;padding-top:15px;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.section{padding:120px clamp(24px,6vw,92px)}.section h2{font-size:clamp(52px,6.4vw,92px);margin:0}.statement{background:var(--paper)}.statement-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12vw;margin-top:80px;padding-top:40px;border-top:1px solid var(--line)}.statement-grid p{line-height:1.8;margin:0;color:#645e54}.statement-grid .lead{font-family:Italiana;font-size:30px;line-height:1.35;color:var(--ink)}.palette{background:#ded4c2}.section-head{display:flex;align-items:end;justify-content:space-between;gap:80px;margin-bottom:70px}.section-head>p{max-width:400px;line-height:1.75;color:#5d574d}.swatches{height:300px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #776f6038}.swatch{border:0;border-right:1px solid #776f6038;background:transparent;display:flex;flex-direction:column;padding:0;cursor:pointer;position:relative}.swatch:last-child{border-right:0}.swatch span{flex:1;background:var(--tone);transition:.25s}.swatch b{padding:18px;text-align:left;font-size:11px;font-weight:500}.swatch:hover span,.swatch.active span{margin:10px}.selected-tone{display:flex;justify-content:space-between;margin-top:22px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.selected-tone strong{font-weight:500}.materials{background:var(--paper)}.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.material-card{height:500px;padding:24px;color:var(--ink);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.material-card.light{background:#e8e1d2}.material-card.texture{background:repeating-linear-gradient(90deg,#d2c5af 0 2px,#dbcfbb 2px 5px)}.material-card.dark{background:#66594b;color:#f8f3e9}.material-card span{font-size:11px}.material-card p{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.material-card h3{font-family:Italiana;font-weight:400;font-size:58px;margin:7px 0 15px}.material-card small{opacity:.7}.ethics{background:var(--brown);color:var(--paper);display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:center}.ethics-mark{font-family:Italiana;font-size:clamp(220px,30vw,480px);line-height:.7;color:#d9cdb91a}.ethics>div:last-child>p:not(.kicker){line-height:1.8;color:#d5c9b8;max-width:650px}.metrics{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff2e;margin-top:45px;padding-top:30px;gap:30px}.metrics span{display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.13em;font-size:9px}.metrics b{font-family:Italiana;font-size:48px;letter-spacing:0;margin-bottom:8px;color:#eadfcd}.contact{background:#b7aa94;display:grid;grid-template-columns:1fr 1fr;column-gap:10vw}.contact>.kicker{grid-column:1/-1}.form{display:grid;gap:22px;align-self:end}.form label{font-size:9px;text-transform:uppercase;letter-spacing:.15em}.form input,.form select{display:block;width:100%;border:0;border-bottom:1px solid #39352e66;background:transparent;padding:12px 0;font:inherit;font-size:15px;outline:none;border-radius:0}.dark-button{background:var(--ink);color:var(--paper);justify-self:start}.form-status{font-size:12px}.footer{padding:70px clamp(24px,6vw,92px) 28px;background:#1d1c18;color:#d8d0c2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px}.footer-logo{color:#fff}.footer p{font-size:12px;line-height:1.7;margin:0}.footer nav{display:flex;flex-direction:column;gap:12px}.footer small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:22px;color:#777166}
@media(max-width:850px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column}.nav.open{display:flex}.header-link{display:none}.menu{display:block}.statement-grid,.ethics,.contact{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:28px}.material-grid{grid-template-columns:1fr 1fr}.material-card:last-child{grid-column:1/-1}.ethics-mark{display:none}.contact h2{margin-bottom:60px}}
@media(max-width:600px){.header{height:66px}.hero{min-height:720px}.hero-image{background-position:64% center}.hero-image:after{background:linear-gradient(90deg,rgba(243,238,226,.96),rgba(243,238,226,.58) 72%,transparent)}.hero h1{font-size:72px}.hero-index{display:none}.hero-foot{display:block}.hero-foot span{display:block;margin-top:7px}.section{padding:82px 22px}.statement-grid{gap:35px;margin-top:50px}.section h2{font-size:54px}.swatches{height:240px;grid-template-columns:repeat(5,90px);overflow-x:auto}.material-grid{grid-template-columns:1fr}.material-card:last-child{grid-column:auto}.material-card{height:420px}.metrics{grid-template-columns:1fr}.footer{grid-template-columns:1fr;padding:55px 22px 25px}.footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}