@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap";:root{--surface:#e2e2e2;--dark:#1e2022;--page-pad:clamp(20px, 3.125vw, 60px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);color:#111;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit}img{display:block}.portfolio{background:var(--surface);color:var(--portfolio-text,#111);font-family:var(--portfolio-font,Manrope, Arial, sans-serif);overflow:hidden}.hero{aspect-ratio:1920/1081;color:#fff;background:#141617;width:100%;min-height:680px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000042,#0000 48%,#0000000d);position:absolute;inset:0}.hero-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-pixel-cursor{z-index:1;opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;inset:0}.hero-pixel-cursor.is-active{opacity:1}.brand{z-index:2;top:clamp(24px,3.125vw,60px);left:var(--page-pad);position:absolute}.brand img{width:clamp(32px,2.084vw,40px);height:auto}.hero-nav{z-index:2;top:clamp(29px,3.125vw,60px);right:var(--page-pad);gap:clamp(25px,2.083vw,40px);font-size:clamp(14px,1.042vw,20px);line-height:1;display:flex;position:absolute}.hero-nav a{align-items:center;gap:.35em;text-decoration:none;display:inline-flex}.hero-nav a:hover{opacity:.68}.nav-slash{transform-origin:50% 52%;will-change:transform;display:inline-block}:is(.hero-nav a:hover .nav-slash,.hero-nav a:focus-visible .nav-slash){animation:.42s linear infinite nav-slash-spin}@keyframes nav-slash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-menu{display:none}.hero h1{z-index:2;letter-spacing:-.062em;margin:0;font-size:clamp(104px,9.896vw,190px);font-weight:400;line-height:.84;position:absolute;bottom:clamp(76px,6.25vw,120px);left:clamp(24px,3.75vw,72px)}.hero-line{color:#0000;display:block;position:relative;overflow:hidden}.hero-line-ghost{visibility:hidden;display:block}.hero-line-fill{color:#fff;will-change:transform;display:block;position:absolute;inset:0;transform:translateY(108%)}.hero h1.is-visible .hero-line-fill{animation:hero-line-reveal .72s cubic-bezier(.22, 1, .36, 1) var(--hero-line-delay) forwards}@keyframes hero-line-reveal{to{transform:translateY(0)}}.portfolio [data-reveal]:not([data-reveal=hero-title]){opacity:0;transition:opacity .72s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s), transform .82s cubic-bezier(.22, 1, .36, 1) var(--reveal-delay,0s);transform:translateY(34px)}.portfolio [data-reveal]:not([data-reveal=hero-title]).is-visible{opacity:1;transform:translateY(0)}.hero-note{z-index:2;right:var(--page-pad);letter-spacing:-.02em;width:min(410px,25vw);margin:0;font-size:clamp(17px,1.25vw,24px);line-height:1.35;position:absolute;bottom:clamp(75px,6.875vw,132px)}.works-section,.about-section{background:var(--surface);padding-left:var(--page-pad);padding-right:var(--page-pad)}.works-section{padding-top:clamp(84px,6.25vw,120px);padding-bottom:clamp(84px,6.25vw,120px)}.section-kicker{letter-spacing:-.02em;margin:0;font-size:clamp(14px,1.042vw,20px);line-height:1}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.083vw,40px);margin-top:clamp(45px,3.125vw,60px);display:grid}.work-card{aspect-ratio:1;color:#fff;background:#777;border-radius:8px;text-decoration:none;display:block;position:relative;overflow:hidden}.work-card:after{content:"";pointer-events:none;background:linear-gradient(#0000002e,#0000 35%,#00000061);position:absolute;inset:0}.work-image{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}a.work-card:hover .work-image{transform:scale(1.018)}.work-category{z-index:1;font-size:clamp(12px,.834vw,16px);line-height:1;position:absolute;top:clamp(20px,1.875vw,36px);left:clamp(20px,1.875vw,36px)}.work-copy{z-index:1;position:absolute;bottom:clamp(20px,1.875vw,36px);left:clamp(20px,1.875vw,36px);right:clamp(20px,1.875vw,36px)}.work-copy h3{letter-spacing:-.04em;margin:0 0 9px;font-size:clamp(27px,1.875vw,36px);font-weight:400;line-height:1}.work-copy p{margin:0;font-size:clamp(14px,.938vw,18px);line-height:1.2}.about-section{min-height:1023px;padding-top:clamp(84px,6.25vw,120px);padding-bottom:clamp(84px,6.25vw,120px)}.about-grid{grid-template-columns:minmax(0,1.18fr) minmax(420px,1fr);align-items:start;gap:clamp(80px,14.9vw,286px);margin-top:clamp(90px,6.25vw,120px);display:grid}.about-grid h2{letter-spacing:-.065em;margin:0;font-size:clamp(84px,8.334vw,160px);font-weight:400;line-height:.84}.about-copy{letter-spacing:-.025em;padding-top:9px;font-size:clamp(18px,1.25vw,24px);line-height:1.42}.about-copy p{margin:0 0 34px}.skill-list{flex-wrap:wrap;gap:10px;padding-top:7px;display:flex}.skill-list span{border:1px solid;border-radius:100px;padding:9px 14px 10px;font-size:clamp(13px,.834vw,16px);line-height:1}.contact-section{min-height:864px;padding:clamp(84px, 6.25vw, 120px) var(--page-pad) 0;color:#f2f2f0;background:var(--dark);flex-direction:column;display:flex}.contact-section h2{letter-spacing:-.066em;margin:clamp(90px,7.3vw,140px) 0 0;font-size:clamp(90px,8.334vw,160px);font-weight:400;line-height:.84}.contact-lead{color:#7e8082;margin:26px 0 0;font-size:clamp(19px,1.25vw,24px);line-height:1}.contact-link{border-bottom:1px solid #55585a;justify-content:space-between;align-items:flex-start;min-height:73px;margin-top:auto;font-size:clamp(16px,1.25vw,24px);text-decoration:none;display:flex}.contact-link img{width:clamp(26px,1.667vw,32px);height:auto}.portfolio-footer{color:#777a7c;grid-template-columns:1fr auto 1fr;align-items:center;min-height:97px;font-size:clamp(11px,.729vw,14px);display:grid}.portfolio-footer span:nth-child(2){justify-self:center}.portfolio-footer a{justify-self:end;text-decoration:none}.portfolio-footer a:hover{color:#fff}.admin-shell{color:#111;background:#f3f3f0;min-height:100vh;padding-bottom:90px}.admin-header{color:#fff;background:#111;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 660px);display:flex}.admin-header>div{align-items:center;gap:24px;display:flex}.admin-header a{color:inherit;text-decoration:none}.admin-header>div:first-child a{font:600 1.35rem Manrope}.admin-header span{color:#aaa;font-size:.82rem}.editor{width:min(1320px,100% - 48px);margin:auto}.editor-title{justify-content:space-between;align-items:end;padding:70px 0 45px;display:flex}.editor-title p{letter-spacing:.16em;color:#ff4e00;margin:0 0 12px;font-size:.68rem}.editor h1{letter-spacing:-.06em;margin:0;font:500 clamp(2.8rem,5vw,5rem)/1 Manrope}.editor h2{margin:0;font:500 1.5rem Manrope}.editor button{color:#fff;cursor:pointer;background:#ff4e00;border:0;border-radius:4px;padding:15px 22px;font:500 .9rem Inter}.save-status{color:#fff;background:#111;margin-bottom:20px;padding:15px 18px;font-size:.85rem}.panel{background:#fff;border:1px solid #ddd;grid-template-columns:220px 1fr 1fr;gap:22px;margin-bottom:60px;padding:30px;display:grid}.editor label,.fields label{color:#666;gap:8px;font-size:.75rem;display:grid}.editor input,.editor textarea,.editor select{color:#111;resize:vertical;background:#fafaf8;border:1px solid #d4d4d0;border-radius:2px;width:100%;padding:12px;font:400 .9rem/1.4 Inter}.editor textarea{min-height:90px}.editor small{color:#999;font-size:.7rem}.editor-section-head{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.editor-section-head span{color:#888;font-size:.8rem}.project-edit-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:60px;display:grid}.project-edit{background:#fff;border:1px solid #ddd}.cover-preview{color:#fff;background:#171717;justify-content:center;align-items:center;height:260px;font:500 3rem Manrope;display:flex;position:relative;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.upload-button{cursor:pointer;border-radius:3px;position:absolute;right:12px;color:#111!important;background:#fff!important;padding:10px 13px!important;display:block!important;bottom:12px!important}.upload-button input{display:none}.fields{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.fields label:nth-child(3),.fields label:nth-child(4){grid-column:1/-1}.bottom-actions{justify-content:flex-end;align-items:center;gap:24px;display:flex}.bottom-actions a{color:#111}.color-control{grid-template-columns:52px 1fr;gap:9px;display:grid}.color-control input[type=color]{cursor:pointer;height:43px;padding:4px}.appearance-panel{margin-top:-38px}@media (max-width:900px){.hero{aspect-ratio:auto;height:100svh;min-height:680px}.hero-image{object-position:53% center}.hero h1{font-size:clamp(72px,18vw,120px);bottom:135px;left:20px}.hero-note{width:min(390px,100% - 40px);font-size:17px;bottom:35px;left:20px;right:20px}.works-grid{grid-template-columns:1fr}.about-section{min-height:0}.about-grid{grid-template-columns:1fr;gap:55px}.about-grid h2{font-size:clamp(65px,14vw,110px)}.contact-section{min-height:720px}.contact-section h2{font-size:clamp(70px,16vw,110px)}}@media (max-width:767px){.hero-nav{display:none}.mobile-menu{display:block}.mobile-menu-toggle{z-index:7;color:#fff;cursor:pointer;background:#111111d1;border:0;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;top:24px;right:20px}.mobile-menu.is-open .mobile-menu-toggle{position:fixed}.mobile-menu-toggle span{background:currentColor;width:20px;height:1px;transition:transform .35s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1);position:absolute;left:12px}.mobile-menu-toggle span:first-child{top:18px}.mobile-menu-toggle span:last-child{top:25px}.mobile-menu.is-open .mobile-menu-toggle span:first-child{top:22px;transform:rotate(45deg)}.mobile-menu.is-open .mobile-menu-toggle span:last-child{top:22px;transform:rotate(-45deg)}.mobile-menu-panel{z-index:6;color:#fff;visibility:hidden;background:#111;flex-direction:column;padding:28px 20px 24px;transition:transform .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.is-open .mobile-menu-panel{visibility:visible;transition-delay:0s;transform:translateY(0)}.mobile-menu-label{letter-spacing:.12em;text-transform:uppercase;opacity:.45;margin:8px 0 0;font-size:12px}.mobile-menu-panel nav{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:12px;display:flex}.mobile-menu-panel nav a{color:inherit;letter-spacing:-.06em;align-items:center;gap:.24em;font-size:clamp(56px,17vw,88px);line-height:.98;text-decoration:none;display:inline-flex}:is(.mobile-menu-panel nav a:hover .nav-slash,.mobile-menu-panel nav a:focus-visible .nav-slash){animation:.42s linear infinite nav-slash-spin}.mobile-menu-footer{opacity:.45;margin:0;font-size:12px}}@media (max-width:600px){.hero-nav{gap:16px;font-size:13px}.hero h1{font-size:clamp(66px,21vw,100px)}.works-section{padding-top:72px;padding-bottom:72px}.work-category{top:18px;left:18px}.work-copy{bottom:18px;left:18px;right:18px}.about-section{padding-top:72px;padding-bottom:90px}.about-grid{margin-top:72px}.about-copy{font-size:18px}.contact-section{min-height:680px;padding-top:72px}.contact-section h2{margin-top:110px;line-height:.9}.portfolio-footer{grid-template-columns:1fr auto;gap:8px 20px;padding:22px 0}.portfolio-footer span:nth-child(2){grid-row:2;justify-self:start}.portfolio-footer a{grid-row:1/3}.admin-header>div:last-child span{display:none}.editor{width:calc(100% - 28px)}.editor-title{align-items:flex-start;gap:20px;padding-top:44px}.editor-title button{padding:12px;font-size:.75rem}.panel{grid-template-columns:1fr;padding:20px}.project-edit-grid,.fields{grid-template-columns:1fr}.fields label:nth-child(3),.fields label:nth-child(4){grid-column:auto}.cover-preview{height:220px}}@media (prefers-reduced-motion:reduce){.portfolio [data-reveal]:not([data-reveal=hero-title]){opacity:1;transition:none;transform:none}.hero h1.is-visible .hero-line-fill,.hero-line-fill{animation:none;transform:none}:is(.hero-nav a:hover .nav-slash,.hero-nav a:focus-visible .nav-slash){animation:none}.mobile-menu-panel{transition:none}:is(.mobile-menu-panel nav a:hover .nav-slash,.mobile-menu-panel nav a:focus-visible .nav-slash){animation:none}}