@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:400;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:#9c777e #171617}body{margin:0;background:#171617;color:#f2ede7;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}::selection{background:#eab3bc;color:#171617}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:focus-visible{outline:2px solid #f1bbc5;outline-offset:6px}a:hover{color:#efbcc6}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}p{color:#b9b2b1}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-100px;background:#f2ede7;color:#171617;padding:12px;z-index:100}.skip:focus{top:8px}.header{position:fixed;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:20px 4.5%;background:#171617f5;border-bottom:1px solid #ffffff14;gap:24px}.wordmark{font-size:18px;letter-spacing:-.04em;white-space:nowrap}.wordmark-dot{color:#e8a3ae}.header nav{display:flex;gap:32px;font-size:13px}.header nav a{padding:5px 0;color:#c5bfc0;position:relative}.header nav a[aria-current="location"]{color:#fff}.header nav a[aria-current="location"]:after{content:'';height:2px;background:#dca2ae;position:absolute;bottom:-3px;left:0;right:0}.nav-pdf{display:flex;align-items:center;gap:10px;font-size:12px;border:1px solid #ffffff40;padding:6px 14px;border-radius:40px}.hero{min-height:740px;height:100svh;max-height:1050px;position:relative;overflow:hidden;padding:125px 4.5% 34px;display:flex;flex-direction:column;isolation:isolate}.hero-art{position:absolute;inset:-10%;background:url('assets/atmosphere.webp') center/cover no-repeat;z-index:-3;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#1716171a,#17161722),linear-gradient(0deg,#171617 0%,transparent 50%);z-index:-2}.hero-top,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.hero-top{color:#e0d1d4}.hero-content{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:auto 0 70px}.hero h1{font-size:clamp(90px,10.4vw,160px);line-height:.99;letter-spacing:-.04em}.hero-intro{width:36%;max-width:380px;padding-bottom:8px}.role{font-size:27px;line-height:1.3;color:#f2ede7;margin-bottom:20px}.hero-intro>p:not(.role){color:#e4d9db;font-size:15px}.button{display:inline-flex;align-items:center;gap:36px;border-radius:40px;padding:14px 24px;font-size:13px;margin-top:30px;transition:background .2s,color .2s}.light{background:#f2ede7;color:#171617}.light:hover{background:#efc4cc;color:#171617}.hero-bottom{font-size:12px;letter-spacing:.09em;align-items:center}.hero-bottom a{display:flex;gap:10px;align-items:center}.hero-bottom i{width:6px;height:6px;background:#e0b6bd;border-radius:50%}.section{max-width:1500px;margin:auto;padding:105px 4.5%}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid #454042;padding-top:22px;margin-bottom:64px}.section-heading h2{font-size:23px;letter-spacing:-.025em}.section-heading>span{color:#a99fa2;font-size:13px}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about-body h3{font-size:clamp(40px,5vw,70px)}.about-body p{max-width:55ch;margin-bottom:18px}.about-body .lead{font-size:23px;line-height:1.5;color:#eee5e5;margin-bottom:22px}.results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:76px}.results>div{border-top:1px solid #454042;padding-top:22px}.results strong{font-size:clamp(44px,5vw,70px);font-weight:400;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.results strong span{font-size:.65em}.results p{font-size:13px;color:#ddd3d5;margin-top:13px}.results p span{color:#a99fa2}.work{padding-top:45px}.project{margin-bottom:90px;scroll-margin-top:100px}.project:last-child{margin-bottom:0}.project-title{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid #454042;padding:25px 0 35px;gap:20px}.project-title h3{font-size:32px}.project-title>span{font-size:12px;color:#b4a8ad}.project-grid{display:grid;grid-template-columns:.88fr 1.4fr;gap:7%}.project-copy{padding-top:12px}.project-copy h4{font-size:clamp(25px,2.7vw,38px);margin-bottom:26px;line-height:1.22}.project-copy p{font-size:14px;margin-bottom:16px;max-width:47ch}.tags{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.tags span{border:1px solid #595052;border-radius:30px;padding:5px 12px;color:#d8cccf;font-size:12px}.project-result{border-top:1px solid #454042;padding-top:22px;display:flex;align-items:center;gap:22px;margin-top:32px;margin-bottom:10px}.project-result strong{font-size:48px;line-height:1.1;font-weight:400;color:#e6aab8;letter-spacing:-.04em}.project-result>span{font-size:12px;line-height:1.6;color:#d0c2c5}.project-copy .small{font-size:12px;color:#b4a8ad}.links{display:flex;gap:24px;flex-wrap:wrap;margin-top:29px}.links a{font-size:12px;border-bottom:1px solid #8c727a;padding:3px 0}.links a span{margin-left:10px}.visual{overflow:hidden;align-self:start;display:grid;gap:10px;background:#242021;padding:12px}.visual img{width:100%;object-fit:cover}.ivan,.beauty{grid-template-columns:1fr 1fr}.ivan>img,.beauty>img{height:100%;max-height:610px;object-position:top}.ivan>div,.beauty>div{display:grid;grid-template-rows:1fr 1fr;gap:10px;min-height:0}.ivan>div img,.beauty>div img{height:100%;min-height:0;object-fit:cover;max-height:300px}.beauty{background:#b8b0a1}.facederma{grid-template-columns:1fr 1fr;background:#777063}.facederma img:first-child{grid-column:1/3;max-height:290px;object-position:center 40%}.facederma img:not(:first-child){aspect-ratio:1.15;object-fit:cover}.social{grid-template-columns:1fr 1fr;padding:0;gap:5px;background:transparent}.social img{height:auto}.indie{grid-template-columns:1fr 1fr;background:#22192d;gap:18px;padding:26px}.indie img{height:490px;object-fit:contain;object-position:top}.plain-list{padding:0;margin:22px 0;list-style:none;color:#c0b5b8;font-size:14px}.plain-list li{padding:6px 0;border-bottom:1px solid #ffffff0d}.project-copy .concept{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#e6aab8;margin-top:35px}.experience{padding-top:25px}.text-link{display:flex;align-items:center;gap:12px;font-size:12px}.experience-table{margin-top:-16px}.table-head,.experience-row{display:grid;grid-template-columns:1fr 1.4fr .5fr;gap:24px;border-bottom:1px solid #454042;padding:21px 0;align-items:center}.table-head{color:#a99fa2;font-size:12px;text-transform:uppercase;letter-spacing:.09em;padding-top:0}.experience-row strong{font-size:19px;font-weight:400}.experience-row>span{font-size:13px;color:#c5b9bc}.experience-row>span:last-child,.table-head>span:last-child{text-align:right}.experience-row[href]:hover{background:#211d20}.capabilities{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:35px;margin-top:95px}.capabilities h3,.process h3,.background h3{font-size:24px}.capabilities h4{font-size:20px;margin:0 0 16px;color:#e6aab8}.capabilities p{font-size:13px;line-height:2}.process{margin-top:90px;padding-top:35px;border-top:1px solid #454042}.process ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;counter-reset:steps;padding:0;margin:36px 0 0;gap:28px}.process li{counter-increment:steps;position:relative;padding-top:32px}.process li:before{content:'0' counter(steps);font-size:12px;color:#b89ca4;position:absolute;top:0}.process strong{display:block;font-weight:400;font-size:17px;margin-bottom:10px}.process li span{font-size:12px;color:#b9b2b1;display:block;max-width:22ch}.background{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-top:85px;border-top:1px solid #454042;padding-top:40px}.education-item{margin-top:32px}.education-item>span{font-size:12px;color:#ba9ca5}.education-item h4{font-size:18px;margin:10px 0}.education-item p{font-size:13px}.tool-list{font-size:15px;line-height:2;margin-top:28px;max-width:40ch}.language-heading{margin-top:35px}.background dl{font-size:13px;margin-top:20px}.background dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #393235;padding:8px 0}.background dd{color:#bda9b0}.contact{position:relative;overflow:hidden;isolation:isolate;padding:105px 4.5% 24px;background:#252023}.contact-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1716175e,#171617c9),url('assets/atmosphere.webp') center/cover}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:9%;max-width:1365px;margin:auto}.contact h2{font-size:clamp(55px,7.8vw,112px);line-height:1.07}.contact-details{padding-top:9px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:14px}.contact-details p{color:#e2ced4;font-size:20px;line-height:1.45;margin-bottom:20px}.contact-details .email{font-size:clamp(16px,1.6vw,23px);display:flex;align-items:center;gap:15px;border-bottom:1px solid #cfa9b5;padding-bottom:8px}.contact-details>span{color:#cbb8c0}.contact-details .links{margin-top:18px}footer{max-width:1365px;margin:95px auto 0;padding-top:24px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#c6b8bd}footer a span{margin-left:16px}@media(min-width:1600px){.hero-content,.hero-top,.hero-bottom{width:1365px;align-self:center}.header{padding-left:calc((100vw - 1365px)/2);padding-right:calc((100vw - 1365px)/2)}}@media(max-width:850px){.header{padding:17px 5%;gap:18px}.header nav{gap:18px;font-size:12px}.hero{padding:116px 5% 28px;min-height:720px}.hero-content{gap:25px}.hero h1{font-size:105px}.hero-intro{width:40%}.role{font-size:23px}.hero-bottom{font-size:12px}.section{padding:75px 6%}.project-grid{grid-template-columns:1fr 1.1fr;gap:5%}.project-copy h4{font-size:26px}.project-result{gap:12px}.project-result strong{font-size:39px}.project-result>span{font-size:12px}.indie{padding:12px;gap:10px}.indie img{height:350px}.capabilities{grid-template-columns:1fr 1fr;gap:32px}.capabilities h3{grid-column:1/3}.process ol{gap:14px}.background{gap:7%}.contact{padding:75px 6% 25px}.contact-inner{gap:6%}.contact h2{font-size:69px}.contact-details .email{font-size:16px}.contact-details .email svg{width:16px}}@media(max-width:600px){html{scroll-padding-top:120px}.header{flex-wrap:wrap;gap:10px;padding:13px 6% 12px}.wordmark{font-size:16px}.nav-pdf{margin-left:auto;padding:3px 11px;font-size:12px}.nav-pdf svg{width:15px}.header nav{order:3;width:100%;justify-content:space-between;gap:16px;font-size:12px}.hero{padding:132px 6% 25px;min-height:780px;height:100svh;max-height:950px}.hero-top{font-size:12px;letter-spacing:.08em}.hero-content{display:block;margin:auto 0 37px}.hero h1{font-size:clamp(77px,20vw,120px);margin:38px 0 30px}.hero-intro{width:100%;max-width:none;padding:0}.role{font-size:22px;margin-bottom:12px}.role br{display:none}.hero-intro>p:not(.role){font-size:13px}.hero-intro .desktop{display:none}.button{margin-top:24px;padding:11px 20px;font-size:12px}.hero-bottom{display:block;font-size:12px;letter-spacing:.03em}.hero-bottom>a{margin-top:12px;font-size:12px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:37px;padding-top:20px}.section-heading h2{font-size:22px}.section-heading>span{display:block;margin-top:12px;font-size:12px}.about-body{display:block}.about-body h3{font-size:42px;margin-bottom:25px}.about-body .lead{font-size:19px}.about-body p{font-size:14px}.results{grid-template-columns:1fr;gap:0;margin-top:35px}.results>div{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px}.results strong{font-size:44px;min-width:140px}.results p{font-size:12px;margin:0;min-width:45%}.project{margin-bottom:60px}.project-title{display:block;padding:23px 0}.project-title h3{font-size:29px}.project-title>span{display:block;margin-top:9px;font-size:12px}.project-grid{display:flex;flex-direction:column;gap:30px}.project-copy{padding:0}.project-copy h4{font-size:29px}.project-copy p{max-width:none;font-size:14px}.visual{width:100%;order:2}.ivan>img,.beauty>img{max-height:470px}.ivan>div img,.beauty>div img{max-height:230px}.project-result{gap:23px;margin-top:25px}.project-result strong{font-size:47px}.project-result>span{font-size:12px}.tags{margin:22px 0}.links{margin-top:20px}.facederma img:first-child{max-height:240px}.indie img{height:300px}.experience .section-heading .text-link{margin-top:18px}.table-head{display:none}.experience-row{grid-template-columns:1fr auto;gap:5px 15px;padding:18px 0}.experience-row strong{font-size:17px}.experience-row>span:nth-child(2){grid-row:2;grid-column:1/3;font-size:12px}.experience-row>span:last-child{font-size:12px;grid-column:2;grid-row:1}.capabilities{margin-top:55px;grid-template-columns:1fr;gap:25px}.capabilities h3{grid-column:auto;margin-bottom:8px}.capabilities>div{display:grid;grid-template-columns:100px 1fr;gap:14px}.capabilities h4{font-size:18px;margin-top:4px}.capabilities p{font-size:12px}.process{margin-top:48px}.process ol{grid-template-columns:1fr;gap:20px}.process li{padding:0 0 0 32px;display:grid;grid-template-columns:100px 1fr;gap:14px}.process li:before{top:4px}.process strong{font-size:15px;margin:0}.process li span{max-width:none;font-size:12px}.background{grid-template-columns:1fr;gap:45px;margin-top:50px}.tool-list{margin-top:20px;max-width:none}.contact{padding:65px 6% 24px}.contact-inner{grid-template-columns:1fr;gap:37px}.contact h2{font-size:66px}.contact-details .email{font-size:19px;max-width:100%}.contact-details p{font-size:17px}.contact-details{font-size:13px}footer{margin-top:65px;font-size:12px}.project{scroll-margin-top:125px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{transform:none!important}.button{transition:none}}@media print{.header,.hero-art,.hero-shade,.contact-art,.nav-pdf,.button{display:none}body{background:#fff;color:#111;font-size:12px}p,.project-copy p,.project-title>span,.results p,.results p span{color:#333}.hero{height:auto;min-height:0;padding:20px 0}.hero h1{font-size:60px}.hero-content{margin:20px 0}.hero-intro p,.role{color:#111}.section{padding:30px 0}.section-heading{margin-bottom:20px}.project{break-inside:avoid}.visual{max-height:360px}.visual img{max-height:330px}.contact{background:#fff;padding:30px 0;color:#111}.contact-details p{color:#111}.contact h2{font-size:45px}footer{margin-top:30px}}
