:root{--bg:#171716;--fg:#f3f1ec;--accent:#ff5848;--muted:#b7b7b0;--line:#3b3b37;--paper:#f3f1ec;--sans:'DM Sans',sans-serif;--serif:'Instrument Serif',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--paper);color:var(--bg);padding:15px}.skip:focus{top:20px}.shell{padding-left:5.2vw;padding-right:5.2vw}.navigation{height:100px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-size:35px;font-weight:800;letter-spacing:-2px}.brand span{font-size:19px;vertical-align:top;margin-left:5px;letter-spacing:0;color:var(--accent)}.navigation nav{display:flex;gap:36px;font-size:14px}.navigation a:not(.brand){transition:color .25s}.navigation a:hover{color:var(--accent)}.nav-contact{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero{min-height:720px;height:calc(100svh - 100px);max-height:1050px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.eyebrow,.small-label{font-size:12px;letter-spacing:.1em;font-weight:500}.hero-eyebrow{position:absolute;top:34px;left:5.2vw;right:5.2vw;display:flex;justify-content:space-between;color:var(--muted)}.hero-title{font-size:clamp(90px,11.6vw,186px);font-weight:500;letter-spacing:-.075em;line-height:.98;margin:45px 0 60px;position:relative;z-index:1;width:70%}.hero-title>.line{display:block;overflow:hidden;padding:0 .04em .08em;margin-bottom:-.08em}.hero-title>.line>span{display:block}.hero-title>.line:nth-child(2){margin-left:8.6vw}.hero-title em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.04em;display:inline-block;transition:color .4s,font-variation-settings .4s,transform .4s}.hero-title em:hover{color:#f5eece;transform:skewX(-8deg)}.hero-aside{position:absolute;right:6vw;top:41%;width:260px;z-index:2}.hero-aside .small-label{font-size:12px;letter-spacing:.04em;color:var(--muted)}.hero-aside p{font-size:22px;line-height:1.45;letter-spacing:-.025em;margin:23px 0 30px}.pill{border:1px solid #72726b;border-radius:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 23px;font-size:14px;background:transparent;color:inherit;transition:background .25s,color .25s}.pill:hover{background:var(--paper);color:var(--bg)}.button-dot{width:8px;height:8px;border-radius:100%;background:var(--accent);flex-shrink:0;transition:transform .3s}.pill:hover .button-dot{transform:scale(1.4)}.hero-bottom{position:absolute;bottom:28px;left:5.2vw;right:5.2vw;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.04em;color:var(--muted)}.hero-bottom i{display:inline-block;height:24px;border-left:1px solid var(--accent);margin-left:18px;vertical-align:middle}.hero-outline{position:absolute;right:-1vw;bottom:-12vw;font-size:50vw;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px #33332e;z-index:-1;pointer-events:none;letter-spacing:-.12em}.work{padding-top:100px;padding-bottom:90px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:52px}.section-heading h2{font-size:clamp(42px,5.2vw,80px);letter-spacing:-.05em;line-height:1.1;margin:0;font-weight:500}.section-heading em{font-family:var(--serif);font-weight:400}.project{min-height:620px;overflow:hidden;border-radius:5px;position:relative;display:grid;grid-template-columns:1fr 1fr}.tomato{background:#ed5846;color:#231b17}.project-text{padding:60px 4vw;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.project h3{font-size:clamp(50px,6.2vw,94px);font-weight:550;letter-spacing:-.065em;line-height:.95;margin:55px 0 24px}.project p{font-size:20px;line-height:1.45;letter-spacing:-.02em}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 32px}.tags span{font-size:12px;border:1px solid #231b1740;border-radius:30px;padding:7px 11px}.project .pill{border-color:#231b1770;margin-top:auto}.project .button-dot{background:#231b17}.project-visual{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:45px}.project-visual img{height:545px;width:auto;border-radius:12px;transform:rotate(8deg);box-shadow:0 24px 70px #58231644}.image-caption{position:absolute;bottom:25px;font-size:12px;letter-spacing:.06em}.light:hover{background:#231b17;color:#fff}.light:hover .button-dot{background:var(--accent)}footer{padding-top:35px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.progress{height:3px;position:fixed;top:0;left:0;right:0;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:100}.roll-link{overflow:hidden}.roll-link span{display:block;transition:transform .3s}.roll-link:hover span{transform:translateY(-3px)}@media(max-width:1050px){.hero-aside{width:225px;right:5.2vw}.hero-aside p{font-size:20px}.hero-title{font-size:11.8vw}.hero-aside .small-label{font-size:12px}}@media(max-width:800px){.navigation{height:80px}.navigation nav{gap:16px}.navigation nav a:last-child{display:none}.hero{height:auto;min-height:840px;justify-content:flex-start;padding-top:100px}.hero-eyebrow{top:25px}.hero-eyebrow span:last-child{display:none}.hero-title{font-size:17vw;margin:15px 0 0;line-height:.97;width:100%}.hero-title>.line:nth-child(2){margin-left:6vw}.hero-aside{position:relative;top:auto;right:auto;margin:38px 0 90px 25%;width:auto;max-width:none}.hero-aside p{font-size:20px}.hero-bottom{gap:16px;flex-wrap:wrap}.hero-outline{font-size:90vw;bottom:70px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{margin-top:25px}.project{grid-template-columns:1fr;min-height:0}.project-text{padding:36px 26px}.project h3{font-size:64px;margin-top:35px}.project-visual{height:480px;padding-top:0}.project-visual img{height:420px}.work{padding-top:65px;padding-bottom:65px}.nav-contact{font-size:12px}.brand{font-size:29px}.navigation nav{font-size:12px}footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}