:root{--black:#090909;--paper:#f2f0eb;--line:rgba(10,10,10,.18);--grey:#8b8984;--g:clamp(1.25rem,4.5vw,4rem);--p:clamp(5rem,11vw,10rem);--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:var(--paper);color:var(--black);overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.loader{position:fixed;inset:0;z-index:999;background:#050505;color:white;display:grid;place-content:center;text-align:center;transition:opacity .8s var(--ease),visibility .8s}.loader div{overflow:hidden}.loader span{display:block;font-size:clamp(5rem,15vw,13rem);font-weight:300;letter-spacing:-.09em;animation:loadIn .9s var(--ease) both}.loader .loader__small span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;animation-delay:.12s}.loader.hidden{opacity:0;visibility:hidden}@keyframes loadIn{from{transform:translateY(110%)}to{transform:none}}
header{position:fixed;z-index:100;top:0;left:0;right:0;padding:1.4rem var(--g);display:flex;justify-content:space-between;align-items:center;color:white;mix-blend-mode:difference;transition:padding .3s}header.scrolled{padding-top:.9rem;padding-bottom:.9rem}.brand{font-size:1.05rem}.brand i{opacity:.45;font-style:normal}.brand small{font-size:.7rem}header nav{display:flex;gap:2rem;font-size:.76rem}header button{display:none;background:none;border:0;width:28px;height:18px;position:relative;color:inherit}header button span{position:absolute;left:0;width:100%;height:1px;background:currentColor}header button span:first-child{top:2px}header button span:last-child{bottom:2px}.mobile-nav{display:none}
.hero{height:100svh;min-height:580px;position:relative;overflow:hidden;color:white}.hero>img{height:112%;object-fit:cover;transform:scale(1.06);will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.08) 45%,rgba(0,0,0,.65))}.hero__title{position:absolute;left:var(--g);bottom:clamp(6rem,12vh,9rem)}.hero__title>p,.label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.hero h1{font-size:clamp(3.2rem,8vw,8.8rem);font-weight:300;line-height:.88;letter-spacing:-.065em;margin-top:1.3rem}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-family:"Newsreader",serif;font-weight:300}.hero__foot{position:absolute;left:var(--g);right:var(--g);bottom:1.6rem;border-top:1px solid rgba(255,255,255,.4);padding-top:1rem;display:flex;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
section:not(.hero){padding:var(--p) var(--g)}.intro__copy{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,9vw,9rem);align-items:center;margin-top:clamp(2.5rem,5vw,4.5rem)}.intro h2,.experience h2{font-size:clamp(2.7rem,6vw,6rem);font-weight:300;line-height:.98;letter-spacing:-.055em;max-width:14ch}.intro__copy>p,.experience__copy>p{font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.image-break{position:relative!important;padding:0!important;height:100svh;overflow:hidden;background:#111}.image-break img{height:100%;object-fit:cover;}.image-break>span{position:absolute;left:-.04em;bottom:-.2em;color:white;font-size:clamp(5rem,18vw,18rem);font-weight:300;letter-spacing:-.08em;line-height:1;mix-blend-mode:difference}
.services{background:#111;color:#eee}.services>.label{color:#999}.service-list{margin-top:4rem}.service-list article{display:grid;grid-template-columns:3rem 1fr 1fr;gap:2rem;align-items:center;border-top:1px solid #333;padding:2rem 0}.service-list article:last-child{border-bottom:1px solid #333}.service-list b{font-size:.7rem;color:#888;font-weight:400}.service-list h3{font-size:clamp(2rem,4vw,4.5rem);font-weight:300;letter-spacing:-.05em}.service-list p{color:#999;max-width:28rem}
.experience{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.experience__image{height:75svh;overflow:hidden}.experience__image img{height:100%;object-fit:cover;}.experience__copy h2{margin:2rem 0}.experience__copy>p{color:#555}.experience ul{list-style:none;margin-top:4rem;border-top:1px solid var(--line)}.experience li{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.1rem}.experience small{font-size:.7rem;color:var(--grey)}
.studio{background:#d8d5cf;padding-top:clamp(3.75rem,7vw,6.25rem)!important;padding-bottom:clamp(3.75rem,7vw,6.25rem)!important}.studio__row{display:grid;grid-template-columns:1.4fr .6fr;gap:3rem;align-items:center;margin-top:clamp(2.5rem,5vw,4.5rem)}.studio h2{font-size:clamp(3.2rem,8vw,8rem);font-weight:300;letter-spacing:-.07em;line-height:.85}.studio__row p{font-size:1.1rem;line-height:1.6}.studio__row span{display:block;margin-top:2rem;font-family:"Newsreader",serif;font-style:italic;font-size:1.5rem}.contact{background:#070707;color:white}.contact h2{font-family:"Newsreader",serif;font-size:clamp(5rem,15vw,15rem);font-weight:300;font-style:italic;line-height:.8;margin:clamp(4rem,10vw,8rem) 0}.contact__links{display:grid;grid-template-columns:1fr 1fr;gap:0 4rem}.contact__links a{display:flex;justify-content:space-between;border-top:1px solid #333;padding:1.2rem 0}.contact__links a:nth-last-child(-n+2){border-bottom:1px solid #333}.contact__links span{font-size:.72rem;color:#888}.contact__links b{font-weight:400;font-size:.85rem;text-align:right}footer{background:#070707;color:#777;border-top:1px solid #333;padding:1.4rem var(--g);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}footer i{font-style:normal}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){header nav{display:none}header button{display:block}.mobile-nav{position:fixed;display:flex;z-index:90;inset:0;background:#090909;color:white;flex-direction:column;padding:7rem var(--g);transform:translateY(-100%);transition:transform .5s var(--ease)}.mobile-nav.open{transform:none}.mobile-nav a{font-size:2.5rem;font-weight:300;border-bottom:1px solid #333;padding:.5rem 0}.intro__copy,.studio__row,.experience{grid-template-columns:1fr}.service-list article{grid-template-columns:2rem 1fr}.service-list p{grid-column:2}.experience__image{height:55svh}.contact__links{grid-template-columns:1fr}.contact__links a:nth-last-child(-n+2){border-bottom:0}.contact__links a:last-child{border-bottom:1px solid #333}}@media(max-width:520px){.brand small{display:none}.hero h1{font-size:3.4rem}.hero__foot>span{display:none}.image-break{height:65svh}.contact__links a{display:block}.contact__links b{display:block;text-align:left;margin-top:.35rem;overflow-wrap:anywhere}footer{display:block}footer>span{display:block;margin-top:.5rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

.services__head{display:grid;grid-template-columns:.65fr 1.35fr;gap:3rem;align-items:end}.services__head .label{font-size:clamp(.85rem,1.15vw,1.05rem)}.services__head>p:last-child{font-size:clamp(1.2rem,2.2vw,2rem);font-weight:300;line-height:1.35;max-width:34rem}.service-list{margin-top:clamp(4rem,8vw,7rem)}.service-list article{min-height:9rem;transition:padding-left .55s var(--ease),background-color .55s var(--ease)}.service-list h3{font-size:clamp(2.6rem,5.5vw,5.8rem)}.service-list p{font-size:1rem;line-height:1.55}.service-list article:hover{padding-left:1.25rem;background:rgba(255,255,255,.025)}
.contact__links a{position:relative;overflow:hidden;transition:color .4s var(--ease),padding-left .4s var(--ease),padding-right .4s var(--ease)}.contact__links a::after{content:"↗";position:absolute;right:0;top:50%;transform:translate(1rem,-50%);opacity:0;transition:transform .4s var(--ease),opacity .4s var(--ease)}.contact__links a:hover{padding-left:.6rem;padding-right:2rem;color:#fff}.contact__links a:hover::after{transform:translate(0,-50%);opacity:1}.contact__links a:hover span{color:#bbb}.wa-icon{width:1.15rem;height:1.15rem;fill:currentColor;flex:0 0 auto;margin-right:.55rem}.contact__links>a:has(.wa-icon){display:grid;grid-template-columns:auto 1fr auto;align-items:center}.email-row{display:grid;grid-template-columns:1fr auto;border-top:1px solid #333}.email-row>a{border:0!important}.copy-email{align-self:center;margin-left:1rem;border:1px solid #555;border-radius:999px;background:transparent;color:#fff;padding:.55rem .9rem;font:inherit;font-size:.72rem;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.copy-email:hover,.copy-email.copied{background:#fff;color:#080808;border-color:#fff}.experience li{transition:padding-left .4s var(--ease)}.experience li:hover{padding-left:.6rem}.image-break img,.experience__image img{transition:transform 1.5s var(--ease)}.image-break:hover img,.experience__image:hover img{transform:scale(1.025)}
@media(max-width:800px){.services__head{grid-template-columns:1fr;gap:2rem}.service-list h3{font-size:clamp(2.2rem,10vw,3.8rem)}.service-list article{min-height:auto}}