/* ODERA / editorial furnishing system */
:root{--ink:#17231f;--paper:#f1efe8;--white:#fbfaf6;--lime:#c8e36a;--rust:#b75d3b;--muted:#777c73;--line:rgba(23,35,31,.18);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--serif:"Playfair Display",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input,select,textarea{font:inherit}.topline{height:34px;background:var(--ink);color:#e9e8df;display:flex;align-items:center;justify-content:space-between;padding:0 4.8%;font:9px var(--mono);letter-spacing:.13em}.topline a{color:var(--lime)}.topline b{font-size:14px;margin-left:12px}.header{height:88px;padding:0 4.8%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid transparent;transition:.25s}.header.is-scrolled{border-color:var(--line);background:rgba(241,239,232,.94);backdrop-filter:blur(14px)}.logo{width:164px;height:62px;display:flex;align-items:center}.logo img{object-fit:contain;max-width:100%;max-height:100%}.nav{display:flex;align-items:center;gap:29px;font-size:11px;font-weight:700}.nav>a:not(.nav-pill){opacity:.7;transition:.2s}.nav>a:hover,.nav>a.active{opacity:1}.nav>a.active{color:#8a4e32}.nav-pill{padding:13px 18px;background:var(--lime);border-radius:2px}.nav-pill span{margin-left:14px}.menu-toggle{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:53% 47%;position:relative;background:var(--ink);color:var(--white);overflow:hidden}.hero-visual{position:relative;min-height:650px}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(23,35,31,.28))}.hero-visual img{filter:saturate(.72);object-position:center}.image-index{position:absolute;bottom:35px;left:5%;z-index:2;color:white;font:10px var(--mono);letter-spacing:.12em}.image-index span{margin-left:22px;color:rgba(255,255,255,.7)}.hero-copy{padding:105px 10% 62px 8%;display:flex;flex-direction:column;justify-content:center;position:relative}.kicker{font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#7c654f;margin:0 0 24px}.kicker.light{color:var(--lime)}.dot{display:inline-block;width:7px;height:7px;background:var(--rust);border-radius:50%;margin-right:10px;vertical-align:1px}.hero h1,.collection-title h1,.contact-masthead h1{font-size:clamp(52px,6.4vw,92px);line-height:.99;letter-spacing:-.075em;font-weight:600;margin:0 0 27px}.hero h1 em,.section-head h2 em,.manifesto h2 em,.statement h2 em,.closing h2 em,.collection-title h1 em,.collection-intro h2 em,.editorial-copy h2 em,.materials-heading h2 em,.collection-cta h2 em,.contact-masthead h1 em,.contact-aside h2 em,.form-top h2 em,.contact-end h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.055em}.hero h1 em{color:var(--lime)}.hero-intro{max-width:380px;color:#c6cbc2;font-size:15px;line-height:1.85}.hero-links{display:flex;align-items:center;gap:27px;margin-top:25px}.solid-link{background:var(--lime);color:var(--ink);padding:15px 18px;font-size:11px;font-weight:800}.solid-link span{margin-left:22px}.under-link{font-size:11px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:7px}.under-link span{margin-left:12px}.hero-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:65px;color:#a5afa6;font:9px var(--mono);letter-spacing:.13em}.hero-stamp{position:absolute;top:36px;right:4.5%;z-index:2;border:1px solid rgba(255,255,255,.5);width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;font:8px/1.4 var(--mono);letter-spacing:.1em;color:white}.hero-stamp b{font-size:17px;color:var(--lime)}.ticker{overflow:hidden;background:var(--lime);padding:13px 0;white-space:nowrap;color:var(--ink);font:10px var(--mono);letter-spacing:.15em}.ticker div{width:max-content;animation:marquee 32s linear infinite}.ticker b{font-size:17px;padding:0 35px}@keyframes marquee{to{transform:translateX(-50%)}}
.section-wrap{padding:115px 8.5%}.manifesto{display:grid;grid-template-columns:15% 1fr 31%;gap:4%;align-items:start}.section-rail{display:flex;flex-direction:column;gap:17px;font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}.rail-line{height:1px;background:var(--rust);width:45px}.manifesto h2,.section-head h2,.collection-intro h2,.materials-heading h2{font-size:clamp(38px,4.3vw,60px);line-height:1.08;letter-spacing:-.065em;font-weight:600;margin:0 0 32px}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:850px}.big-copy{font-size:17px;line-height:1.8;font-weight:500}.manifesto-bottom>div p{font-size:13px;color:#60685f;line-height:1.9}.arrow-link{display:inline-flex;gap:22px;align-items:center;margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--rust);font-size:11px;font-weight:800}.arrow-link span{color:var(--rust);font-size:16px}.manifesto-photo{margin:78px 0 0;position:relative;height:360px}.manifesto-photo figcaption{position:absolute;bottom:-25px;left:0;font:9px var(--mono);letter-spacing:.13em}.services{background:#e7e5dc}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px}.section-head h2{margin:0}.section-head>p{max-width:300px;color:#667067;font-size:13px;line-height:1.9;margin-bottom:8px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:7% 21% 1fr 54px;gap:28px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line);transition:padding .25s}.service-row:hover{padding-left:13px;padding-right:13px}.service-no{font:11px var(--mono);color:var(--rust)}.service-image{height:115px;overflow:hidden}.service-image img{transition:transform .5s}.service-row:hover .service-image img{transform:scale(1.06)}.service-text h3{font-size:22px;letter-spacing:-.04em;margin:0 0 5px}.service-text p{font-size:12px;color:#697068;max-width:520px;margin:0}.round-arrow{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:18px;transition:.2s}.service-row:hover .round-arrow{background:var(--lime);border-color:var(--lime)}
.statement{min-height:580px;background:var(--ink);color:white;position:relative;display:grid;grid-template-columns:53% 47%;align-items:stretch}.statement-image{min-height:580px}.statement-image img{filter:saturate(.65)}.statement-copy{padding:100px 14% 80px 12%;align-self:center}.statement h2{font-size:clamp(45px,5.2vw,72px);line-height:1.04;letter-spacing:-.07em;margin:0 0 24px}.statement h2 em{color:var(--lime)}.statement-copy>p:not(.kicker){font-size:13px;color:#c1c9c0;line-height:1.9;max-width:400px;margin-bottom:30px}.light-link{display:inline-flex;gap:24px;align-items:center;color:var(--lime);font-size:11px;font-weight:800;border-bottom:1px solid rgba(200,227,106,.6);padding-bottom:9px}.statement-index{position:absolute;bottom:30px;right:5%;font:10px var(--mono);color:#b4bdb3}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:25px 25px 10px 0;border-right:1px solid var(--line);margin-right:25px}.process-grid article:last-child{border:0;margin:0}.process-grid article>span{font:11px var(--mono);color:var(--rust)}.process-mark{font-size:30px;color:#9aa58c;margin:24px 0}.process-grid h3{font-size:16px;letter-spacing:-.03em}.process-grid p{font-size:12px;line-height:1.9;color:#6c746b}.quote-panel{background:var(--rust);color:white;text-align:center;padding:100px 20px}.quote-panel .kicker{color:#f4d9cb}.quote-panel blockquote{font:clamp(30px,4.2vw,56px)/1.25 var(--serif);margin:20px auto 30px;letter-spacing:-.035em}.quote-panel blockquote em{color:#f3d7c7}.quote-panel>span{font:9px var(--mono);letter-spacing:.17em}.closing{display:flex;justify-content:space-between;align-items:center}.closing h2{font-size:clamp(40px,4.8vw,64px);line-height:1.1;letter-spacing:-.07em;margin:0}.circle-cta{width:150px;height:150px;background:var(--lime);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:10px/1.5 var(--mono);letter-spacing:.06em;transform:rotate(-9deg);transition:transform .3s}.circle-cta:hover{transform:rotate(0) scale(1.06)}.circle-cta b{font-size:20px;margin-top:7px}
.footer{background:var(--ink);color:#e7e8df;padding:65px 8.5% 20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:45px;padding-bottom:55px}.footer-brand img{width:160px;height:65px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.footer-brand p,.footer-col p{max-width:230px;color:#aeb7ad;font-size:11px;line-height:1.8}.footer-col{display:flex;flex-direction:column;gap:10px;font-size:11px}.footer-col>span{font:9px var(--mono);color:var(--lime);letter-spacing:.13em;margin-bottom:8px}.footer-col a:hover{color:var(--lime)}.footer-note{font:10px var(--mono);letter-spacing:.1em;align-self:center;color:var(--lime)}.footer-note em{font:italic 29px var(--serif);letter-spacing:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding-top:17px;display:flex;justify-content:space-between;color:#9da69d;font:9px var(--mono);letter-spacing:.07em}.footer-bottom b{color:var(--lime);font-size:15px;margin-left:8px}
/* Collection */
.collection-hero{min-height:560px;display:grid;grid-template-columns:50% 50%;position:relative;background:#e4e2d8}.collection-title{padding:95px 8% 60px 17%;display:flex;flex-direction:column;justify-content:center}.collection-title h1{font-size:clamp(62px,7vw,100px);margin:0 0 25px}.collection-title h1 em{color:var(--rust)}.collection-title>p:not(.kicker){max-width:370px;color:#60685f;font-size:14px}.collection-meta{display:flex;justify-content:space-between;margin-top:75px;padding-top:15px;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:.1em}.collection-hero-image{min-height:560px;position:relative}.collection-hero-image img{filter:saturate(.72)}.collection-side{position:absolute;right:20px;top:45%;writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.18em;color:white}.collection-intro{display:grid;grid-template-columns:15% 1.1fr 1fr;gap:4%;align-items:start}.vertical-label{writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.13em;color:var(--rust)}.collection-intro h2{font-size:clamp(38px,4vw,58px)}.collection-intro>div:last-child{padding-top:45px}.collection-intro>div:last-child p:not(.big-copy){font-size:12px;color:#697168;line-height:1.9}.editorial-list{padding:0 8.5%}.editorial-item{display:grid;grid-template-columns:53% 47%;align-items:center;gap:7%;padding:65px 0;border-top:1px solid var(--line)}.editorial-item.flip .editorial-photo{order:2}.editorial-item.flip .editorial-copy{order:1;padding-left:8%}.editorial-photo{height:490px;position:relative;overflow:hidden}.editorial-photo img{transition:transform .7s;filter:saturate(.8)}.editorial-item:hover .editorial-photo img{transform:scale(1.025)}.editorial-photo>span{position:absolute;bottom:18px;left:18px;background:var(--lime);padding:8px 12px;font:9px var(--mono);letter-spacing:.1em}.editorial-copy{padding-right:8%}.editorial-copy h2{font-size:clamp(36px,4vw,55px);line-height:1.06;letter-spacing:-.065em;margin:0 0 20px}.editorial-copy h2 em{color:var(--rust)}.editorial-copy p{font-size:12px;color:#626b62;line-height:1.9}.editorial-copy .lead{font-size:15px;color:var(--ink);font-weight:700}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tags span{border:1px solid var(--line);padding:6px 8px;font:8px var(--mono);letter-spacing:.08em}.materials{background:#e6e4da}.materials-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px;margin-bottom:45px}.materials-heading .kicker{grid-column:1/-1}.materials-heading h2{margin:0}.materials-heading>p:last-child{max-width:350px;font-size:12px;color:#687168}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.material-grid article img{height:190px;margin-bottom:17px}.material-grid article>span{font:8px var(--mono);letter-spacing:.12em;color:var(--rust)}.material-grid h3{font-size:15px;margin:7px 0}.material-grid p{font-size:11px;color:#687168;line-height:1.8}.materials-note{font:9px var(--mono);color:#727a70;margin-top:32px}.collection-cta{min-height:460px;background:linear-gradient(90deg,rgba(23,35,31,.94),rgba(23,35,31,.55)),url("https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=90") center/cover;display:flex;align-items:center;padding:80px 13%;color:white}.collection-cta h2{font-size:clamp(48px,5vw,70px);line-height:1.02;letter-spacing:-.07em;margin:0 0 20px}.collection-cta h2 em{color:var(--lime)}.collection-cta>div>p:not(.kicker){max-width:400px;color:#d0d4cc;font-size:13px;line-height:1.9;margin-bottom:30px}
/* Contact */
.contact-masthead{display:grid;grid-template-columns:54% 46%;min-height:550px;background:#e4e2d8}.contact-mast-copy{padding:90px 9% 55px 16%;display:flex;flex-direction:column;justify-content:center}.contact-masthead h1{font-size:clamp(50px,5.8vw,82px)}.contact-masthead h1 em{color:var(--rust)}.contact-mast-copy>p:not(.kicker){max-width:400px;color:#667067;font-size:14px}.contact-coordinates{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:65px;font:9px var(--mono);letter-spacing:.1em}.contact-mast-image{min-height:550px}.contact-mast-image img{filter:saturate(.7)}.contact-workspace{display:grid;grid-template-columns:40% 1fr;gap:10%;align-items:start}.contact-aside h2{font-size:clamp(40px,4.4vw,61px);line-height:1.08;letter-spacing:-.07em;margin:0 0 22px}.contact-aside h2 em{color:var(--rust)}.contact-aside .big-copy{font-size:15px}.contact-points{margin-top:45px}.contact-points>div{display:grid;grid-template-columns:36px 1fr;gap:14px;border-top:1px solid var(--line);padding:17px 0}.contact-points>div>span{font:10px var(--mono);color:var(--rust)}.contact-points h3{font-size:13px;margin:0 0 5px}.contact-points p{font-size:11px;color:#687168;margin:0;line-height:1.8}.contact-points a{color:var(--rust)}.project-form{background:#e5e3d9;padding:42px 5%;border:1px solid rgba(23,35,31,.08)}.form-top{display:flex;justify-content:space-between;align-items:start}.form-top .kicker{margin-bottom:12px}.form-top h2{font-size:38px;line-height:1.05;letter-spacing:-.06em;margin:0 0 25px}.form-top h2 em{color:var(--rust)}.form-top>span{font:9px var(--mono);color:var(--rust)}.form-progress{display:flex;align-items:center;gap:13px;font:8px var(--mono);letter-spacing:.1em;color:#6d756c;margin:0 0 30px}.form-progress i{height:1px;background:var(--rust);width:45px}.project-form label{display:block;margin:0 0 22px}.project-form label>span{display:block;font:8px var(--mono);letter-spacing:.1em;color:#687168;margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-form input,.project-form select,.project-form textarea{width:100%;border:0;border-bottom:1px solid #a9ada2;background:transparent;padding:10px 0;color:var(--ink);outline:none;font-size:12px;border-radius:0}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--rust)}.project-form textarea{resize:vertical;min-height:110px}.project-form input::placeholder,.project-form textarea::placeholder{color:#969b91}.submit-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:17px 19px;background:var(--ink);color:white;border:0;cursor:pointer;font-size:11px;font-weight:700;transition:.2s}.submit-button:hover{background:var(--rust)}.submit-button b{font-size:18px;color:var(--lime)}.form-note,.form-feedback{font-size:10px;color:#71786f;line-height:1.7}.form-feedback{color:#54713d}.contact-end{min-height:390px;background:var(--ink);color:white;display:grid;grid-template-columns:52% 48%;align-items:center}.contact-end-image{height:390px;background:url("https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1300&q=90") center/cover;filter:saturate(.6)}.contact-end>div:last-child{padding:60px 12%}.contact-end h2{font-size:clamp(40px,4.5vw,62px);line-height:1.08;letter-spacing:-.07em;margin:0}.contact-end h2 em{color:var(--lime)}
/* motion + responsive */
.section-wrap,.editorial-item,.material-grid article,.project-form,.contact-aside{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.section-wrap.in-view,.editorial-item.in-view,.material-grid article.in-view,.project-form.in-view,.contact-aside.in-view{opacity:1;transform:none}
@media(max-width:900px){.nav{gap:15px}.nav-pill{padding:11px}.hero-copy{padding-left:7%;padding-right:7%}.manifesto{grid-template-columns:12% 1fr}.manifesto-photo{grid-column:2;margin:35px 0 0;height:300px}.section-wrap{padding:85px 6%}.editorial-list{padding:0 6%}.editorial-item{gap:4%}.editorial-photo{height:420px}.footer{padding-left:6%;padding-right:6%}.footer-top{gap:25px}.contact-mast-copy{padding-left:9%}}
@media(max-width:680px){.topline{padding:0 5%;height:31px;font-size:7px}.topline>span:nth-child(2){display:none}.header{height:72px;padding:0 5%}.logo{width:140px;height:55px}.menu-toggle{display:flex;width:42px;height:42px;border:1px solid var(--line);background:transparent;flex-direction:column;justify-content:center;gap:6px;align-items:center}.menu-toggle i{display:block;width:17px;height:1px;background:var(--ink)}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:25px 6% 30px;align-items:stretch;flex-direction:column;gap:19px;border-bottom:1px solid var(--line)}.nav.is-open{display:flex}.nav-pill{text-align:center}.hero{display:flex;flex-direction:column-reverse}.hero-visual{min-height:340px;height:340px}.hero-copy{padding:60px 7% 30px;min-height:440px}.hero h1{font-size:58px}.hero-foot{padding-top:45px}.hero-stamp{top:20px;right:6%;width:63px;height:63px}.hero-links{gap:18px;flex-wrap:wrap}.section-wrap{padding:70px 6%}.manifesto{display:block}.section-rail{flex-direction:row;align-items:center;margin-bottom:35px}.rail-line{width:35px}.manifesto h2,.section-head h2,.collection-intro h2,.materials-heading h2{font-size:42px}.manifesto-bottom{display:block}.manifesto-bottom>div{margin-top:20px}.manifesto-photo{margin:35px 0 0;height:270px}.section-head{display:block;margin-bottom:35px}.section-head>p{margin-top:22px}.service-row{grid-template-columns:34px 100px 1fr 35px;gap:12px;padding:15px 0}.service-image{height:90px}.service-text h3{font-size:14px}.service-text p{font-size:10px;line-height:1.5}.round-arrow{width:32px;height:32px}.statement{display:flex;flex-direction:column}.statement-image{min-height:290px;height:290px}.statement-copy{padding:60px 7% 75px}.statement h2{font-size:52px}.process-grid{grid-template-columns:1fr 1fr}.process-grid article{margin:0;padding:20px 15px 20px 0;border-bottom:1px solid var(--line)}.process-grid article:nth-child(2){border-right:0}.process-grid article:nth-child(3){border-bottom:0}.process-grid article:last-child{padding-left:15px}.quote-panel{padding:75px 6%}.closing{display:block}.closing h2{font-size:43px}.circle-cta{margin:35px 0 0 8px;width:125px;height:125px}.footer{padding:55px 6% 18px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-brand{grid-column:1/-1}.footer-note{align-self:start}.footer-bottom{font-size:7px;gap:15px}.collection-hero{display:flex;flex-direction:column-reverse}.collection-hero-image{min-height:290px;height:290px}.collection-title{padding:55px 7% 35px}.collection-title h1{font-size:65px}.collection-meta{margin-top:40px}.collection-side{top:20px;right:12px}.collection-intro{display:block}.vertical-label{writing-mode:initial;display:block;margin-bottom:30px}.collection-intro>div:last-child{padding-top:0}.collection-intro h2{font-size:40px}.editorial-list{padding:0 6%}.editorial-item{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:40px 0}.editorial-item.flip .editorial-photo,.editorial-item.flip .editorial-copy{order:initial}.editorial-item.flip .editorial-copy{padding-left:0}.editorial-photo{height:290px}.editorial-copy{padding:0}.editorial-copy h2{font-size:42px}.materials-heading{display:block}.materials-heading>p:last-child{margin-top:20px}.material-grid{grid-template-columns:1fr 1fr;gap:25px 14px}.material-grid article img{height:145px}.collection-cta{padding:65px 7%;min-height:420px}.collection-cta h2{font-size:55px}.contact-masthead{display:flex;flex-direction:column-reverse}.contact-mast-image{height:260px;min-height:260px}.contact-mast-copy{padding:55px 7% 35px}.contact-masthead h1{font-size:53px}.contact-coordinates{margin-top:38px}.contact-workspace{display:block}.contact-aside{margin-bottom:45px}.contact-aside h2{font-size:47px}.project-form{padding:30px 6%}.form-row{grid-template-columns:1fr;gap:0}.form-top h2{font-size:34px}.contact-end{display:flex;flex-direction:column;align-items:stretch}.contact-end-image{height:240px;min-height:240px}.contact-end>div:last-child{padding:45px 7%}.contact-end h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.section-wrap,.editorial-item,.material-grid article,.project-form,.contact-aside{opacity:1;transform:none}}


/* WHAT WE DO PAGE */
.what-hero{min-height:590px;background:var(--ink);color:var(--white);display:grid;grid-template-columns:49% 51%;position:relative;overflow:hidden}
.what-hero-copy{padding:90px 8% 55px 10%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.what-hero h1{font-size:clamp(55px,7vw,98px);line-height:.96;letter-spacing:-.075em;font-weight:600;margin:0 0 24px}
.what-hero h1 em,.what-intro h2 em,.what-section-head h2 em,.what-process-heading h2 em,.what-cta h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.055em;color:var(--lime)}
.what-hero-copy>p:not(.kicker){max-width:490px;color:rgba(251,250,246,.75);font-size:15px}
.what-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:22px}
.what-hero .solid-link{background:var(--lime);color:var(--ink);padding:14px 18px;font-size:11px;font-weight:800}
.what-hero .solid-link span{margin-left:18px}
.what-hero .under-link{font-size:11px;font-weight:700;color:var(--white)}
.what-hero .under-link span{margin-left:10px;color:var(--lime)}
.what-hero-note{display:flex;gap:28px;margin-top:65px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font:9px var(--mono);letter-spacing:.12em;color:rgba(255,255,255,.6)}
.what-hero-photo{position:relative;min-height:590px}
.what-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,35,31,.25),transparent 45%),linear-gradient(0deg,rgba(23,35,31,.35),transparent 35%)}
.what-hero-photo img{filter:saturate(.72);object-position:center}
.photo-caption{position:absolute;z-index:2;bottom:28px;left:30px;color:white;font:10px var(--mono);letter-spacing:.14em}
.what-hero-vertical{position:absolute;right:18px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font:9px var(--mono);letter-spacing:.15em;color:rgba(255,255,255,.75);z-index:3}
.what-intro{padding-top:95px;padding-bottom:95px}
.what-intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:8%;padding-left:18%}
.what-intro h2,.what-section-head h2,.what-process-heading h2{font-size:clamp(35px,4.5vw,60px);line-height:1.07;letter-spacing:-.065em;font-weight:600;margin:0}
.what-intro h2 em,.what-section-head h2 em,.what-process-heading h2 em{color:#8d543b}
.what-intro-grid .big-copy{font-size:18px;line-height:1.65;margin-top:0}
.what-intro-grid>div:last-child>p:last-child{color:var(--muted);font-size:13px}
.what-categories{padding:90px 5% 105px;background:#e8e6dd}
.what-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 auto 42px;max-width:1400px}
.what-section-head>p{max-width:330px;color:var(--muted);font-size:13px;margin-bottom:5px}
.category-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.category-card{padding:0;text-align:left;border:1px solid rgba(23,35,31,.13);background:var(--white);color:var(--ink);cursor:pointer;min-width:0;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.category-card:hover,.category-card:focus-visible{transform:translateY(-6px);border-color:rgba(23,35,31,.45);box-shadow:0 18px 38px rgba(23,35,31,.1);outline:none}
.category-card>img{height:230px;transition:transform .55s cubic-bezier(.2,.7,.2,1);filter:saturate(.82)}
.category-card:hover>img{transform:scale(1.045)}
.category-number{position:absolute;z-index:2;top:13px;left:14px;background:var(--paper);padding:6px 9px;font:9px var(--mono);letter-spacing:.1em}
.category-card-bottom{min-height:115px;padding:19px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.category-card-bottom strong{display:block;font-size:14px;line-height:1.35;letter-spacing:-.025em}
.category-card-bottom small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:7px}
.category-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line);font-size:17px;font-weight:400;transition:background .25s,color .25s,transform .25s}
.category-card:hover .category-arrow{background:var(--ink);color:var(--lime);transform:rotate(45deg)}
.what-process{padding-top:100px;padding-bottom:105px}
.what-process-heading{padding-left:18%;margin-bottom:48px}
.process-steps{margin-left:18%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.process-steps article{padding:23px 20px 0 0}
.process-steps article>span{font:11px var(--mono);color:#9c674b}
.process-steps h3{font-size:15px;margin:20px 0 9px;letter-spacing:-.03em}
.process-steps p{font-size:12px;color:var(--muted);margin:0;max-width:220px}
.what-cta{background:var(--ink);color:var(--white);padding:75px 9%;display:flex;align-items:center;justify-content:space-between;gap:30px}
.what-cta h2{font-size:clamp(38px,5vw,66px);line-height:1.03;letter-spacing:-.065em;margin:0}
.what-cta h2 em{display:inline-block}
.what-cta>div>p:last-child{color:rgba(255,255,255,.66);font-size:13px;max-width:440px}
.what-cta-link{padding:17px 21px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}
.what-cta-link span{margin-left:22px}
.design-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}
.design-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.design-modal-backdrop{position:absolute;inset:0;background:rgba(8,14,12,.76);backdrop-filter:blur(7px)}
.design-modal-panel{position:relative;z-index:1;width:min(1200px,100%);max-height:min(90vh,1000px);overflow:auto;background:var(--paper);padding:27px 32px 25px;transform:translateY(18px) scale(.99);transition:transform .3s ease;box-shadow:0 30px 100px rgba(0,0,0,.35)}
.design-modal.is-open .design-modal-panel{transform:translateY(0) scale(1)}
.modal-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:.13em}
.modal-close{border:1px solid var(--line);background:transparent;width:39px;height:39px;font-size:27px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.modal-close:hover{background:var(--ink);color:var(--lime)}
.modal-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:27px 0 25px}
.modal-heading .kicker{margin-bottom:10px}
.modal-heading h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.06em;line-height:1.05;margin:0}
.modal-heading h2 em{font-family:var(--serif);font-weight:500;color:#8d543b}
.modal-heading>div>p:last-child{font-size:12px;color:var(--muted);margin:10px 0 0}
.modal-count{font:10px var(--mono);white-space:nowrap;padding-bottom:5px}
.modal-design-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.modal-design-card{background:var(--white);border:1px solid var(--line);min-width:0}
.modal-design-image{height:190px;position:relative;overflow:hidden}
.modal-design-image img{transition:transform .45s ease;filter:saturate(.85)}
.modal-design-card:hover .modal-design-image img{transform:scale(1.05)}
.modal-design-image>span{position:absolute;left:10px;top:10px;background:var(--paper);padding:5px 7px;font:9px var(--mono)}
.modal-design-copy{padding:16px}
.modal-design-copy h3{font-size:14px;line-height:1.35;margin:0 0 8px;letter-spacing:-.025em}
.modal-design-copy p{font-size:11px;line-height:1.6;color:var(--muted);min-height:53px;margin:0 0 14px}
.modal-design-copy a{font-size:10px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:5px;display:inline-flex;gap:12px}
.modal-design-copy a:hover{color:#8d543b}
.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}
.modal-footer p{font-size:11px;color:var(--muted);max-width:550px;margin:0}
.modal-footer>a{padding:13px 16px;background:var(--lime);font-size:10px;font-weight:800;white-space:nowrap}
.modal-footer>a span{margin-left:12px}
body.modal-open{overflow:hidden}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card>img{height:210px}.modal-design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-design-image{height:210px}.modal-design-copy p{min-height:0}}
@media(max-width:760px){.what-hero{grid-template-columns:1fr}.what-hero-copy{padding:65px 7% 35px}.what-hero-photo{min-height:340px;height:340px}.what-hero-vertical{display:none}.what-hero-note{margin-top:40px}.what-intro{padding-top:65px;padding-bottom:65px}.what-intro-grid{grid-template-columns:1fr;gap:22px;padding-left:0}.what-section-head{display:block}.what-section-head>p{margin-top:20px}.what-categories{padding:65px 5% 70px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-card>img{height:175px}.category-card-bottom{padding:14px 12px;min-height:112px}.category-card-bottom strong{font-size:12px}.category-card-bottom small{font-size:9px}.category-arrow{flex-basis:28px;width:28px;height:28px}.what-process{padding-top:65px;padding-bottom:70px}.what-process-heading,.process-steps{margin-left:0;padding-left:0}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.what-cta{padding:55px 7%;align-items:flex-start;flex-direction:column}.design-modal{padding:10px}.design-modal-panel{padding:18px 15px;max-height:94vh}.modal-heading{padding:22px 0 18px}.modal-design-grid{gap:9px}.modal-design-image{height:145px}.modal-design-copy{padding:12px}.modal-design-copy h3{font-size:12px}.modal-design-copy p{font-size:10px}.modal-footer{align-items:flex-start;flex-direction:column;gap:14px}.modal-count{font-size:9px}}
@media(max-width:430px){.category-grid{grid-template-columns:1fr}.category-card{display:grid;grid-template-columns:42% 58%;grid-template-rows:auto 1fr}.category-card>img{grid-row:1/3;height:100%;min-height:155px}.category-number{left:8px;top:8px;font-size:8px}.category-card-bottom{padding:14px;min-height:155px}.modal-design-grid{grid-template-columns:1fr}.modal-design-card{display:grid;grid-template-columns:40% 60%}.modal-design-image{height:100%;min-height:180px}.modal-design-copy p{margin-bottom:10px}.what-hero h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){.design-modal,.design-modal-panel,.category-card,.category-card>img,.modal-design-image img{transition:none!important}}
.service-row{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.service-row:focus-visible{outline:2px solid var(--rust);outline-offset:3px}