@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#18181a;--paper:#f6f3ed;--lime:#dbff5b;--orange:#ff7259;--line:rgba(24,24,26,.18);--mono:'DM Mono',monospace;--sans:Manrope,Arial,sans-serif;--serif:'Playfair Display',Georgia,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.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;border-bottom:1px solid var(--line);position:relative;z-index:4}.brand{font-size:31px;letter-spacing:-2px;font-weight:800}.brand span{color:var(--orange)}nav{display:flex;gap:28px;font-family:var(--mono);font-size:12px;text-transform:uppercase}nav a{padding:8px 0;position:relative}nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background:currentColor}.menu-toggle{display:none;border:0;background:none;font:12px var(--mono);text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(54px,8.6vw,138px);line-height:.92;letter-spacing:-.075em;font-weight:700}h2{font-size:clamp(34px,4vw,62px);line-height:1.03;letter-spacing:-.06em}h3{font-size:27px;letter-spacing:-.05em;margin:.2rem 0}i{font-family:var(--serif);font-weight:500;letter-spacing:-.06em}.kicker{font:11px/1.45 var(--mono);letter-spacing:.03em;text-transform:uppercase}.lede{font-size:clamp(18px,2vw,25px);line-height:1.45}.hero{min-height:calc(100vh - 86px);padding:7vw 6.3vw 4vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero h1{max-width:1100px;position:relative;z-index:1}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px;position:relative;z-index:1}.hero-bottom p{font-size:18px;max-width:490px}.arrow-link,.text-link{font-weight:700;font-size:16px;white-space:nowrap}.arrow-link b,.text-link b{font-size:25px;padding-left:8px}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:min(38vw,550px);height:min(38vw,550px);background:var(--lime);right:6%;top:13%;mix-blend-mode:multiply}.orb-two{width:17vw;height:17vw;background:var(--orange);right:30%;bottom:-6%;mix-blend-mode:multiply}.intro-grid{padding:11vw 6.3vw;display:grid;grid-template-columns:1fr 2.6fr 1fr;gap:30px;border-top:1px solid var(--line)}.intro-grid h2{margin:0}.traits{display:flex;flex-direction:column;gap:7px;font:11px var(--mono);text-transform:uppercase}.traits span:before{content:'✦';color:var(--orange);padding-right:8px}.feature-project{background:#242426;color:#fff;padding:7vw 6.3vw;display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center}.feature-image{height:57vw;max-height:680px;overflow:hidden;background:#111;position:relative}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(219,255,91,.12))}.feature-image img{height:100%;width:100%;object-fit:contain;transform:scale(1.08)}.feature-copy h2{font-size:clamp(65px,8vw,120px);margin:.3em 0}.feature-copy p:not(.kicker){font-size:17px;max-width:370px}.strip{overflow:hidden;background:var(--lime);padding:18px 0;white-space:nowrap;font-size:clamp(22px,3vw,46px);letter-spacing:-.04em;font-weight:700}.strip p{margin:0;animation:marquee 18s linear infinite}.strip span{color:var(--orange);padding:0 1.5vw}@keyframes marquee{to{transform:translateX(-25%)}}.project-split{padding:7vw 6.3vw;display:grid;grid-template-columns:1fr 1fr 180px;gap:3vw;align-items:end}.project-thumb{display:block;height:42vw;max-height:580px;margin-bottom:24px;overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-thumb.sage img{object-position:center}.project-thumb.coral img{object-fit:contain}.sage{background:#e0efea}.coral{background:#e65b4b}.all-work{font-size:20px;font-weight:700;align-self:center;line-height:1.2}.all-work b{font-size:44px;color:var(--orange)}.closing{background:var(--orange);padding:10vw 18vw 10vw 6.3vw;min-height:60vh;display:flex;flex-direction:column;justify-content:center}.closing h2{font-size:clamp(46px,6vw,90px);margin:.3em 0}.button{display:inline-block;border:1px solid currentColor;border-radius:50px;padding:13px 20px;font-weight:700;width:max-content}.button b{padding-left:12px}.light{background:var(--paper)}footer{padding:3vw 4.3vw;display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line)}footer p{font:11px/1.6 var(--mono);text-transform:uppercase;margin:0}footer>a:last-child{font-size:17px;font-weight:700}footer b{font-size:24px;margin-left:5px}.page-intro{padding:9vw 16vw 8vw 18vw}.page-intro h1{margin:.25em 0}.page-intro>p:last-child{max-width:510px;font-size:18px}.work-list{padding:0 4.3vw 10vw;display:grid;grid-template-columns:1fr 1fr;gap:2vw}.work-card{min-height:590px;display:block;position:relative;overflow:hidden;padding:28px;color:#171717}.work-card.wide{grid-column:span 2;min-height:630px}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .6s ease}.work-card:hover img{transform:scale(1.04)}.work-card div{position:absolute;left:28px;bottom:26px;z-index:1}.work-card div p{font:11px var(--mono);text-transform:uppercase;margin-bottom:5px}.work-card div h2{font-size:clamp(37px,4vw,65px);margin:0 0 8px}.work-card div b{font-size:13px}.work-num{font:11px var(--mono);position:absolute;z-index:1}.dark{background:#262629;color:#fff}.yellow{background:#f5dd55}.red{background:#e25b4a;color:#fff}.pale{background:#dde8da}.blue{background:#8ba5da}.lavender{background:#c6add7}.wide.dark img{object-fit:contain;object-position:center 48%}.wide.pale img{object-fit:contain}.yellow img{object-fit:cover;object-position:center}.red img{object-fit:contain}.blue img{object-fit:cover}.lavender img{object-fit:contain}.about-hero{padding:8vw 10vw 8vw 16vw;display:grid;grid-template-columns:1.5fr .7fr;gap:7vw;align-items:end}.about-hero h1{margin:.25em 0}.about-hero figure{margin:0;background:var(--orange);padding-top:30px}.about-hero figure img{width:100%;mix-blend-mode:multiply}.about-hero figcaption{padding:12px;font:10px var(--mono);text-transform:uppercase}.statement{padding:10vw 18vw 10vw 25vw;background:#212124;color:white}.statement h2{margin:.3em 0 0}.about-columns{padding:8vw 6.3vw;display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.about-columns h3{font-size:30px}.about-columns li{list-style:none;margin-bottom:8px}.about-columns ul{padding:0;margin:0}.experience{padding:7vw 6.3vw 10vw}.experience>p{margin-bottom:30px}.experience-row{display:grid;grid-template-columns:1.2fr 1.5fr .7fr;gap:20px;padding:19px 0;border-top:1px solid var(--line)}.experience-row:last-child{border-bottom:1px solid var(--line)}.experience-row span{font-size:13px}.contact-hero{padding:9vw 6.3vw 8vw;min-height:53vh;background:var(--lime)}.contact-hero h1{margin:.25em 0}.contact-hero>p:last-child{font-size:18px;max-width:500px}.contact-links{padding:0 6.3vw 10vw}.contact-links a{display:grid;grid-template-columns:1fr 3fr 40px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0;gap:20px}.contact-links span{font:11px var(--mono);text-transform:uppercase}.contact-links b{font-size:clamp(17px,2.2vw,28px);letter-spacing:-.05em}.contact-links i{font-style:normal;font-size:26px}.project-hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.project-hero>div:first-child{padding:8vw 10vw 7vw 12vw;display:flex;flex-direction:column;justify-content:center}.project-hero h1{font-size:clamp(57px,7.4vw,116px);margin:.2em 0}.project-role{font:11px var(--mono);text-transform:uppercase;margin-top:25px}.project-hero-image{min-height:650px;overflow:hidden}.project-hero-image img{width:100%;height:100%;object-fit:contain}.project-hero.dark{background:#242426;color:#fff}.project-hero.yellow{background:#f5dd55}.project-hero.red{background:#e25b4a;color:#fff}.project-hero.pale{background:#dde8da}.project-hero.blue{background:#8ba5da}.project-hero.lavender{background:#c6add7}.project-hero.red .project-hero-image img{object-fit:contain}.project-hero.blue .project-hero-image img{object-fit:cover}.project-hero.lavender .project-hero-image img{object-fit:contain}.project-links{display:flex;gap:9px;margin-top:20px}.project-links a{border:1px solid currentColor;border-radius:30px;padding:8px 12px;font-size:12px;font-weight:700}.project-note{padding:10vw 20vw 10vw 22vw}.project-note h2{margin:.3em 0}.project-gallery{padding:0 6.3vw 10vw;display:grid;grid-template-columns:1fr 1fr;gap:2vw;align-items:start}.project-gallery figure{margin:0;background:#e6e1d8;overflow:hidden}.project-gallery img{width:100%;max-height:800px;object-fit:contain}.project-gallery .gallery-2{margin-top:11vw}.project-gallery .gallery-3{grid-column:span 2;margin:0 12vw}.project-gallery.one{grid-template-columns:1fr}.project-gallery.one figure{margin:0 8vw}.next-project{padding:7vw 6.3vw;background:var(--lime);display:flex;justify-content:space-between;align-items:center}.next-project p{margin:0}.next-project a{font-size:clamp(25px,4vw,52px);font-weight:700;letter-spacing:-.06em}.next-project b{font-size:.8em}@media(max-width:760px){.site-header{height:72px;padding:0 6vw}.menu-toggle{display:block}nav{position:absolute;display:none;top:71px;left:0;right:0;padding:18px 6vw 25px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:6px}.menu-open nav{display:flex}.hero{min-height:620px;padding:12vw 6vw 8vw}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.orb-one{width:62vw;height:62vw;right:-12%;top:22%}.orb-two{width:30vw;height:30vw;right:25%;bottom:8%}.intro-grid{grid-template-columns:1fr;gap:25px;padding:18vw 6vw}.traits{display:grid;grid-template-columns:1fr 1fr}.feature-project{grid-template-columns:1fr;padding:13vw 6vw;gap:10vw}.feature-image{height:100vw}.project-split{padding:14vw 6vw;grid-template-columns:1fr;gap:12vw}.project-thumb{height:100vw}.all-work{align-self:start}.closing{padding:18vw 6vw}.page-intro{padding:15vw 6vw 12vw}.work-list{grid-template-columns:1fr;padding:0 4vw 15vw;gap:4vw}.work-card,.work-card.wide{grid-column:span 1;min-height:470px}.work-card.wide{min-height:520px}.about-hero{padding:14vw 6vw;grid-template-columns:1fr;gap:13vw}.about-hero figure{max-width:350px}.statement{padding:17vw 10vw}.about-columns{padding:15vw 6vw;grid-template-columns:1fr;gap:10vw}.experience{padding:12vw 6vw}.experience-row{grid-template-columns:1fr;gap:3px}.contact-hero{padding:16vw 6vw 14vw}.contact-links{padding:0 6vw 15vw}.contact-links a{grid-template-columns:1fr 32px;gap:8px}.contact-links span{grid-column:span 2}.contact-links b{font-size:17px}.project-hero{grid-template-columns:1fr}.project-hero>div:first-child{padding:15vw 6vw 12vw}.project-hero-image{min-height:450px}.project-note{padding:16vw 10vw}.project-gallery{padding:0 6vw 15vw;grid-template-columns:1fr;gap:6vw}.project-gallery .gallery-2,.project-gallery .gallery-3{grid-column:auto;margin:0}.project-gallery.one figure{margin:0}.next-project{padding:12vw 6vw;display:block}.next-project a{display:block;margin-top:15px}footer{padding:7vw 6vw;align-items:start;gap:20px;flex-wrap:wrap}footer p{order:3;flex-basis:100%}}
.hero-mark{position:absolute;right:6.3vw;top:50%;width:min(34vw,500px);transform:translateY(-50%);mix-blend-mode:multiply;opacity:.87;pointer-events:none;user-select:none}.hero .eyebrow{position:relative;z-index:1}@media(max-width:760px){.hero-mark{width:58vw;right:6vw;top:43%;opacity:.42}}
.desktop-break{display:block;height:.8em}html[data-theme="dark"] .hero-mark{mix-blend-mode:screen;opacity:1;filter:invert(1) sepia(1) saturate(1.4) hue-rotate(330deg) brightness(.68) contrast(.9)}@media(max-width:760px){.desktop-break{display:none}}
@media(max-width:760px){html[data-theme="dark"] nav{background:var(--offwhite);color:var(--offblack)}}
@media(max-width:760px){.feature-project{padding:10vw 6vw 7vw}.project-split{padding:8vw 6vw 10vw;gap:7vw}.project-thumb{height:68vw}}
.menu-toggle{color:inherit}@media(max-width:760px){.desktop-break{display:inline;height:auto}.desktop-break::after{content:" "}}