:root{--bg:#f3f0ea;--ink:#151515;--muted:#77736c;--line:#d5d0c7;--orange:#d96c43;--dark:#151513;--white:#f8f6f1;--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.loader{position:fixed;inset:0;background:#151513;color:#fff;z-index:999;display:flex;align-items:center;justify-content:center}.loader-inner{font:500 clamp(50px,9vw,130px)/.72 var(--serif);letter-spacing:-5px}.loader-inner span,.loader-inner b{display:block}.loader-inner b{font-style:italic;color:var(--orange)}.loader-meta{position:absolute;bottom:35px;left:5vw;right:5vw;display:flex;justify-content:space-between;font:7px var(--mono);color:#777;letter-spacing:1.5px}.loader-meta i{width:25vw;height:1px;background:#333;position:absolute;left:50%;top:5px}.loader-meta i:after{content:"";display:block;height:100%;width:0;background:var(--orange)}header{height:72px;position:fixed;z-index:90;top:0;left:0;width:100%;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(243,240,234,.76);backdrop-filter:blur(16px);border-bottom:1px solid #0000000c}.logo{font:800 24px var(--sans);letter-spacing:-3px}.logo span,footer span{color:var(--orange)}.header-center{font:7px var(--mono);letter-spacing:1.5px;color:#777}.pulse{width:6px;height:6px;display:inline-block;background:#6a9c70;border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px #6a9c7020}.menu-trigger{width:40px;height:40px;border:0;background:none;cursor:pointer}.menu-trigger span{display:block;width:25px;height:1px;background:#222;margin:6px auto}.nav-overlay{position:fixed;inset:0;background:var(--dark);color:#fff;z-index:200;transform:translateY(-100%);padding:110px 7vw 35px;display:flex;flex-direction:column;justify-content:space-between}.nav-close{position:absolute;right:5vw;top:30px;border:0;background:none;color:#aaa;font:8px var(--mono);cursor:pointer}.nav-big{display:flex;flex-direction:column;gap:3px}.nav-big a{font:500 clamp(48px,8vw,110px)/.84 var(--serif);letter-spacing:-5px}.nav-big a:first-child{color:var(--orange)}.nav-big small{font:7px var(--mono);letter-spacing:1px;color:#666;vertical-align:top;margin-right:15px}.nav-bottom{font:7px var(--mono);color:#777;letter-spacing:2px}.hero{height:100vh;min-height:720px;padding:115px 5vw 42px;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1.5px;color:#888}.hero-top span:first-child{color:var(--orange)}.hero-name{position:absolute;left:8vw;top:22vh;z-index:2;font:800 clamp(90px,15.3vw,225px)/.72 var(--sans);letter-spacing:-11px}.hero-name>div:nth-child(2){margin-left:10vw}.hero-name em{font:500 .94em var(--serif);letter-spacing:-11px}.hero-name sup{font:7px var(--mono);letter-spacing:0;color:var(--orange);vertical-align:top;margin-left:8px}.hero-statement{position:absolute;right:6vw;top:30vh;width:255px;font-size:12px;line-height:1.8;color:#777}.hero-statement em{font:500 16px var(--serif);color:#222}.hero-cta{position:absolute;left:5vw;bottom:105px;display:flex;gap:40px;align-items:center}.hero-cta a{font:8px var(--mono);letter-spacing:1.5px;border-bottom:1px solid #222;padding-bottom:8px}.hero-cta a span{color:var(--orange);font-size:14px;margin-left:25px}.hero-cta>span{font:7px var(--mono);color:#999;letter-spacing:1.5px}.hero-shape{position:absolute;width:390px;height:390px;border:1px solid var(--line);border-radius:50%;right:12vw;top:36%;display:flex;align-items:center;justify-content:center;transform:rotate(-15deg)}.hero-shape:before{content:"";position:absolute;inset:35px;border:1px dashed #d8d2c9;border-radius:50%;animation:spin 30s linear infinite}.shape-letter{font:500 160px var(--serif);color:#d7d2c9}.shape-label{position:absolute;right:-30px;bottom:20px;font:7px var(--mono);letter-spacing:1.4px;line-height:1.7;color:#888;transform:rotate(15deg)}.hero-thumbs{position:absolute;right:5vw;bottom:95px;display:flex;gap:10px;z-index:5}.hero-thumbs button{border:0;background:none;padding:0;text-align:left;cursor:pointer;width:72px;transition:.4s}.hero-thumbs button:hover{transform:translateY(-12px)}.thumb{height:88px;display:flex;align-items:center;justify-content:center;color:#fff;font:7px var(--mono);letter-spacing:1px}.t1{background:#526455}.t2{background:#69547c}.t3{background:#b56a4d}.hero-thumbs small{font:6px var(--mono);color:#888;letter-spacing:1px}.hero-strip{position:absolute;left:0;bottom:0;width:100%;height:40px;background:#161615;color:#eee;display:flex;align-items:center;gap:35px;padding:0 5vw;white-space:nowrap;overflow:hidden;font:7px var(--mono);letter-spacing:1.7px}.hero-strip span:nth-child(even){color:var(--orange)}@keyframes spin{to{transform:rotate(360deg)}}.work{padding:150px 5vw 100px;background:#ebe8e1}.work-head{display:grid;grid-template-columns:90px 1fr 290px;gap:30px;align-items:end}.num{font:9px var(--mono);color:var(--orange)}.work-head small,.about-label>small,.expertise-head small{font:7px var(--mono);letter-spacing:2px;color:#777}.work-head h2,.expertise-head h2{font:500 clamp(70px,8vw,115px)/.8 var(--serif);letter-spacing:-5px;margin:15px 0 0}.work-head h2 em,.expertise-head h2 em{color:var(--orange)}.work-head p{font-size:11px;line-height:1.8;color:#777;margin:0}.work-filter{display:flex;justify-content:flex-end;gap:9px;margin:80px 0 45px}.work-filter button{font:7px var(--mono);letter-spacing:1px;border:1px solid #c9c5bc;background:transparent;border-radius:30px;padding:10px 15px;cursor:pointer;color:#777}.work-filter button.active,.work-filter button:hover{background:#151515;color:#fff;border-color:#151515}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px 4vw}.case-card{position:relative;transition:.5s}.case-card:nth-child(even){margin-top:160px}.case-card.hidden{display:none}.case-image{height:510px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:white;transition:transform .7s}.case-card:hover .case-image{transform:scale(.985)}.case-image>span{position:absolute;left:25px;top:23px;font:8px var(--mono);letter-spacing:1px}.case-image>i{position:absolute;right:25px;bottom:20px;font:italic 20px var(--serif);color:var(--orange)}.case-image>b{font:500 clamp(35px,5vw,70px)/.8 var(--serif);letter-spacing:-3px;text-align:center}.case-factly{background:linear-gradient(135deg,#758575,#29352d)}.case-factly:after{content:"";position:absolute;width:140%;height:1px;background:#ffffff44;transform:rotate(-18deg);box-shadow:0 45px #ffffff25,0 -45px #ffffff25}.case-blj{background:radial-gradient(circle at 60% 35%,#9279a5,#282331 65%)}.case-blj:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff33;border-radius:50%}.case-brand{background:#b96645}.case-brand:after{content:"";position:absolute;width:70%;height:70%;border:1px solid #f9e8df55;transform:rotate(12deg)}.case-ui{background:#77718a}.ui-window{width:62%;height:58%;background:#f5f2ec;color:#333;padding:35px;transform:rotate(-4deg);box-shadow:20px 25px 40px #302c3b44}.ui-window small{font:7px var(--mono);color:#888}.ui-window strong{display:block;font:500 45px/.85 var(--serif);margin-top:75px}.case-meta{display:flex;justify-content:space-between;margin-top:17px;font:7px var(--mono);letter-spacing:1px;color:#777}.case-card h3{font:500 clamp(42px,5vw,68px)/.82 var(--serif);letter-spacing:-3px;margin:28px 0 18px}.case-card h3 em{color:var(--orange)}.case-card p{font-size:10px;line-height:1.8;color:#777;max-width:390px}.case-card>a{font:7px var(--mono);letter-spacing:1px;border-bottom:1px solid #222;padding-bottom:7px;display:inline-block;margin-top:10px}.work-note{text-align:center;margin-top:100px;font:7px var(--mono);letter-spacing:1.4px;color:#aaa}.manifesto{background:#151513;color:#fff;min-height:78vh;padding:120px 8vw;position:relative;display:flex;flex-direction:column;justify-content:center}.manifesto-line{display:flex;justify-content:space-between;font:8px var(--mono);color:#777;letter-spacing:2px}.manifesto-word{font:500 clamp(100px,18vw,270px)/.75 var(--serif);letter-spacing:-12px;margin:60px 0}.manifesto-word span{color:var(--orange)}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end}.manifesto-bottom p{max-width:350px;font-size:11px;line-height:1.8;color:#999}.manifesto-bottom em{font:500 15px var(--serif);color:#fff}.manifesto-bottom span{font:8px var(--mono);color:var(--orange)}.about{background:#ebe8e1;min-height:100vh;padding:150px 5vw;display:grid;grid-template-columns:40% 60%;gap:7vw}.about-label>small{display:block;margin:0 0 0 35px}.portrait{height:570px;margin-top:55px;background:linear-gradient(145deg,#9d9a92,#55534d);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.portrait:after{content:"";position:absolute;width:70%;height:90%;border:1px solid #fff4;border-radius:50% 50% 0 0}.portrait-placeholder{font:8px var(--mono);letter-spacing:2px;color:#ddd;text-align:center;z-index:2}.portrait b{position:absolute;font:300 250px var(--serif);color:#fff1}.portrait span{position:absolute;bottom:17px;left:18px;font:6px var(--mono);letter-spacing:1px;color:#ddd}.about-main{padding-top:50px}.about-main h2{font:500 clamp(65px,8vw,110px)/.8 var(--serif);letter-spacing:-5px;margin:0}.about-main h2 em{color:var(--orange)}.about-main p{max-width:520px;font-size:11px;line-height:1.9;color:#777}.about-main .lead{font-size:14px;line-height:1.8;margin:60px 0 22px;color:#444}.facts{display:flex;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:55px;max-width:650px}.facts div{flex:1;padding:23px 12px 23px 0;border-right:1px solid #ccc}.facts div+div{padding-left:15px}.facts div:last-child{border:0}.facts strong{font:500 45px var(--serif);display:block}.facts strong span{font-size:20px;color:var(--orange)}.facts small{font:6px var(--mono);letter-spacing:1px;color:#888}.behance{display:inline-block;margin-top:40px;font:7px var(--mono);letter-spacing:1px;border-bottom:1px solid #222;padding-bottom:8px}.behance span{color:var(--orange);margin-left:30px}.expertise{padding:150px 5vw;background:var(--bg)}.expertise-head{display:grid;grid-template-columns:90px 1fr;margin-bottom:100px}.expertise-main{display:grid;grid-template-columns:43% 57%;min-height:550px}.expertise-nav{border-top:1px solid #ccc}.expertise-nav button{width:100%;border:0;border-bottom:1px solid #ccc;background:none;padding:27px 12px;display:grid;grid-template-columns:45px 1fr 30px;text-align:left;align-items:center;cursor:pointer;transition:.3s}.expertise-nav button span{font:8px var(--mono);color:var(--orange)}.expertise-nav button{font:500 25px var(--serif)}.expertise-nav button i{font-style:normal;color:#aaa}.expertise-nav button.active,.expertise-nav button:hover{background:#e5e1d9;padding-left:30px}.expertise-nav button.active i{color:var(--orange)}.expertise-display{margin-left:8vw;position:relative;display:flex;align-items:center;justify-content:center;min-height:550px;overflow:hidden}.exp-circle{position:absolute;width:390px;height:390px;border:1px solid #d0cbc2;border-radius:50%;animation:spin 28s linear infinite}.exp-circle:before{content:"";position:absolute;width:9px;height:9px;background:var(--orange);border-radius:50%;left:15%;top:8%}.exp-number{position:absolute;top:25px;right:0;font:7px var(--mono);color:#999}.expertise-display h3{font:500 clamp(55px,6vw,90px)/.78 var(--serif);letter-spacing:-4px;text-align:center;z-index:2;margin:0}.expertise-display h3 em{color:var(--orange)}.expertise-display p{position:absolute;bottom:48px;width:270px;text-align:center;font-size:9px;line-height:1.7;color:#777}.expertise-display>small{position:absolute;top:30px;left:0;font:6px var(--mono);letter-spacing:1px;color:#999;max-width:210px}.timeline{margin-top:120px;border-top:1px solid #ccc}.timeline>div{display:grid;grid-template-columns:35% 45% 20%;padding:23px 0;border-bottom:1px solid #ddd;gap:15px}.timeline>div:first-child{border:0;padding:14px 0;font:7px var(--mono);color:#999;letter-spacing:1.2px}.timeline b{font:500 12px var(--serif)}.timeline span{font-size:9px;color:#666}.timeline small{font:7px var(--mono);color:#999}.contact{min-height:100vh;background:var(--orange);padding:120px 5vw 55px;position:relative;overflow:hidden}.contact-top{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1.5px}.contact-title{font:500 clamp(100px,16vw,235px)/.7 var(--serif);letter-spacing:-11px;margin:14vh 0 5vh}.contact-title em{font-style:italic}.contact>p{font-size:11px;line-height:1.8;max-width:300px}.email{font:500 clamp(24px,4vw,57px) var(--serif);border-bottom:1px solid #9e4b32;padding:30px 0 12px;margin-top:40px;display:flex;justify-content:space-between;position:relative;z-index:3}.email span{color:#fff}.socials{display:flex;gap:30px;margin-top:20px;font:7px var(--mono);letter-spacing:1.2px}.contact-circle{position:absolute;width:220px;height:220px;border:1px solid #a54d34;border-radius:50%;right:9vw;top:28%;display:flex;align-items:center;justify-content:center;text-align:center;font:8px var(--mono);letter-spacing:1.5px;animation:spin 22s linear infinite}.contact-circle:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left:14%;top:15%}.contact-circle b{position:absolute;bottom:38px;color:#fff;font-size:20px}footer{background:#0d0d0c;color:#777;padding:18px 5vw;display:flex;justify-content:space-between;align-items:center;font:7px var(--mono);letter-spacing:1px}footer b{font:800 17px var(--sans);color:#fff;letter-spacing:-2px}.cursor{position:fixed;z-index:400;pointer-events:none;display:none}.cursor .dot{position:absolute;width:7px;height:7px;background:var(--orange);border-radius:50%;transform:translate(-50%,-50%)}.cursor .ring{position:absolute;width:35px;height:35px;border:1px solid var(--orange);border-radius:50%;transform:translate(-50%,-50%);transition:.25s}.cursor b{position:absolute;transform:translate(-50%,-50%);font:7px var(--mono);opacity:0;transition:.2s}.cursor.view .ring{width:70px;height:70px;background:var(--orange)}.cursor.view b{opacity:1;color:#fff}@media(min-width:901px){.cursor{display:block}body{cursor:none}}@media(max-width:900px){header{height:65px}.header-center{display:none}.hero{padding-top:95px;min-height:760px}.hero-name{left:7vw;top:20vh;font-size:18vw;letter-spacing:-6px}.hero-name em{letter-spacing:-6px}.hero-statement{top:48%;right:7vw;width:230px}.hero-shape{width:250px;height:250px;right:-25px;top:39%}.shape-letter{font-size:100px}.hero-cta{bottom:105px}.hero-thumbs{right:6vw;bottom:70px}.hero-thumbs button{width:55px}.thumb{height:65px}.work{padding:100px 5vw 70px}.work-head{grid-template-columns:45px 1fr;gap:20px}.work-head p{grid-column:2;margin-top:20px}.work-filter{justify-content:flex-start;overflow:auto;white-space:nowrap;margin:55px 0 35px}.case-grid{display:block}.case-card,.case-card:nth-child(even){margin:0 0 80px}.case-image{height:420px}.manifesto{min-height:65vh;padding:90px 6vw}.manifesto-word{font-size:20vw;letter-spacing:-6px}.manifesto-bottom{display:block}.manifesto-bottom span{display:block;margin-top:30px}.about{display:block;padding:100px 5vw}.portrait{height:470px}.about-main{padding-top:70px}.about-main h2{font-size:68px}.expertise{padding:100px 5vw}.expertise-head{grid-template-columns:45px 1fr;margin-bottom:60px}.expertise-main{display:block}.expertise-display{margin:55px 0 0;min-height:430px}.exp-circle{width:300px;height:300px}.timeline{margin-top:80px}.timeline>div{grid-template-columns:1fr 1fr}.timeline>div:first-child{display:none}.timeline small{display:none}.contact{padding:100px 5vw 50px}.contact-title{font-size:22vw;margin-top:14vh}.contact-circle{width:140px;height:140px;right:-20px;top:25%}.email{font-size:21px}.socials{gap:20px}footer span:last-child{display:none}}@media(max-width:520px){.hero-top span:nth-child(2){display:none}.hero-name{top:22vh}.hero-statement{top:49%;font-size:11px}.hero-thumbs{display:none}.hero-cta>span{display:none}.hero-shape{opacity:.75}.case-image{height:360px}.case-card h3{font-size:48px}.work-filter button{padding:9px 12px}.facts strong{font-size:34px}.facts small{font-size:5px}.about-main h2{font-size:55px}.expertise-nav button{font-size:21px}.expertise-display h3{font-size:60px}.contact-title{font-size:25vw}.contact-circle{display:none}}