@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--dark:#101115;--paper:#e9e8e3;--light:#f3f1eb;--font:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--light);font-family:'DM Sans',var(--font);-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,p,figure{margin:0}::selection{background:#86a8e0;color:#101115}
.site-header{position:absolute;z-index:5;top:0;left:0;right:0;height:86px;padding:0 clamp(24px,4vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.3);font-size:12px;letter-spacing:.18em;font-weight:600}.wordmark{font-size:18px;letter-spacing:-.05em;font-weight:700}.wordmark span{font-size:9px;vertical-align:top;margin-left:2px;letter-spacing:0}.header-center{opacity:.8}
.hero{min-height:760px;height:min(900px,100svh);position:relative;overflow:hidden;background:#202a35}.hero-image{position:absolute;right:0;top:0;height:100%;width:70%;object-fit:cover;object-position:center 34%}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,22,.99) 0%,rgba(12,16,22,.91) 29%,rgba(12,16,22,.45) 56%,rgba(12,16,22,.03) 85%),linear-gradient(0deg,rgba(9,12,18,.28),transparent 35%)}.hero-topline{position:absolute;z-index:1;top:113px;left:clamp(24px,4vw,72px);right:clamp(24px,4vw,72px);display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.2em;font-weight:600}.hero-topline span:last-child{margin-right:2vw}.hero-copy{position:absolute;z-index:1;left:clamp(24px,4vw,72px);right:5%;bottom:clamp(54px,7vh,95px)}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:700}.hero-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:32px}.line{height:1px;width:38px;background:currentColor}.hero h1{font-size:clamp(94px,12.3vw,228px);line-height:.78;letter-spacing:-.095em;font-weight:500;text-transform:uppercase;max-width:1200px}.hero h1 .italic{font-family:'Playfair Display',var(--serif);font-size:.72em;font-weight:400;font-style:italic;letter-spacing:-.075em;text-transform:none;margin-left:.03em}.period{color:#c4d5f5}.hero-bottom{margin-top:58px;padding-top:24px;border-top:1px solid rgba(255,255,255,.45);max-width:450px}.hero-bottom p{font-family:'Playfair Display',var(--serif);font-size:23px;line-height:1.25}.hero-index{position:absolute;z-index:1;bottom:clamp(54px,7vh,95px);right:clamp(24px,4vw,72px);font-size:11px;letter-spacing:.2em;writing-mode:vertical-rl}
.intro{background:var(--paper);color:#17191c;padding:100px clamp(24px,6vw,110px) 0;overflow:hidden}.intro-kicker{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #969995;font-size:11px;letter-spacing:.2em;font-weight:700}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;padding:86px 0 112px}.intro h2,.outro h2{font-family:'Playfair Display',var(--serif);font-weight:400;letter-spacing:-.055em;font-size:clamp(58px,7vw,116px);line-height:1.04}.intro h2 em,.outro h2 em,.story h2 em{font-weight:400}.intro-copy{padding-top:14px;max-width:510px}.intro-copy>p{font-size:18px;line-height:1.65;margin-bottom:20px;color:#393b3c}.project-facts{display:flex;gap:45px;border-top:1px solid #a8aaa6;margin-top:47px;padding-top:23px}.project-facts>div{display:flex;flex-direction:column;gap:14px}.project-facts span{font-size:11px;letter-spacing:.18em;font-weight:700}.project-facts strong{font-size:14px;line-height:1.5;font-weight:500}.intro-marquee{white-space:nowrap;overflow:hidden;font-size:clamp(67px,11vw,190px);letter-spacing:-.075em;font-weight:600;line-height:1.02;border-top:1px solid #969995;margin:0 -2vw;color:#202227}.intro-marquee span{font-weight:400;font-size:.55em;vertical-align:16%}
.story{--fg:#f2f0e9;--bg:#121316;background:var(--bg);color:var(--fg);padding:110px clamp(24px,6vw,110px) 40px}.story-heading{display:grid;grid-template-columns:12% 1fr 23%;gap:20px;align-items:end;border-top:1px solid currentColor;padding:28px 0 57px}.story-number{align-self:start;font-size:12px;letter-spacing:.15em;font-weight:700}.story .eyebrow{margin-bottom:20px}.story h2{font-family:'Playfair Display',var(--serif);font-size:clamp(58px,7.4vw,128px);font-weight:400;letter-spacing:-.055em;line-height:.9}.story-description{font-size:16px;line-height:1.5;max-width:290px;align-self:end}.gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(8px,1vw,16px)}.gallery figure{overflow:hidden;background:rgba(128,128,128,.2)}.gallery img{height:100%;object-fit:cover;transition:transform .7s ease}.gallery figure:hover img{transform:scale(1.035)}.gallery-3 figure:first-child{grid-column:span 6;aspect-ratio:.85}.gallery-3 figure:nth-child(2){grid-column:span 6;aspect-ratio:.85}.gallery-3 figure:nth-child(3){grid-column:3/span 8;aspect-ratio:1.5}.gallery-3 figure:nth-child(3) img{object-position:center 52%}.gallery-4 figure:first-child{grid-column:span 7;aspect-ratio:1.18}.gallery-4 figure:nth-child(2){grid-column:span 5;aspect-ratio:.84}.gallery-4 figure:nth-child(3){grid-column:span 5;aspect-ratio:.84}.gallery-4 figure:nth-child(4){grid-column:span 7;aspect-ratio:1.18}.gallery-5 figure:first-child{grid-column:span 7;aspect-ratio:1.05}.gallery-5 figure:nth-child(2){grid-column:span 5;aspect-ratio:.75}.gallery-5 figure:nth-child(3),.gallery-5 figure:nth-child(4),.gallery-5 figure:nth-child(5){grid-column:span 4;aspect-ratio:.82}.gallery-8 figure:first-child{grid-column:span 7;aspect-ratio:1.13}.gallery-8 figure:nth-child(2){grid-column:span 5;aspect-ratio:.81}.gallery-8 figure:nth-child(n+3):nth-child(-n+5){grid-column:span 4;aspect-ratio:.84}.gallery-8 figure:nth-child(6){grid-column:span 5;aspect-ratio:.82}.gallery-8 figure:nth-child(7){grid-column:span 4;aspect-ratio:.82}.gallery-8 figure:nth-child(8){grid-column:span 3;aspect-ratio:.82}.story-tail{display:flex;justify-content:space-between;gap:20px;padding-top:22px;font-size:11px;letter-spacing:.16em;font-weight:600}.story-chrome{--bg:#c4cbd0;--fg:#1e2429}.story-garden{--bg:#ddd9d1;--fg:#393b36}.story-cobalt{--bg:#081c43;--fg:#d7e6ff}.story-desert{--bg:#cdbfad;--fg:#29241f}.story-tide{--bg:#171b20;--fg:#e6e6e1}.story-space{--bg:#1c2326;--fg:#e1e9e8;padding-bottom:110px}
.outro{background:#e9e8e3;color:#17191c;text-align:center;padding:140px 24px 150px}.outro>.eyebrow{display:block;margin-bottom:40px}.outro h2{font-size:clamp(60px,8vw,140px)}.outro p{font-size:18px;line-height:1.55;max-width:560px;margin:38px auto 60px}
@media(max-width:900px){.hero{min-height:700px}.hero-image{width:100%;object-position:57% center}.hero-wash{background:linear-gradient(90deg,rgba(10,13,18,.82),rgba(10,13,18,.26) 85%),linear-gradient(0deg,rgba(10,13,18,.72),transparent 60%)}.hero h1{font-size:clamp(81px,13vw,136px)}.intro-grid{grid-template-columns:1fr;gap:42px}.intro-copy{padding-top:0;max-width:650px}.story-heading{grid-template-columns:70px 1fr;row-gap:28px}.story-description{grid-column:2;max-width:560px}.story{padding-top:84px}}
@media(max-width:600px){.site-header{height:66px;padding:0 18px}.wordmark{font-size:16px}.header-center{display:none}.hero{height:820px;min-height:min(780px,100svh)}.hero-image{object-position:58% center}.hero-topline{left:20px;right:20px;top:91px;font-size:9px;max-width:70%;line-height:1.5}.hero-topline span:last-child{display:none}.hero-copy{left:20px;right:20px;bottom:72px}.hero-eyebrow{margin-bottom:23px;font-size:10px}.hero h1{font-size:clamp(62px,15vw,98px);letter-spacing:-.095em}.hero h1 .italic{display:block;font-size:.77em;line-height:1.25;margin-left:16%}.hero-bottom{margin-top:30px;padding-top:17px}.hero-bottom p{font-size:17px}.hero-index{right:20px;bottom:70px}.intro{padding:72px 20px 0}.intro-kicker{font-size:9px}.intro-grid{padding:55px 0 75px}.intro h2{font-size:clamp(56px,13vw,76px)}.intro-copy>p{font-size:16px;line-height:1.55}.project-facts{gap:20px;flex-wrap:wrap}.project-facts strong{font-size:13px}.intro-marquee{font-size:68px;line-height:1.1;margin:0 -20px}.story{padding:68px 14px 23px}.story-heading{grid-template-columns:1fr;gap:0;padding:16px 6px 30px}.story-number{margin-bottom:42px}.story .eyebrow{font-size:10px;margin-bottom:12px}.story h2{font-size:clamp(56px,12vw,80px);line-height:.97}.story-description{grid-column:1;margin-top:25px;font-size:15px}.gallery{gap:6px}.gallery figure{grid-column:span 6!important;aspect-ratio:.8!important}.gallery figure:first-child{grid-column:span 12!important;aspect-ratio:.94!important}.gallery-3 figure:last-child,.gallery-5 figure:last-child,.gallery-8 figure:last-child{grid-column:span 12!important;aspect-ratio:1.1!important}.story-tail{font-size:9px;line-height:1.5;padding:16px 6px 0}.story-tail span:last-child{text-align:right}.story-space{padding-bottom:75px}.outro{padding:96px 20px 105px}.outro h2{font-size:clamp(56px,12vw,82px)}.outro p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}}

.portfolio-back{position:fixed;z-index:20;left:clamp(16px,2vw,32px);top:154px;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(12,14,18,.48);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .2s,border-color .2s,transform .2s}.portfolio-back:hover{background:rgba(12,14,18,.78);border-color:rgba(255,255,255,.58);transform:translateY(-1px)}.portfolio-back span{font-size:18px;line-height:1}@media(max-width:600px){.portfolio-back{top:118px;left:12px;padding:8px 12px;font-size:11px}}