:root{--espresso:#30251f;--ivory:#f7f4ef;--oat:#e8ded2;--camel:#b38b6a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--espresso);font:15px/1.75 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--camel);outline-offset:6px}.skip{position:absolute;left:20px;top:-90px;z-index:10;background:var(--ivory);padding:12px}.skip:focus{top:20px}.header{position:absolute;z-index:3;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 5%;color:var(--ivory);border-bottom:1px solid #ffffff26}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:.04em;line-height:1.3}.brand span{display:block;font:7px/2.8 Arial,sans-serif;letter-spacing:.25em}.header nav{display:flex;gap:42px;font-size:11px;letter-spacing:.06em}.header nav a:hover{border-bottom:1px solid}.header nav span{margin-left:12px}.hero{position:relative;min-height:820px;height:100svh;max-height:1200px;color:var(--ivory);background:var(--espresso);overflow:hidden}.film,.shade{position:absolute;inset:0}.film{background:url('assets/studies-in-form-poster.jpg') center/cover}.film video{width:100%;height:100%;object-fit:cover;object-position:center}.shade{background:linear-gradient(90deg,rgba(28,20,15,.62),rgba(28,20,15,.25) 65%,rgba(28,20,15,.2)),linear-gradient(0deg,rgba(20,14,10,.55),transparent 30%)}.hero-copy{position:relative;padding:220px 8% 120px;max-width:1000px}.eyebrow{font-size:9px;letter-spacing:.24em;font-weight:normal}.hero h1{font:normal clamp(78px,8.5vw,138px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:36px 0 30px}.hero h1 em{font-weight:normal}em{font-family:Georgia,serif;font-weight:normal}.intro{font-size:14px;line-height:1.9;color:#f7f4efd9}.text-link{display:inline-flex;gap:60px;align-items:center;font-size:10px;letter-spacing:.12em;border-bottom:1px solid #f7f4ef80;padding:16px 0 11px;margin-top:24px}.text-link:hover{gap:72px}.hero-bottom{position:absolute;bottom:28px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.18em}.hero-bottom b{padding:0 10px;font-weight:normal}.hero-bottom button{background:transparent;border:1px solid #ffffff66;color:var(--ivory);padding:8px 13px;font-size:10px}.hero-bottom button span{margin-left:8px}.house{padding:75px 8% 85px}.section-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;border-top:1px solid #b38b6a66;padding-top:18px}.house-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding:70px 0 65px}h2{font:normal clamp(32px,3.6vw,54px)/1.18 Georgia,serif;letter-spacing:-.035em;margin:0}h2 em{color:#8b6a52}.house-copy{max-width:390px}.house-copy p{margin:0 0 20px;font-size:13px;color:#5b4d42}.house-copy .lead{font:22px/1.5 Georgia,serif;color:var(--espresso)}.house-copy .small{font-size:9px;letter-spacing:.1em;margin-top:27px}.image-band{height:365px;position:relative;overflow:hidden}.image-band img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;filter:brightness(.88)}.image-band span{position:absolute;bottom:25px;left:30px;color:var(--ivory);font-size:9px;letter-spacing:.24em}.correspondence{background:var(--oat);padding:65px 8% 90px}.correspondence-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;padding-top:65px}.correspondence .eyebrow{margin:0 0 23px;font-size:8px}.signup{font-size:13px}.signup>p{margin:0 0 30px;max-width:360px}.signup label{font-size:10px}.input-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #30251f80;padding:8px 0}.input-row input{width:100%;min-width:0;background:transparent;border:0;padding:10px 0;font-size:13px;color:var(--espresso);border-radius:0}.input-row button{white-space:nowrap;border:0;background:transparent;color:var(--espresso);padding:12px 0;font-size:10px}.input-row button span{padding-left:10px}.fine{font-size:9px;line-height:1.8;color:#655548;margin-top:15px}.privacy-link{padding:0;border:0;background:none;color:inherit;font-size:inherit;text-decoration:underline}#form-status{font-size:11px}footer{background:var(--espresso);color:var(--ivory);padding:55px 8% 22px}.footer-brand{font:30px Georgia,serif;letter-spacing:.04em}footer>div{display:flex;gap:30px;font-size:10px;margin-top:22px}footer>div span{margin-right:auto;font-family:Georgia,serif;font-style:italic;font-size:16px}footer>p{border-top:1px solid #ffffff26;margin-top:45px;padding-top:17px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em}dialog{border:0;padding:55px;max-width:650px;width:calc(100% - 30px);background:var(--ivory);color:var(--espresso)}dialog::backdrop{background:#20170fe0}dialog h2{font-size:36px;margin:30px 0}dialog p{font-size:12px}#privacy-close{float:right;border:0;background:transparent;font-size:11px;color:var(--espresso)}@media(min-width:1600px){.hero-copy{padding-top:27vh}}@media(max-width:750px){.header{padding:23px 6%;align-items:center}.brand{font-size:21px}.brand span{font-size:6px}.header nav{gap:0}.header nav>a:first-child{display:none}.header nav a{font-size:9px}.hero{height:94svh;min-height:700px;max-height:1000px}.hero-copy{padding:205px 8% 110px}.hero h1{font-size:clamp(68px,14vw,98px);margin:32px 0}.intro{font-size:12px}.film video{object-position:62% center}.shade{background:linear-gradient(90deg,#1c140fb3,#1c140f4d),linear-gradient(0deg,#140e0a88,transparent 40%)}.hero-bottom{font-size:7px}.film-note{display:none}.hero-bottom button span{font-size:9px}.house,.correspondence{padding:48px 7% 55px}.section-label{font-size:7px}.house-grid,.correspondence-grid{grid-template-columns:1fr;gap:32px;padding-top:40px}.house-grid{padding-bottom:35px}.house-copy{max-width:100%}.image-band{height:270px}.correspondence-grid{gap:35px}h2{font-size:37px}.signup>p{max-width:none}.footer-brand{font-size:25px}footer{padding:40px 7% 20px}footer>div{gap:18px;flex-wrap:wrap}footer>div span{width:100%}footer>p{font-size:7px;gap:20px}dialog{padding:28px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film video{display:none}}


/* Full-bleed archival study of form. */
.hero{height:100svh;min-height:740px;max-height:1200px}
.film{border:0;background:url('assets/house-modern-arrival-poster.jpg') center/cover no-repeat}
.film video{object-fit:cover;object-position:center}
.shade{background:linear-gradient(90deg,rgba(23,18,14,.88) 0%,rgba(23,18,14,.68) 35%,rgba(23,18,14,.12) 72%),linear-gradient(0deg,rgba(23,18,14,.7),transparent 35%,rgba(23,18,14,.22))}
.hero-copy{width:66%;max-width:1000px;padding:235px 0 140px 8%}
.hero h1{font-size:clamp(66px,7vw,112px);line-height:1.02;letter-spacing:-.045em;margin:32px 0}
.hero .intro{font-size:13px}
.film-note{display:none}
@media(min-width:1600px){.hero-copy{padding-top:27vh}}
@media(max-width:750px){
.hero{height:100svh;min-height:730px;max-height:1050px}
.hero-copy{width:100%;padding:205px 7% 130px}
.hero h1{font-size:clamp(54px,12vw,82px)}
.film video{object-position:64% center}
.film{background-position:64% center}
.shade{background:linear-gradient(90deg,rgba(23,18,14,.78),rgba(23,18,14,.34)),linear-gradient(0deg,rgba(23,18,14,.85),transparent 65%)}
.hero .intro{max-width:290px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.film video{display:none}}

/* An intimate gathering, with space for the house introduction. */
.hero{min-height:820px;height:100svh}
.hero-copy{width:72%;max-width:1050px;padding-top:43vh;padding-bottom:115px}
.hero h1{font-size:clamp(62px,6.2vw,94px);margin:23px 0;line-height:1.02}
.hero .eyebrow{font-size:8px}
.hero .intro{font-size:12px;line-height:1.8;max-width:370px}
.hero .text-link{margin-top:12px}
.shade{background:linear-gradient(0deg,rgba(30,23,18,.91),rgba(30,23,18,.62) 34%,rgba(30,23,18,.10) 73%),linear-gradient(90deg,rgba(30,23,18,.35),rgba(30,23,18,.08)),linear-gradient(180deg,rgba(30,23,18,.40),transparent 25%)}
@media(min-width:1600px){.hero-copy{padding-top:43vh}}
@media(max-width:750px){
.hero{height:100svh;min-height:820px;max-height:1050px}
.hero-copy{width:100%;padding:390px 7% 115px}
.hero h1{font-size:clamp(48px,10.7vw,69px);margin:23px 0}
.film video,.film{object-position:left center;background-position:left center}
.shade{background:linear-gradient(0deg,rgba(30,23,18,.94),rgba(30,23,18,.72) 37%,rgba(30,23,18,.12) 80%),linear-gradient(180deg,rgba(30,23,18,.52),transparent 24%)}
.hero .intro{font-size:11px;max-width:290px}
.hero .text-link{margin-top:7px}
}

.film video{object-position:center}.film{background-position:center}

/* Quiet research: hands, notes, and natural movement. */
.hero{height:92svh;min-height:780px;max-height:1100px}
.hero-copy{width:57%;max-width:none;margin-left:43%;padding:27vh 5% 120px 3%}
.hero h1{font-size:clamp(52px,5.4vw,88px)}
.film{background-image:url('assets/house-writing-desktop.jpg');background-position:center}
.film video{object-position:center}
.shade{background:linear-gradient(90deg,rgba(30,23,18,.12),rgba(30,23,18,.35) 37%,rgba(30,23,18,.82) 68%),linear-gradient(0deg,rgba(30,23,18,.65),transparent 45%),linear-gradient(180deg,rgba(30,23,18,.45),transparent 28%)}
@media(min-width:1600px){.hero-copy{padding-top:27vh}}
@media(max-width:750px){
.hero{height:100svh;min-height:820px;max-height:1050px}
.hero-copy{width:100%;margin-left:0;padding:400px 7% 115px}
.hero h1{font-size:clamp(48px,10.7vw,69px)}
.film{background-image:url('assets/house-writing-mobile.jpg');background-position:left top;background-size:auto 72%;background-repeat:no-repeat;background-color:#30251f}
.film video{object-position:left top;height:72%}
.shade{background:linear-gradient(0deg,rgba(30,23,18,.95),rgba(30,23,18,.8) 40%,rgba(30,23,18,.08) 75%),linear-gradient(180deg,rgba(30,23,18,.65),transparent 25%)}
}

/* A shared editorial typeface, with a quieter correspondence heading. */
.house h2,.correspondence h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.2;letter-spacing:-.035em}
.house h2{font-size:clamp(36px,3.6vw,54px)}
.correspondence h2{font-size:clamp(32px,3.2vw,48px);line-height:1.24}
.house h2 em,.correspondence h2 em{display:inline-block;margin-top:.12em;font-family:inherit;font-style:italic;font-weight:400}
.correspondence .eyebrow{margin-bottom:27px}
@media(max-width:750px){
.house h2{font-size:37px}
.correspondence h2{font-size:34px}
.correspondence .eyebrow{margin-bottom:23px}
}

/* Full house wordmark: a discreet footer signature. */
.footer-brand{display:inline-block;line-height:1}
.footer-brand img{display:block;width:220px;height:auto;max-width:100%}
@media(max-width:750px){.footer-brand img{width:190px}}

/* Visible house badge, framed in ivory for clear contrast. */
.footer-brand{display:inline-flex;align-items:center;justify-content:center;background:var(--ivory);padding:12px;border-radius:2px}
.footer-brand img{width:140px;height:140px;display:block}
@media(max-width:750px){.footer-brand{padding:10px}.footer-brand img{width:120px;height:120px}}

/* The house seal sits directly on espresso, without a card. */
.footer-brand{background:transparent;padding:0;border-radius:50%;border:0;box-shadow:none}
.footer-brand img{width:124px;height:124px}
@media(max-width:750px){.footer-brand{padding:0}.footer-brand img{width:112px;height:112px}}

/* The original arched house monogram, free of a badge or background. */
.footer-brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:none;padding:0;border:0;border-radius:0;box-shadow:none}
.footer-brand img.house-mark{width:72px;height:82px;object-fit:contain}
.footer-brand img.house-wordmark{width:168px;height:auto}
@media(max-width:750px){.footer-brand{padding:0;gap:16px}.footer-brand img.house-mark{width:64px;height:74px}.footer-brand img.house-wordmark{width:154px;height:auto}}