@font-face{font-family:MajeaSerif;src:url('assets/serif.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:MajeaSans;src:url('assets/sans.otf') format('opentype');font-weight:400;font-display:swap}
:root{--cream:#f1ede7;--ink:#171715;--body:#73736f;--indigo:#4f42ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{width:100%;min-width:0;margin:0;background:var(--cream);color:var(--ink);font-family:MajeaSans,Arial,sans-serif}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,.contact-lead{font-family:MajeaSerif,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(36px,4.85vw,76px);line-height:.98;letter-spacing:-.035em}h2{font-size:clamp(34px,4.3vw,66px);line-height:1.04;letter-spacing:-.035em}p,address{color:var(--body);font-size:clamp(16px,1.92vw,25px);line-height:1.38}address{font-style:normal}main{display:block;width:100%;min-width:0}main>section{width:100%;min-width:0}.container{width:min(88%,1320px);min-width:0;margin-inline:auto}.accent{width:48px;height:2px;background:#a99dff;margin:24px 0 30px}.hero,.international,.contact{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none;min-width:0}.backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2}.hero{min-height:580px;height:auto;aspect-ratio:748/432}.hero .backdrop{object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f1ede7 0%,rgba(241,237,231,.98) 23%,rgba(241,237,231,.78) 39%,rgba(241,237,231,0) 58%);z-index:-1}.hero-content{padding-top:42px;padding-bottom:42px}.logo{width:365px;height:auto}.intro{max-width:670px}.intro>.accent{margin-top:28px;margin-bottom:40px}.intro p{max-width:420px;margin-top:28px}.materials{padding:36px 0 40px;background:radial-gradient(ellipse at 25% 0%,#f7f3ed,transparent 60%),var(--cream)}.materials .accent{margin:20px 0 24px}.materials-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 22px}.material{min-width:0}.photo{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.material img{object-fit:cover}.material h3{font-size:clamp(14px,1.48vw,21px);font-weight:600;color:#585853;margin-top:12px;line-height:1.18}.material h3 span{font-weight:400}.material p{font-size:clamp(14px,1.38vw,19px);line-height:1.24;margin-top:2px}.materials-note{text-align:center;border-top:1px solid #d5d1cb;padding-top:20px;margin-top:30px;font-size:clamp(14px,1.6vw,21px)}.working{background:#f6f3ee;padding:35px 0 42px}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px}.work{min-width:0;padding:0 24px;border-left:1px solid #ccc9c3}.work:first-child{border:0;padding-left:0}.work:last-child{padding-right:0}.work img{object-fit:cover}.work h3{color:#454541;font-size:clamp(18px,2vw,28px);line-height:1.25;margin-top:14px;font-weight:600}.work p{font-size:clamp(16px,1.8vw,24px);line-height:1.36;margin-top:12px}.international{aspect-ratio:748/350;min-height:400px;display:flex;align-items:center}.section-shade{position:absolute;inset:0;background:linear-gradient(90deg,#eee9e2 0%,rgba(238,233,226,.94) 22%,rgba(238,233,226,.68) 35%,transparent 59%);z-index:-1}.international-copy{width:34%;padding-block:55px}.international-copy p{max-width:360px}.international .accent{margin:26px 0 32px}.contact{min-height:500px;aspect-ratio:748/381;display:flex;align-items:flex-start}.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f1ede7 0%,rgba(241,237,231,.95) 31%,rgba(241,237,231,.7) 50%,transparent 78%);z-index:-1}.contact-copy{padding:50px 0 70px;width:66%}.contact .accent{margin:22px 0 25px}.contact-lead{font-size:clamp(23px,2.65vw,37px);color:var(--ink);line-height:1.2;margin-bottom:38px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:28px}a{color:inherit;text-decoration:none;max-width:100%;overflow-wrap:anywhere}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--indigo);outline-offset:5px}
@media(min-width:1600px){.hero{max-height:850px}.intro{margin-top:38px}.international,.contact{max-height:760px}}
@media(max-width:1100px){.hero{min-height:0}.hero-content{padding-top:28px;padding-bottom:34px}.logo{width:290px}.intro>.accent{margin:22px 0 30px}.intro p{width:40%;min-width:280px;font-size:18px;margin-top:23px}.materials-grid{gap:25px 16px}.accent{width:36px}.work{padding-inline:17px}.international-copy{width:37%}.contact-copy{width:70%}}
@media(max-width:760px){.container{width:88%}.hero{min-height:560px;aspect-ratio:auto}.hero-content{padding-top:20px;padding-bottom:35px}.logo{width:min(340px,100%)}.intro{margin-top:6px}h1{font-size:clamp(36px,7.2vw,54px)}.intro p{width:100%;min-width:0;max-width:360px;font-size:16px;line-height:1.45}.hero-shade{background:linear-gradient(90deg,#f1ede7 0%,rgba(241,237,231,.95) 48%,rgba(241,237,231,.65) 100%)}.hero .backdrop{object-position:65% center}.materials{padding-top:30px}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.material h3{font-size:16px}.material p{font-size:15px;line-height:1.35}.materials-note{font-size:15px;line-height:1.45}.works-grid{grid-template-columns:1fr;gap:28px}.work,.work:first-child,.work:last-child{padding:0 0 25px;border-left:0;border-bottom:1px solid #d5d1cb}.work:last-child{border-bottom:0;padding-bottom:0}.work h3{font-size:22px}.work p{font-size:17px;max-width:520px}.international{min-height:400px;aspect-ratio:auto}.international-copy{width:65%;padding-block:42px}.international-copy p{font-size:17px}.section-shade{background:linear-gradient(90deg,#eee9e2 0%,rgba(238,233,226,.96) 28%,rgba(238,233,226,.6) 63%,transparent)}.international .backdrop{object-position:65% center}.contact{min-height:440px;aspect-ratio:auto}.contact-copy{width:100%;padding:36px 0 50px}.contact-shade{background:linear-gradient(90deg,#f1ede7 0%,rgba(241,237,231,.95) 45%,rgba(241,237,231,.6) 78%,rgba(241,237,231,.2))}.contact address{font-size:16px}.contact-lead{font-size:25px}.contact-links{max-width:100%}.contact .backdrop{object-position:70% center}}
@media(max-width:400px){.hero{min-height:585px}.intro p{width:100%}.hero-shade{background:linear-gradient(90deg,#f1ede7 0%,rgba(241,237,231,.95) 48%,rgba(241,237,231,.65) 100%)}h1{font-size:36px}.materials-grid{column-gap:14px}.material h3{font-size:15px}.material p{font-size:14px}.international-copy{width:79%}.contact address{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}