:root{font-family:Arial,Helvetica,sans-serif;color:#171717;background:#ececec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid #ff494d;outline-offset:6px}header{position:absolute;top:30px;left:14%;right:3%;display:flex;justify-content:space-between;gap:20px;font-size:14px;z-index:5}header a{text-decoration:none}header b{margin-left:20px;text-decoration:underline}.muted{color:#777}.brand{position:fixed;top:30px;left:24px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:46px;line-height:1;font-weight:800;text-decoration:none;z-index:20}.brand span{font-size:12px;font-weight:400;line-height:1.3;margin-top:20px}nav{position:absolute;top:92px;left:14%;display:flex;align-items:flex-start;flex-direction:column;z-index:4}nav>span{font:14px Arial;margin-bottom:28px}nav a,nav button{font:700 29px/.9 Georgia,serif;text-decoration:none;padding:0}nav .current{color:#ff494d}.mobile-menu{display:none}.hero{min-height:100vh;display:flex;align-items:center;padding:190px 4% 70px 14%}.hero-name{width:100%}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.08em}h1,h2,h3,p{margin:0}h1,h2,em{font-weight:400}.hero h1{font-family:Georgia,serif;font-size:clamp(65px,9.3vw,180px);letter-spacing:-.07em;line-height:.88;color:#ff494d;margin:0 0 55px}.hero h1 em{font-style:normal;padding-left:22%}.hero-bottom{display:flex;justify-content:space-between;gap:25px;font-size:16px;line-height:1.35;align-items:flex-end}.selected{min-height:100vh;padding:130px 4% 100px 14%;display:grid;grid-template-columns:26% 42% 26%;gap:3%;align-items:center;border-top:1px solid #c8c8c8}.counter{display:block;font-size:clamp(90px,13vw,240px);letter-spacing:-.09em;line-height:1;margin:40px 0}.counter small{font-size:14px;letter-spacing:0;vertical-align:top;display:inline-block;margin:26px 0 0 12px}dl{display:grid;grid-template-columns:65px 1fr;gap:20px 15px;font-size:14px;line-height:1.3}dt{color:#777}dd{margin:0}.controls{display:flex;gap:22px;margin-top:45px}.controls button{padding:0 0 7px;border-bottom:1px solid #171717;font-size:14px}.featured-image{display:block;text-decoration:none;position:relative;transform:rotate(-3deg);transition:transform .5s}.featured-image:hover{transform:rotate(0) scale(1.02)}.featured-image img{width:100%;max-height:550px;object-fit:contain;animation:appear .6s ease}.featured-image span{display:block;text-align:right;font-size:14px;padding-top:20px}.work-list button{display:block;width:100%;padding:20px 0;text-align:center;color:#999}.work-list button.active{color:#171717}.work-list span{display:block;font-size:14px;margin-bottom:10px}.work-list strong{font:26px Georgia,serif;text-transform:uppercase}.work-list p{font-size:14px;line-height:1.4;margin-top:22px}.about{padding:130px 8% 140px 26%;border-top:1px solid #ccc}.about h2{font:clamp(50px,6vw,110px)/1 Georgia,serif;letter-spacing:-.055em;margin:35px 0 60px}.about h2 em{color:#ff494d}.about-body{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;font-size:18px;line-height:1.5}.about-body h3{font-size:14px;margin-bottom:18px}.about-body>p{font-size:25px;line-height:1.45}.about-body div p{margin-bottom:22px}.work-page{padding:300px 5% 100px 14%}.work-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:30px;margin-bottom:90px}.work-intro .eyebrow{width:100%}.work-intro h1{font:clamp(65px,7vw,130px)/.95 Georgia;letter-spacing:-.05em}.work-intro h1 em{color:#ff494d}.work-intro p{line-height:1.4}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 45px}.project-card{text-decoration:none}.card-image{height:360px;overflow:hidden;display:flex;align-items:center}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .7s}.project-card:hover img{transform:scale(1.04)}.card-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0}.card-title h2{font:30px Georgia;margin-right:auto}.card-title span{font-size:12px}.project-card p{font-size:16px;line-height:1.4;max-width:90%}.case{padding:310px 8% 100px 14%;display:grid;grid-template-columns:25% 1fr;gap:8%}.case aside{position:sticky;top:40px;align-self:start;font-size:16px;line-height:1.4}.case aside p{margin:24px 0 45px}.case aside a{display:block;margin-top:45px}.case-cover{position:relative;margin-bottom:90px}.case-cover>img{width:100%;max-height:620px;object-fit:contain}.case-cover h1{font:clamp(45px,6.5vw,110px)/1 Georgia;letter-spacing:-.045em;position:relative;text-align:right;margin-top:-30px}.case-text{margin:60px 0 80px}.case-text h2{font:46px/1.1 Georgia;margin:22px 0 30px}.case-text p{font-size:18px;line-height:1.6;margin-bottom:30px}.case-text h3{font-size:18px;margin:40px 0 20px}.case-text .note{font-size:14px}figure{margin:0 0 55px}figure img{width:100%;height:auto}figcaption{font-size:12px;color:#777;margin-top:12px}.next-project{font:35px Georgia;display:block;margin:80px 0}footer{padding:95px 5% 30px 14%;border-top:1px solid #ccc}footer>button{display:block;font:clamp(60px,11vw,190px)/1.1 Georgia;letter-spacing:-.06em;color:#ff494d;padding:25px 0 70px}footer>div{display:flex;justify-content:space-between;gap:20px;font-size:14px}.contact-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ececec;z-index:50;padding:15vh 14%;display:flex;flex-direction:column;align-items:flex-start;gap:32px;overflow:auto}.contact-overlay h2{font:clamp(65px,9vw,160px)/1 Georgia;color:#ff494d;letter-spacing:-.055em}.contact-overlay .email{font-size:clamp(22px,3.4vw,55px);line-height:1.2;overflow-wrap:anywhere}.close{position:absolute;right:5%;top:40px;text-decoration:underline}@keyframes appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:800px){header{left:85px;right:22px;top:25px}header>span:nth-of-type(2){display:none}header a{font-size:12px}header b{margin-left:8px}.brand{left:18px;top:24px;font-size:32px}.brand span{display:none}nav{left:85px;top:90px}nav a,nav button{font-size:24px}.hero{padding:270px 25px 70px 85px;min-height:90vh}.hero h1{font-size:8.5vw;letter-spacing:-.065em;line-height:1.1;margin:0 0 55px}.hero h1 em{padding-left:0}.hero-bottom{flex-wrap:wrap;font-size:14px;gap:25px}.selected{padding:60px 25px 80px 85px;grid-template-columns:1fr 1fr}.work-meta{grid-column:1/-1;display:flex;gap:30px;flex-wrap:wrap;align-items:center}.counter{font-size:85px;margin:0}.work-meta dl{width:100%}.controls{margin:0 0 30px}.featured-image{grid-column:1/-1}.work-list{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin-top:25px}.work-list strong{font-size:20px}.work-list p{display:none}.about{padding:70px 25px 80px 85px}.about h2{font-size:48px}.about-body{grid-template-columns:1fr;gap:40px}.about-body>p{font-size:20px}.work-page{padding:270px 25px 80px 85px}.work-intro h1{font-size:50px}.project-grid{grid-template-columns:1fr;gap:45px}.card-image{height:260px}.card-title{flex-wrap:wrap}.card-title h2{font-size:25px}.case{padding:270px 25px 70px 85px;display:block}.case aside{position:static;margin-bottom:55px}.case aside p{margin:15px 0 25px}.case-cover h1{font-size:48px}.case-text h2{font-size:35px}.case-text p{font-size:16px}footer{padding:60px 25px 30px 85px}footer>button{font-size:12vw;padding-bottom:40px}footer>div{flex-direction:column;font-size:12px}.contact-overlay{padding:120px 25px 70px 50px}.contact-overlay h2{font-size:60px}.contact-overlay .email{font-size:24px}}
