@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f2f0e9;--ink:#20201d;--red:#e84935;--rule:#c6c3bc;--blue:#b5c4d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:96px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.wordmark{font:700 15px/.82 Archivo,sans-serif;letter-spacing:-.08em;position:relative}.wordmark>span:first-child{color:var(--red)}.wordmark .mark{position:absolute;top:0;right:-12px;font:9px Arial}.header nav{display:flex;align-items:center;gap:40px;font-size:11px}.contact{border-bottom:1px solid var(--ink);padding:8px 0}.contact b{color:var(--red);margin-left:16px}.menu{display:none}.hero{min-height:680px;position:relative;padding:77px 9vw 55px;display:grid;grid-template-columns:1fr .8fr;grid-template-rows:1fr auto;overflow:hidden}.hero-title{position:relative;z-index:2}.overline,.left-label,.portrait-caption,.number,.vertical-note,.hero-summary>a,.services-aside,.note-kicker,.contact-section small{font:9px 'DM Mono',monospace;letter-spacing:.08em}.overline{margin:0 0 38px}.hero h1{font:700 clamp(65px,9vw,120px)/.86 Archivo,sans-serif;letter-spacing:-.09em;margin:0}.hero h1 span{font-family:'Instrument Serif',serif;font-weight:400;font-style:italic;color:var(--red);letter-spacing:-.06em}.portrait{position:relative;align-self:center;justify-self:center;width:min(100%,410px);height:470px;background:var(--blue);overflow:hidden}.orbit{position:absolute;border:1px solid #4f6578;border-radius:50%;width:510px;height:230px;left:-44px;top:115px;transform:rotate(-31deg)}.orbit-b{transform:rotate(44deg);left:-53px;top:82px;width:520px;height:270px}.figure{position:absolute;inset:0}.head{position:absolute;width:132px;height:160px;background:#cb8d6d;border-radius:48% 52% 47% 53%;left:130px;top:83px;transform:rotate(11deg);z-index:2}.head:before{content:'';position:absolute;width:145px;height:90px;background:#252a2e;border-radius:70% 20% 0 0;left:-12px;top:-23px;transform:rotate(-12deg)}.body{position:absolute;width:275px;height:260px;background:#dfdfd3;border-radius:48% 48% 0 0;left:64px;top:218px;z-index:1}.arm{position:absolute;width:250px;height:45px;border-radius:30px;background:#cb8d6d;left:133px;top:278px;transform:rotate(-35deg);z-index:4}.phone-shape{position:absolute;width:125px;height:200px;background:#f4f1e9;border:6px solid #252a2e;border-radius:23px;left:168px;top:195px;transform:rotate(-13deg);z-index:3;display:flex;flex-direction:column;padding:23px 14px 12px;justify-content:space-between;box-shadow:8px 13px 0 #4d6274}.phone-shape span{position:absolute;top:6px;left:42px;width:32px;height:7px;border-radius:7px;background:#252a2e}.phone-shape i{font:italic 19px/1 'Instrument Serif',serif}.phone-shape b{align-self:flex-end;font-size:28px;color:var(--red)}.portrait-caption{position:absolute;bottom:15px;left:18px;font-size:8px}.number{position:absolute;right:17px;top:16px;color:#566575}.hero-summary{grid-column:1;align-self:end;display:flex;gap:30px;align-items:end}.hero-summary p{font-size:12px;line-height:1.75;max-width:280px;margin:0}.hero-summary>a{border-bottom:1px solid;padding-bottom:6px;white-space:nowrap}.hero-summary>a span{color:var(--red);font-size:15px;margin-left:7px}.vertical-note{position:absolute;right:24px;top:275px;writing-mode:vertical-rl;color:#71716d}.studio{display:grid;grid-template-columns:1fr 3fr;padding:100px 12vw;border-top:1px solid var(--rule);gap:25px}.left-label{line-height:1.7}.studio-content{max-width:850px}.large-copy{font:clamp(35px,5.3vw,68px)/1.11 'Instrument Serif',serif;margin:0;letter-spacing:-.03em}.large-copy em{color:var(--red);font-weight:400}.studio-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin-top:50px;padding-top:28px;border-top:1px solid var(--rule)}.studio-bottom>p{font-size:12px;line-height:1.8;max-width:420px;margin:0}.facts{display:grid;gap:17px}.facts span{font:9px 'DM Mono',monospace;color:#7d7b75}.facts b{display:block;font:11px Archivo,sans-serif;color:var(--ink);margin-top:5px}.services{padding:90px 12vw;background:#e7e5de}.services-top{display:grid;grid-template-columns:1fr 2.5fr 1fr;align-items:start;gap:20px;margin-bottom:55px}.services h2{font:700 clamp(45px,6vw,76px)/.92 Archivo,sans-serif;letter-spacing:-.08em;margin:0}.services h2 i{font:italic 400 1em 'Instrument Serif',serif;color:var(--red);letter-spacing:-.04em}.services-aside{line-height:1.7;color:#6e6d67}.service-row{display:grid;grid-template-columns:50px 1.2fr 1.2fr 25px;gap:18px;align-items:center;border-top:1px solid var(--rule);padding:22px 0}.service-row:last-child{border-bottom:1px solid var(--rule)}.service-row>span,.service-row>b{font:10px 'DM Mono',monospace;color:var(--red)}.service-row h3{font-size:18px;letter-spacing:-.04em;margin:0;font-weight:500}.service-row p{font-size:11px;line-height:1.65;color:#686761;max-width:340px;margin:0}.service-row>b{font-size:16px}.notes{padding:95px 12vw;display:grid;grid-template-columns:1fr 2.5fr .7fr;gap:20px;align-items:start}.note-kicker{color:#77746f}.notes h2{font:clamp(42px,6vw,74px)/.99 'Instrument Serif',serif;font-weight:400;letter-spacing:-.04em;margin:30px 0 24px}.notes h2 i{color:var(--red)}.notes>div:nth-child(2)>p:last-child{font-size:12px;line-height:1.7;color:#6b6963;max-width:370px}.note-mark{font:700 54px Archivo,sans-serif;letter-spacing:-.12em;text-align:right}.note-mark span{color:var(--red)}.contact-section{background:var(--red);color:#fff;padding:66px 10vw 54px;min-height:330px;position:relative;text-align:center;overflow:hidden}.contact-circle{position:absolute;left:8%;top:35px;width:140px;height:140px;border:1px solid #ff9b89;border-radius:50%;display:grid;place-content:center;font:8px/1.5 'DM Mono',monospace;transform:rotate(-13deg)}.contact-section>p{font:italic 18px 'Instrument Serif',serif;margin:22px 0}.contact-section>a{font:600 clamp(38px,7vw,80px) Archivo,sans-serif;letter-spacing:-.07em}.contact-section>a span{font-size:.6em}.contact-section small{display:block;margin-top:27px}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 6vw;font-size:9px;color:#696760}.footer-logo{font-weight:700;letter-spacing:-.05em}
@media(max-width:760px){.header{height:78px;padding:0 6vw}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);z-index:8;padding:25px;flex-direction:column}.header.menu-open nav{display:flex}.menu{display:block;border:0;background:none;font-size:24px}.hero{padding:55px 7vw 45px;grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(64px,15vw,105px)}.portrait{width:min(100%,390px);height:410px}.head{left:calc(50% - 66px);top:65px}.body{left:calc(50% - 137px);top:195px}.arm{left:calc(50% - 117px);top:250px}.phone-shape{left:calc(50% - 60px);top:170px}.hero-summary{grid-column:1;display:block}.hero-summary p{margin-bottom:18px}.vertical-note{display:none}.studio{padding:70px 8vw;grid-template-columns:1fr;gap:24px}.studio-bottom{grid-template-columns:1fr;gap:24px;margin-top:32px}.services{padding:70px 8vw}.services-top{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.services-aside{display:none}.service-row{grid-template-columns:25px 1fr 18px;gap:12px}.service-row h3{font-size:16px}.service-row p{grid-column:2;grid-row:2}.service-row>b{grid-column:3;grid-row:1}.notes{padding:70px 8vw;grid-template-columns:1fr}.note-mark{display:none}.contact-circle{left:auto;right:-30px;top:-28px;width:100px;height:100px;opacity:.55}.contact-section{padding:70px 7vw 45px}.contact-section>a{font-size:clamp(35px,9vw,65px)}footer{flex-wrap:wrap}}