@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f0e8;background:#090a0e;margin:0;font-family:Manrope,sans-serif}button,a{font:inherit}a{color:inherit}.site{color:#eeece5;background:#0d0e0f;min-height:100vh;overflow:hidden}.topbar{z-index:9;border-bottom:1px solid #eeece52e;justify-content:space-between;align-items:center;height:74px;padding:0 3.4vw;display:flex;position:relative}.wordmark{color:#eeece5;letter-spacing:-.08em;font:800 17px/1 Manrope;text-decoration:none}.wordmark span{vertical-align:top;margin-left:3px;font:500 7px DM Mono}.top-status,.menu-button,.hero-topline,.kicker,.explore-link,.object-label,.hero-foot,.metadata span,.metadata strong,.metadata a,.index-menu,.next-page-placeholder{letter-spacing:.11em;font:500 10px/1.15 DM Mono}.top-status{color:#92918b;align-items:center;gap:8px;margin:0 0 0 14vw;display:flex}.top-status i{background:#d6d8a0;border-radius:50%;width:6px;height:6px}.menu-button{cursor:pointer;color:#eeece5;background:0 0;border:0;align-items:center;gap:8px;display:flex}.index-menu{z-index:8;color:#121313;background:#eeece5;gap:15px;min-width:185px;padding:17px 20px;display:grid;position:fixed;top:63px;right:3.4vw}.index-menu a{text-decoration:none}.hero{--pointer-x:50%;--pointer-y:50%;isolation:isolate;background:radial-gradient(at 66%,#232523 0%,#141515 48%,#0d0e0f 78%);min-height:calc(100svh - 74px);padding:24px 3.4vw 0;position:relative}.hero:after{content:"";z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-glow{z-index:-1;background:radial-gradient(circle,#d6d8a014,#0000 68%);border-radius:50%;width:52vw;height:52vw;animation:10s ease-in-out infinite breathe;position:absolute;top:3%;right:1vw}@keyframes breathe{50%{transform:scale(1.1)translate(-2%,3%)}}.hero-topline{color:#92918b;justify-content:space-between;display:flex}.hero-copy{z-index:3;padding-top:clamp(66px,12vh,150px);position:relative}.kicker{color:#afaea6;margin:0 0 22px 1px}.hero h1{color:#eeece5;letter-spacing:-.095em;max-width:950px;margin:0;font:700 clamp(52px,8.6vw,153px)/.83 Manrope}.headline-line{white-space:nowrap;display:block;overflow:hidden}.headline-line.second{margin-left:8.6vw}.hero h1 b{font-weight:700;display:inline-block}.hero h1 i{color:#d6d8a0;letter-spacing:-.08em;font:italic 500 .94em Playfair Display;display:inline-block}.manifesto{color:#b1b0aa;max-width:330px;margin:40px 0 28px 16vw;font-size:13px;line-height:1.7}.explore-link{color:#eeece5;border-bottom:1px solid #eeece5;align-items:center;gap:18px;margin-left:16vw;padding-bottom:7px;text-decoration:none;transition:gap .25s;display:inline-flex}.explore-link:hover{gap:26px}.structure-zone{aspect-ratio:1.22;perspective:1200px;z-index:2;width:min(48vw,700px);position:absolute;bottom:13vh;right:3vw}.structure{transform-style:preserve-3d;position:absolute;inset:0}.structure-shadow{filter:blur(20px);background:#23221e38;border-radius:50%;width:72%;height:12%;position:absolute;bottom:9%;left:15%;transform:rotateX(70deg)}.slab{background:#bbbbb5;border:1px solid #787873;width:70%;height:23%;position:absolute;left:15%;transform:skewY(-6deg);box-shadow:13px 14px #3c3b363b}.slab-back{background:#cccac2;top:21%;left:21%}.slab-middle{background:#b3b2aa;top:43%}.arch{z-index:2;border:17px solid #20201e;border-bottom:0;border-radius:100px 100px 0 0;width:19%;height:46%;position:absolute;bottom:13%;box-shadow:8px 0 #6d6c66}.arch-left{left:23%}.arch-right{left:55%}.column{z-index:3;background:repeating-linear-gradient(#262624 0 9px,#797871 9px 11px);width:8%;height:46%;position:absolute;bottom:14%;box-shadow:7px 0 #77766f}.column-one{left:34%}.column-two{height:31%;right:24%}.staircase{z-index:4;flex-direction:column-reverse;align-items:center;width:38%;height:35%;display:flex;position:absolute;bottom:13%;left:38%}.staircase span{background:#e0ded6;border:1px solid #55554f;height:12%;display:block;box-shadow:6px 5px #77766f}.staircase span:first-child{width:35%}.staircase span:nth-child(2){width:44%}.staircase span:nth-child(3){width:53%}.staircase span:nth-child(4){width:62%}.staircase span:nth-child(5){width:71%}.staircase span:nth-child(6){width:80%}.staircase span:nth-child(7){width:89%}.plinth{color:#e4e2dc;letter-spacing:.14em;background:#1b1b19;width:65%;padding:14px 18px;font:500 9px DM Mono;position:absolute;bottom:4%;left:22%;transform:skewY(-6deg);box-shadow:10px 9px #77766f}.object-label{color:#5f5e5a;position:absolute;bottom:-22px;right:4%}.object-label em{letter-spacing:0;font:italic 500 13px Playfair Display}.hero-foot{color:#555450;border-top:1px solid #15151542;justify-content:space-between;align-items:center;height:57px;display:flex;position:absolute;bottom:0;left:3.4vw;right:3.4vw}.scroll-mark{background:#5d5c57;width:35%;height:1px;position:relative}.scroll-mark:before{content:"";background:#dfded9;border:1px solid #5d5c57;width:8px;height:8px;animation:2.5s ease-in-out infinite slide;position:absolute;top:-4px;left:0}@keyframes slide{50%{left:calc(100% - 8px)}}.cursor-field{z-index:-1;pointer-events:none;background:radial-gradient(360px circle at var(--pointer-x) var(--pointer-y), #d6d8a01d, transparent 60%);position:absolute;inset:0;overflow:hidden}.cursor-field:before,.cursor-field:after{content:"";width:56px;height:56px;left:var(--pointer-x);top:var(--pointer-y);border:1px solid #d6d8a073;transition:left 90ms linear,top 90ms linear;position:absolute;transform:translate(-50%,-50%)}.cursor-field:after{background:#d6d8a0;border:0;width:7px;height:7px}.cursor-field span,.cursor-field i,.cursor-field b{left:var(--pointer-x);top:var(--pointer-y);transition:left .14s ease-out,top .14s ease-out;display:block;position:absolute;transform:translate(-50%,-50%)}.cursor-field span{opacity:.22;background:linear-gradient(#d6d8a0,#0000 11% 89%,#d6d8a0);width:1px;height:120vh}.cursor-field i{opacity:.22;background:linear-gradient(90deg,#0000 11%,#d6d8a0,#0000 89%);width:120vw;height:1px}.cursor-field b{border:1px solid #eeece51a;width:190px;height:190px;transform:translate(-50%,-50%)rotate(45deg)}.project-zone{bottom:15vh}.project-stack{transform-style:preserve-3d;overflow:visible}.project-card{aspect-ratio:.93;border:1px solid #eeece58c;flex-direction:column;width:62%;padding:20px;transition:transform .35s;display:flex;position:absolute;box-shadow:14px 16px #00000047}.project-card:hover{transform:translateY(-16px)rotate(-1deg)}.card-hell{z-index:3;color:#101111;background:#d6d8a0;top:0;right:4%;transform:rotate(7deg)}.card-kai{z-index:2;color:#eeece5;background:#292a29;top:18%;left:7%;transform:rotate(-8deg)}.card-number,.card-status,.stack-note{letter-spacing:.1em;font:500 9px DM Mono}.project-card h2{letter-spacing:-.09em;margin:auto 0 14px;font:700 clamp(28px,3.1vw,54px)/.78 Manrope}.project-card h2 i{letter-spacing:-.08em;font:italic 500 1em Playfair Display}.project-card p{max-width:180px;margin:0;font:12px/1.4 Manrope}.card-status{opacity:.72;border-top:1px solid;margin-top:auto;padding-top:12px;font-size:8px}.stack-note{z-index:4;color:#aaa9a2;text-align:right;line-height:1.65;position:absolute;bottom:-14%;right:-3%}.object-label{color:#a7a7a0}.object-label em{color:#d6d8a0}.hero-foot{color:#a3a29b;border-color:#eeece53d}.scroll-mark{background:#8c8c85}.scroll-mark:before{background:#0d0e0f;border-color:#d6d8a0}.metadata{background:#151616;border-bottom:1px solid #eeece52e;grid-template-columns:1fr 1.2fr 1.3fr auto;align-items:center;gap:30px;min-height:102px;padding:0 3.4vw;display:grid}.metadata div{gap:10px;display:grid}.metadata span{color:#92918b}.metadata strong{color:#eeece5;font-weight:500}.metadata a{color:#d6d8a0;align-items:center;gap:8px;text-decoration:none;display:flex}.next-page-placeholder{color:#eeece5;background:#080909;place-items:center;min-height:30vh;display:grid}.about-page{color:#141514;background:#e7e5de;padding:26px 3.4vw 0;position:relative;overflow:hidden}.about-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#b4b96340,#0000 68%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:7%;right:-35vw}.about-index{z-index:1;color:#676660;letter-spacing:.12em;grid-template-columns:1fr 1fr 1fr;font:500 9px DM Mono;display:grid;position:relative}.about-index span:last-child{text-align:right}.about-name{z-index:1;margin:clamp(100px,18vh,210px) 0 0;position:relative}.about-name p,.nickname,.about-card span,.focus-lab>div>span,.about-end{letter-spacing:.12em;font:500 10px DM Mono}.about-name p{color:#6b6b65;margin:0 0 17px}.about-name h2{letter-spacing:-.105em;margin:0;font:700 clamp(61px,11vw,178px)/.76 Manrope}.about-name h2 i{letter-spacing:-.09em;font:italic 500 .98em Playfair Display}.addy-intro{z-index:1;grid-template-columns:1fr 1fr;gap:4vw;width:68%;margin:90px 0 150px 25%;display:grid;position:relative}.nickname{color:#6d6d67}.nickname b{color:#161716}.addy-intro p{letter-spacing:-.035em;max-width:470px;margin:0;font:500 clamp(17px,1.7vw,25px)/1.43 Manrope}.about-grid{z-index:1;background:#86867e;border:1px solid #86867e;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:relative}.about-card{background:#e7e5de;flex-direction:column;min-height:430px;padding:27px;display:flex;position:relative;overflow:hidden}.about-card:after{content:"";opacity:.18;border:1px solid;border-radius:50%;width:190px;height:190px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-70px;right:-70px}.about-card:hover:after{transform:scale(1.5)}.about-card svg{width:27px;height:27px;margin-bottom:55px}.about-card span{color:#6e6d67}.about-card h3{letter-spacing:-.08em;margin:22px 0;font:700 clamp(32px,3.2vw,55px)/.84 Manrope}.about-card h3 i{font:italic 500 .96em Playfair Display}.about-card p{max-width:250px;margin:auto 0 0;font-size:13px;line-height:1.6}.card-play{color:#ecebe4;background:#181918}.card-play span{color:#b8b8ae}.card-tools{background:#d3d69a}.focus-lab{z-index:1;border-top:1px solid #8b8b83;border-bottom:1px solid #8b8b83;grid-template-columns:1.15fr 1fr;column-gap:9vw;margin:150px 0 0;padding:55px 0;display:grid;position:relative}.focus-lab h3{letter-spacing:-.08em;margin:14px 0 0;font:700 clamp(35px,5vw,76px)/.84 Manrope}.focus-lab>div>span{color:#6d6d67}.focus-controls{flex-wrap:wrap;align-self:end;gap:9px;margin-bottom:25px;display:flex}.focus-controls button{cursor:pointer;color:#252624;letter-spacing:.1em;background:0 0;border:1px solid #7f7e77;padding:10px 13px;font:500 9px DM Mono;transition:background .25s,color .25s,transform .25s}.focus-controls button:hover,.focus-controls .is-active{color:#e7e5de;background:#181918;transform:translateY(-3px)}.focus-lab>p{letter-spacing:-.035em;grid-column:2;max-width:460px;min-height:80px;margin:0;font:500 21px/1.4 Manrope}.about-end{color:#e7e5de;background:#161716;justify-content:space-between;align-items:center;height:160px;margin:120px -3.4vw 0;padding:0 3.4vw;display:flex}.about-end strong{letter-spacing:-.035em;font:500 clamp(15px,2vw,27px) Playfair Display}.intro-loader{z-index:99;color:#f4f0e8;background:linear-gradient(#00000070,#000000c2),url(/loader-tree-wide.jpeg) 50%/cover no-repeat;place-items:center;display:grid;position:fixed;inset:0}.developer-intro{z-index:1;position:absolute;inset:0}.developer-intro canvas{display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.name-drop{letter-spacing:-.1em;align-items:baseline;font:800 clamp(52px,11vw,174px)/.8 Manrope;display:flex;position:relative}.name-drop span{text-shadow:0 10px 25px #00000059;display:inline-block}.name-drop span:nth-child(4){color:#d1ff4d}.name-drop small{color:#deded8;letter-spacing:.3em;white-space:nowrap;font:500 9px DM Mono;position:absolute;top:calc(100% + 38px);left:.3em}.load-sequence{width:min(590px,74vw)}.load-title{letter-spacing:.12em;color:#d7d7d2;justify-content:space-between;align-items:baseline;margin-bottom:14px;font:500 10px DM Mono;display:flex}.load-title strong{color:#d1ff4d;font-size:13px}.loading-track{background:#141414b3;border:1px solid #a8a8a2;height:12px;position:relative}.loading-fill{background:#d1ff4d;height:100%;box-shadow:0 0 20px #d1ff4d73}.load-sequence p{letter-spacing:.13em;color:#e8e8e3;text-align:right;margin:29px 0 0;font:500 9px DM Mono}@media (width<=820px){.topbar{height:64px;padding:0 20px}.top-status{display:none}.hero{min-height:calc(100svh - 64px);padding:18px 20px 0}.hero-copy{padding-top:82px}.hero h1{font-size:clamp(46px,14vw,83px);line-height:.86}.headline-line{white-space:normal}.headline-line.second,.manifesto,.explore-link{margin-left:0}.manifesto{margin-top:30px}.structure-zone{opacity:.85;width:90vw;bottom:80px;right:1vw}.object-label{font-size:8px;bottom:-16px;right:5%}.hero-foot{left:20px;right:20px}.metadata{grid-template-columns:1fr 1fr;gap:26px 15px;padding:25px 20px}.metadata a{justify-self:end}.metadata div:nth-child(3){display:none}.hero-topline{font-size:8px}.kicker{max-width:230px;font-size:8px;line-height:1.5}.index-menu{top:55px;right:20px}.name-drop{font-size:15vw}.name-drop small{letter-spacing:.2em;font-size:7px}.about-page{padding:22px 20px 0}.about-index{grid-template-columns:1fr 1fr}.about-index span:nth-child(2){display:none}.about-name{margin-top:105px}.about-name h2{font-size:clamp(55px,15vw,90px)}.addy-intro{grid-template-columns:1fr;gap:25px;width:100%;margin:65px 0 90px;display:grid}.about-grid{grid-template-columns:1fr}.about-card{min-height:340px}.focus-lab{margin-top:90px;padding:38px 0;display:block}.focus-controls{margin-top:42px}.focus-lab>p{min-height:115px;font-size:18px}.about-end{gap:20px;height:120px;margin:85px -20px 0;padding:0 20px}.about-end strong{max-width:210px}}.projects-page{color:#e9e7df;background:#101111;padding:28px 3.4vw 150px;position:relative;overflow:hidden}.projects-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#d6d8a01a,#0000 68%);border-radius:50%;width:70vw;height:70vw;position:absolute;top:-35vw;right:-22vw}.projects-top{z-index:1;color:#999991;letter-spacing:.12em;justify-content:space-between;font:500 9px DM Mono;display:flex;position:relative}.projects-page>h2{z-index:1;letter-spacing:-.105em;margin:clamp(100px,17vh,190px) 0 clamp(70px,11vh,120px);font:700 clamp(64px,11vw,175px)/.75 Manrope;position:relative}.projects-page>h2 i{color:#d6d8a0;letter-spacing:-.09em;font:italic 500 .96em Playfair Display}.project-list{z-index:1;border-top:1px solid #e9e7df40;position:relative}.project-row{cursor:pointer;text-align:left;color:#e9e7df;background:0 0;border:0;border-bottom:1px solid #e9e7df40;grid-template-columns:10% 1fr 26% auto;align-items:center;gap:20px;width:100%;min-height:120px;padding:0;transition:color .35s,padding .35s,background .35s;display:grid;position:relative;overflow:hidden}.project-row:hover{color:#121313;background:#d6d8a0;padding-inline:20px}.project-row span,.project-row em{letter-spacing:.12em;font:500 9px DM Mono}.project-row em{color:#aaa9a2}.project-row:hover em{color:#52534e}.project-row strong{letter-spacing:-.08em;font:700 clamp(31px,4.5vw,68px)/.8 Manrope}.project-row>*{z-index:1;position:relative}.row-ghost{z-index:0;letter-spacing:-.06em;color:currentColor;opacity:0;pointer-events:none;font:700 clamp(70px,9vw,150px)/1 Manrope;transition:opacity .45s,transform .45s;position:absolute;top:50%;right:3%;transform:translateY(-50%)scale(.92)}.project-row:hover .row-ghost{opacity:.16;transform:translateY(-50%)scale(1)}.row-arrow{transition:transform .4s cubic-bezier(.16,1,.3,1)}.project-row:hover .row-arrow{transform:rotate(45deg)scale(1.15)}.project-detail{z-index:2;min-height:78vh;margin-top:105px;padding:34px 3.4vw;position:relative;overflow:hidden}.project-detail.light{color:#131414;background:#e7e5de}.project-detail.dark{color:#e9e7df;background:#262826}.project-detail.acid{color:#161716;background:#d6d8a0}.close-project{cursor:pointer;color:currentColor;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:8px;font:500 9px DM Mono;display:flex;position:absolute;top:30px;right:3.4vw}.detail-number,.detail-eyebrow,.detail-footer{letter-spacing:.12em;font:500 9px DM Mono}.detail-number{opacity:.65}.detail-eyebrow{opacity:.72;margin:110px 0 18px}.project-detail h3{letter-spacing:-.105em;max-width:1000px;margin:0;font:700 clamp(52px,9vw,140px)/.78 Manrope}.detail-summary{letter-spacing:-.04em;width:min(540px,100%);margin:80px 0 95px 31%;font:500 clamp(20px,2.05vw,31px)/1.36 Manrope}.detail-list{gap:12px;width:69%;margin-left:31%;display:grid}.detail-point{cursor:default;background:#ffffff0b;border:1px solid;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;min-height:82px;margin:0;padding:20px 22px;transition:background .35s,box-shadow .35s,border-color .35s;display:grid;position:relative;overflow:hidden}.detail-point:before{content:"";opacity:0;pointer-events:none;background:currentColor;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s;position:absolute;inset:0;transform:translateY(100%)}.detail-point:hover:before{opacity:.06;transform:translateY(0)}.detail-point:hover{box-shadow:0 14px 30px #00000017}.detail-point>span{z-index:1;letter-spacing:.1em;opacity:.65;font:500 9px DM Mono;position:relative}.detail-point p{z-index:1;margin:0;font:500 15px/1.55 Manrope;position:relative}.detail-point-arrow{z-index:1;opacity:.65;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:relative}.detail-point:hover .detail-point-arrow{opacity:1;transform:rotate(45deg)}.detail-footer{opacity:.7;border-top:1px solid;justify-content:space-between;padding-top:18px;display:flex;position:absolute;bottom:30px;left:3.4vw;right:3.4vw}@media (width<=820px){.projects-page{padding:22px 20px 90px}.projects-top span:last-child{display:none}.projects-page>h2{margin:100px 0 70px;font-size:clamp(60px,16vw,95px)}.project-row{grid-template-columns:13% 1fr auto;gap:10px;min-height:100px}.project-row em{display:none}.project-row strong{font-size:33px}.project-detail{min-height:0;margin-top:70px;padding:25px 20px 115px}.close-project{top:24px;right:20px}.detail-eyebrow{max-width:220px;margin-top:95px;line-height:1.55}.project-detail h3{font-size:clamp(50px,14vw,83px)}.detail-summary{margin:55px 0 70px;font-size:20px}.detail-list{width:100%;margin:0}.detail-point{border-radius:10px;grid-template-columns:35px 1fr auto;gap:10px;min-height:76px;padding:17px 15px}.detail-point p{font-size:14px}.detail-footer{gap:14px;line-height:1.5;bottom:24px;left:20px;right:20px}.detail-footer span:last-child{text-align:right}}.contact-page{color:#141514;background:#e7e5de;padding:28px 3.4vw 0;position:relative;overflow:hidden}.contact-page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#d6d8a052,#0000 68%);border-radius:50%;width:62vw;height:62vw;position:absolute;bottom:-32vw;left:-22vw}.contact-top{z-index:1;color:#676660;letter-spacing:.12em;justify-content:space-between;font:500 9px DM Mono;display:flex;position:relative}.contact-heading{z-index:1;margin:clamp(90px,16vh,190px) 0 0;position:relative}.contact-heading p{color:#6b6b65;letter-spacing:.12em;margin:0 0 17px;font:500 10px DM Mono}.contact-heading h2{letter-spacing:-.1em;margin:0;font:700 clamp(54px,9.5vw,150px)/.8 Manrope}.contact-heading h2 i{letter-spacing:-.09em;color:#6d7a3f;font:italic 500 .98em Playfair Display}.contact-lead{z-index:1;letter-spacing:-.03em;color:#33332f;max-width:480px;margin:55px 0 0 31%;font:500 clamp(18px,1.7vw,24px)/1.5 Manrope;position:relative}.contact-cta{z-index:1;color:#141514;letter-spacing:-.03em;border-bottom:1px solid #141514;align-items:center;gap:14px;margin:55px 0 0 31%;padding-bottom:10px;font:700 clamp(20px,2.4vw,34px)/1 Manrope;text-decoration:none;transition:gap .3s,opacity .3s;display:inline-flex;position:relative}.contact-cta:hover{opacity:.68;gap:22px}.contact-grid{z-index:1;background:#86867e;border:1px solid #86867e;grid-template-columns:repeat(3,1fr);gap:1px;margin:110px 0 0;display:grid;position:relative}.contact-card{color:#141514;background:#e7e5de;flex-direction:column;gap:14px;padding:30px 27px;text-decoration:none;transition:background .3s,color .3s,transform .3s;display:flex}.contact-card:hover{color:#e7e5de;background:#181918;transform:translateY(-4px)}.contact-card span{letter-spacing:.12em;color:#6e6d67;font:500 9px DM Mono;transition:color .3s}.contact-card:hover span{color:#b8b8ae}.contact-card strong{letter-spacing:-.03em;align-items:center;gap:8px;font:700 clamp(17px,1.6vw,22px)/1.2 Manrope;display:flex}.contact-foot{z-index:1;color:#6b6b65;letter-spacing:.12em;border-top:1px solid #86867e;justify-content:space-between;align-items:center;height:110px;margin:130px -3.4vw 0;padding:0 3.4vw;font:500 9px DM Mono;display:flex;position:relative}@media (width<=820px){.contact-page{padding:22px 20px 0}.contact-heading{margin-top:100px}.contact-heading h2{font-size:clamp(50px,15vw,85px)}.contact-lead,.contact-cta{margin-left:0}.contact-lead{margin-top:35px}.contact-cta{margin-top:40px;font-size:20px}.contact-grid{grid-template-columns:1fr;margin-top:70px}.contact-foot{text-align:center;flex-direction:column;gap:8px;height:auto;margin:90px -20px 0;padding:20px}}.social-links{flex-wrap:wrap;gap:12px 24px;display:flex}.social-links a{color:inherit;text-decoration:none}.social-links strong{transition:transform .3s}.social-links a:hover strong{transform:translate(4px)}.apostrophe-gap{margin-left:.12em}.skills-page{color:#141514;background:#e7e5de;padding:28px 3.4vw 145px;position:relative;overflow:hidden}.skills-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#b4b96340,#0000 68%);border-radius:50%;width:66vw;height:66vw;position:absolute;top:-31vw;left:-25vw}.skills-orbit{pointer-events:none;border:1px solid #14151429;border-radius:50%;width:42vw;height:42vw;position:absolute;top:30%;right:-19vw}.skills-top{z-index:1;color:#676660;letter-spacing:.12em;justify-content:space-between;font:500 9px DM Mono;display:flex;position:relative}.skills-heading{z-index:1;margin:clamp(100px,17vh,180px) 0 90px;position:relative}.skills-heading p{color:#6b6b65;letter-spacing:.12em;margin:0 0 17px;font:500 10px DM Mono}.skills-heading h2{letter-spacing:-.105em;margin:0;font:700 clamp(65px,10.5vw,165px)/.76 Manrope}.skills-heading h2 i{color:#6d7a3f;letter-spacing:-.09em;font:italic 500 .98em Playfair Display}.skills-grid{z-index:1;background:#86867e;border:1px solid #86867e;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;position:relative}.skill-box{background:#e7e5de;border:0;flex-direction:column;min-height:285px;padding:24px;transition:background .35s,color .35s;display:flex;position:relative;overflow:hidden}.skill-box:after{content:"";opacity:.17;border:1px solid;border-radius:50%;width:145px;height:145px;transition:transform .55s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-62px;right:-62px}.skill-box:hover{color:#e7e5de;background:#181918}.skill-box:hover:after{transform:scale(1.45)}.skill-box:nth-child(3n){background:#d3d69a}.skill-box:nth-child(3n):hover{background:#181918}.skill-box-top,.skill-box-bottom{justify-content:space-between;align-items:center;gap:15px;display:flex}.skill-box-top{color:#6e6d67;letter-spacing:.12em;font:500 9px DM Mono}.skill-box:hover .skill-box-top{color:#b8b8ae}.skill-box-top em{font-style:normal}.skill-box h3{letter-spacing:-.075em;margin:auto 0 18px;font:700 clamp(26px,2.6vw,42px)/.85 Manrope}.skill-box p{letter-spacing:-.01em;opacity:.78;max-width:255px;margin:0 0 28px;font:500 13px/1.5 Manrope}.skill-box-bottom{color:#6e6d67;letter-spacing:.12em;font:500 9px DM Mono}.skill-box:hover .skill-box-bottom{color:#b8b8ae}.skill-box-bottom svg{transition:transform .4s cubic-bezier(.16,1,.3,1)}.skill-box:hover .skill-box-bottom svg{transform:rotate(45deg)}.skills-foot{z-index:1;color:#676660;letter-spacing:.12em;border-top:1px solid #8b8b83;justify-content:space-between;margin-top:110px;padding-top:20px;font:500 9px DM Mono;display:flex;position:relative}.skills-foot strong{color:#141514;font-weight:500}@media (width<=1100px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.skills-page{padding:22px 20px 90px}.skills-top span:last-child{display:none}.skills-heading{margin:100px 0 65px}.skills-heading h2{font-size:clamp(58px,15vw,90px)}.skills-grid{grid-template-columns:1fr}.skill-box{min-height:280px}.skills-foot{flex-direction:column;gap:20px;margin-top:80px}}
