@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap');
:root{--studio:#f7f2e8;--paper:#fffdf8;--green:#1f4d42;--pap:#c95745;--corn:#6e8ed9;--saff:#d8a43b;--lilac:#b6a4cb;--lime:#c6ef4b;--ink:#27312f;--muted:#6c716f;--line:rgba(31,77,66,.18);--pad:clamp(1.05rem,4vw,4.7rem);--sec:clamp(5rem,9vw,9.3rem);--sans:"Inter",Arial,sans-serif;--cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--serif:"Newsreader",Georgia,serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.58;overflow-x:hidden}img{display:block;width:100%;object-fit:cover}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}ul{list-style:none;padding:0;margin:0}address{font-style:normal}.shell{max-width:1480px;margin:auto;padding-inline:var(--pad)}.code{font:500 .64rem var(--mono);letter-spacing:.11em;text-transform:uppercase}.ref{display:flex;gap:.7rem;align-items:center;font:500 .66rem var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--pap);margin-bottom:1.8rem}.ref:before{content:"";width:24px;height:2px;background:currentColor}.skip{position:absolute;top:-8rem;left:1rem}.skip:focus{top:1rem;background:var(--paper);padding:.6rem;z-index:50}
.top{background:var(--green);color:var(--studio)}.top .shell{min-height:32px;display:flex;justify-content:space-between;align-items:center}.header{background:var(--studio);border-bottom:1px solid var(--green)}.head-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:92px}.brand{display:flex;flex-direction:column;justify-content:center;font:800 1.35rem/.9 var(--sans);text-transform:uppercase}.brand small{font:500 .58rem var(--mono);letter-spacing:.12em;margin-top:.5rem}.nav{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line)}.nav a{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);font:600 .76rem var(--cond);text-transform:uppercase;letter-spacing:.08em}
.hero{padding:clamp(2rem,4vw,4rem) 0 var(--sec);background:var(--studio)}.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto;gap:1rem}.hero-copy{grid-column:1/8;grid-row:1/3;min-height:590px;padding:clamp(2rem,5vw,5rem);border:1px solid var(--green);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-copy:before{content:"";position:absolute;width:220px;height:140px;background:var(--pap);right:-50px;top:10%;transform:rotate(4deg)}.hero-copy:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:var(--lilac);right:7%;bottom:-60px;box-shadow:-45px -40px 0 var(--lime)}.hero h1{font:800 clamp(4.6rem,9.4vw,9.6rem)/.78 var(--sans);letter-spacing:-.06em;max-width:8ch;position:relative;z-index:2}.hero h1 span{display:block;color:var(--green)}.hero-intro{display:grid;grid-template-columns:5rem 1fr;gap:1rem;max-width:35rem;position:relative;z-index:2}.hero-main{grid-column:8/13;grid-row:1/4;min-height:760px;position:relative;overflow:hidden}.hero-main img{height:100%;min-height:760px;filter:saturate(.82)}.hero-main figcaption,.hero-small figcaption,.private-photo figcaption,.exp-photo figcaption{position:absolute;left:0;bottom:0;background:var(--green);color:var(--studio);padding:.55rem .7rem}.hero-main figcaption{left:1rem;top:38%;bottom:auto}.hero-small{grid-column:1/5;grid-row:3;min-height:210px;position:relative;overflow:hidden}.hero-small img{height:100%;min-height:210px}.hero-cta{grid-column:5/8;grid-row:3;background:var(--saff);min-height:210px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;border:2px dashed rgba(31,77,66,.35)}.hero-cta a{font-weight:700}
section h2{font:800 clamp(3.5rem,7vw,7.2rem)/.84 var(--sans);letter-spacing:-.05em}.intro{padding:var(--sec) 0}.intro-grid{display:grid;grid-template-columns:.34fr 1fr .76fr;gap:clamp(1.5rem,5vw,5.5rem)}.big{font:700 clamp(6rem,13vw,13rem)/.65 var(--cond);color:rgba(31,77,66,.1)}.intro-copy{max-width:30rem}.intro-copy p+p{margin-top:1.1rem;color:var(--muted)}
.ways{padding:var(--sec) 0;background:var(--lilac)}.twohead{display:grid;grid-template-columns:1fr .7fr;gap:3rem;align-items:end;margin-bottom:3rem}.twohead p{max-width:31rem;justify-self:end;color:#51495b}.labels{border-top:2px solid var(--green)}.label{display:grid;grid-template-columns:6rem .85fr 1.15fr;gap:1.5rem;align-items:center;min-height:120px;border-bottom:1px solid rgba(31,77,66,.22);position:relative}.label:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:10px;background:var(--pap)}.label:nth-child(2):before{background:var(--corn)}.label:nth-child(3):before{background:var(--saff)}.label:nth-child(4):before{background:var(--lime)}.label h3{font:700 clamp(1.8rem,3vw,3rem)/.95 var(--cond);text-transform:uppercase}.label p{color:#51495b;font-size:.92rem}
.experience{padding:var(--sec) 0}.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.exp-photo{min-height:520px;position:relative}.exp-photo img{height:100%;min-height:520px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.step{padding:1.7rem;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.step:nth-child(1){background:var(--pap);color:var(--studio)}.step:nth-child(2){background:var(--saff)}.step:nth-child(3){background:var(--corn)}.step:nth-child(4){background:var(--green);color:var(--studio)}.step b{font:700 4rem/.8 var(--cond);opacity:.25}.step h3{font-size:1.7rem}
.private{padding:var(--sec) 0;background:var(--corn)}.private-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.private-copy p{color:#3e4a63}.use-list{margin-top:2rem;border-top:1px solid var(--green)}.use-list li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(31,77,66,.22)}.private-photo{min-height:540px;position:relative}.private-photo img{height:100%;min-height:540px}
.philosophy{padding:var(--sec) 0;background:var(--green);color:var(--studio)}.phil-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,6vw,6rem)}.ideas{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.idea{padding:1.4rem;border-top:1px solid rgba(247,242,232,.3)}.idea h3{font:600 1.7rem var(--serif);margin:.8rem 0}.idea p{color:rgba(247,242,232,.74)}
.faq{padding:4rem 0;background:var(--saff)}.faq-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem}.faq h3{font:800 clamp(2.4rem,4.5vw,4.6rem)/.9 var(--sans)}.faq-list{border-top:2px solid var(--green)}.faq-item{display:grid;grid-template-columns:4rem 1fr 1.2fr;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(31,77,66,.25)}
.visit-grid{display:grid;grid-template-columns:.75fr 1.25fr;min-height:610px}.visit-info{padding:var(--sec) var(--pad);display:flex;flex-direction:column;justify-content:space-between}.visit-info address{font:700 clamp(2rem,4vw,4rem)/1 var(--cond);text-transform:uppercase}.visit-art{padding:var(--sec) var(--pad);position:relative;background:linear-gradient(rgba(31,77,66,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(31,77,66,.1) 1px,transparent 1px),var(--studio);background-size:58px 58px}.visit-number{font:800 clamp(7rem,15vw,15rem)/.68 var(--sans);color:var(--green)}.visit-word{font:700 clamp(4rem,8vw,8rem)/.8 var(--cond);text-transform:uppercase;color:var(--green)}.visit-note{position:absolute;right:var(--pad);bottom:var(--pad);max-width:27rem;color:var(--muted)}
.newsletter{padding:2.3rem 0;background:var(--lilac);border-block:1px solid var(--green)}.news-grid{display:grid;grid-template-columns:.65fr 1fr;gap:2rem;align-items:center}.newsletter h3{font:600 2rem var(--serif)}.newsletter form{display:grid;grid-template-columns:1fr auto;gap:.7rem}.newsletter input{padding:.9rem 1rem;border:1px solid var(--green);background:var(--paper);font:500 .92rem var(--sans)}.newsletter button{border:0;background:var(--green);color:var(--studio);padding:.9rem 1.2rem;font:700 .8rem var(--cond);text-transform:uppercase}
.footer{background:var(--green);color:var(--studio);padding:3.5rem 0 2rem}.footer-title{font:800 clamp(4.4rem,9vw,9rem)/.72 var(--sans);letter-spacing:-.055em;text-transform:uppercase;padding-bottom:2rem;border-bottom:1px solid rgba(247,242,232,.18)}.footer-title small{display:block;font:500 .11em var(--mono);letter-spacing:.14em;margin-top:1rem;color:var(--lime)}.footer-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:2rem;padding-top:1.5rem}.footer-links{display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;font-size:.78rem}.footer-address,.footer-code{font-size:.78rem;color:rgba(247,242,232,.7)}
.legal-hero{padding:6rem 0 3rem;background:var(--studio);border-bottom:1px solid var(--green)}.legal-hero h1{font:800 clamp(4rem,8vw,8rem)/.8 var(--sans);letter-spacing:-.055em}.legal-hero p{max-width:44rem;margin-top:1.5rem;color:var(--muted)}.legal-layout{display:grid;grid-template-columns:.3fr .7fr;gap:clamp(2.5rem,7vw,8rem);padding:5rem 0}.legal-index{position:sticky;top:2rem;align-self:start;border-top:1px solid var(--green)}.legal-index a{display:block;padding:1rem 0;border-bottom:1px solid var(--line)}.legal-copy section{padding-bottom:4rem}.legal-copy section+section{padding-top:4rem;border-top:2px solid var(--green)}.legal-copy h2{font:800 clamp(2.8rem,5vw,5rem)/.9 var(--sans);margin-bottom:2rem}.legal-copy h3{font:600 1.5rem var(--serif);margin:2rem 0 .7rem}.legal-copy p+p{margin-top:1rem}
@media(max-width:760px){.top .shell span:last-child{display:none}.head-grid{grid-template-columns:1fr}.brand{min-height:76px}.nav{border-left:0;grid-template-columns:repeat(3,1fr)}.nav a{min-height:52px}.hero-grid{display:flex;flex-direction:column}.hero-copy{order:1;min-height:500px}.hero-main{order:2;min-height:480px}.hero-main img{min-height:480px}.hero-small{order:3}.hero-cta{order:4}.intro-grid,.private-grid,.phil-grid,.exp-grid,.faq-grid,.visit-grid,.legal-layout{grid-template-columns:1fr}.big{font-size:5rem}.twohead{display:block}.twohead p{margin-top:1rem}.label{grid-template-columns:5rem 1fr;padding:1rem 0}.label p{grid-column:2}.ideas{grid-template-columns:1fr}.faq-item{grid-template-columns:4rem 1fr}.faq-item p{grid-column:2}.news-grid{grid-template-columns:1fr}.footer-row{grid-template-columns:1fr}.legal-index{position:static}}
@media(max-width:500px){.nav{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.newsletter form{grid-template-columns:1fr}}