@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--bg:#000;--text:#f5f5f5;--muted:#909090;--line:#ffffff20;--sans:'Space Grotesk',Arial,sans-serif;--serif:'Space Grotesk',Arial,sans-serif}.page-home,.page-work,.page-about,.page-contact{--bg:#000;--muted:#909090}body{background:#000}.nav a:hover,a:hover{color:#fff}.page-home .header{display:none}.page-home main{padding:0}.home-portal{position:relative;display:flex;align-items:center;justify-content:center;min-height:max(620px,calc(100svh - 50px));padding:65px 0 95px;text-align:center}.portal-identity{width:100%;max-width:850px;margin:auto}.wordmark{font-family:'UnifrakturCook',Georgia,serif;font-weight:700;font-size:clamp(150px,24vw,310px);line-height:1.1;letter-spacing:-.055em;margin:0;padding:0 15px 20px;transform:skew(-4deg);background:linear-gradient(177deg,#fff 12%,#c9c9c9 23%,#fdfdfd 32%,#454545 40%,#f0f0f0 45%,#fff 51%,#777 55%,#e7e7e7 62%,#b9b9b9 70%,#fff 82%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #949494);-webkit-text-stroke:.5px #a5a5a5}.portal-name{font-size:18px;color:#f5f5f5;margin-top:6px;letter-spacing:.02em}.portal-role{font-size:14px;color:#777;margin-top:7px}.portal-nav{display:flex;justify-content:center;gap:35px;margin-top:35px}.portal-nav a{display:flex;align-items:center;flex-direction:column;gap:10px;padding:8px;min-width:63px;font-size:12px;color:#8c8c8c}.portal-nav .icon{width:32px;height:32px;opacity:.9}.portal-nav a:hover,.portal-nav a:focus-visible{color:#fff}.portal-nav a:hover .icon{opacity:1}.portal-email{font-size:14px;color:#aaa;display:inline-block;margin-top:28px}.portal-email:hover{color:#fff}.discover{position:absolute;bottom:32px;font-size:12px;color:#8b8b8b;border-bottom:1px solid #444;padding-bottom:5px;letter-spacing:.04em}.selected-preview{max-width:850px;margin:55px auto 75px}.selected-preview>.label{color:#b3b3b3;text-align:left;margin-bottom:25px}.selected-preview .featured{margin:0;max-width:none}.selected-preview .feature-caption h2{font-size:28px;font-weight:500}.selected-preview .feature-choices{gap:24px}.feature-choices button[aria-pressed=true]{border-color:#fff}.feature-choices button{color:#808080}.home-links a:hover,.end-link a:hover,.examples a:hover{color:#fff}.page-home .footer{max-width:850px;margin:60px auto 0}.entrance{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;z-index:100}.entrance[open]{display:flex;align-items:center;justify-content:center}.entrance::backdrop{background:#000}.entrance-content{text-align:center;font-family:'Courier New',monospace}.welcome{font-family:'Courier New',monospace;color:#b9b9b9;font-size:20px;margin-bottom:28px}.entrance button{font-family:'Courier New',monospace;font-size:25px;font-weight:700;min-height:48px;padding:8px 25px;letter-spacing:.02em}.entrance button:hover{text-decoration:underline;text-underline-offset:6px}.entrance button:focus-visible{outline:1px solid #aaa;outline-offset:6px}.entrance-name{font-size:14px;color:#6e6e6e;margin-top:34px}.entrance a{font-size:12px;color:#777;display:inline-block;margin-top:20px;border-bottom:1px solid #444}.entered .portal-identity{animation:appear .65s ease both}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.page-intro h1{font-weight:500;font-size:clamp(74px,8vw,116px);letter-spacing:-.06em;line-height:1.03}.page-intro h1 em{font-style:normal;color:#a1a1a1}.page-intro>.label{font-family:'Courier New',monospace;letter-spacing:.03em}.nav .icon{opacity:.7}.nav a[aria-current=page] .icon{opacity:1}.project-caption h2{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.04em}.project-dialog{background:#090909}.dialog-title h2{font-size:clamp(34px,4.5vw,52px);font-weight:500;letter-spacing:-.04em}.production-setting,.section-head .mono,.case-info .mono,.setting-label,.clip .mono,.photo-credit{color:#929292}.section-head h3{font-size:25px;text-transform:none;font-weight:500}.examples>h2{font-size:35px;font-weight:500;letter-spacing:-.04em}.experience h2{font-size:25px;font-weight:500}.email{font-size:clamp(31px,3.5vw,48px);font-weight:400;letter-spacing:-.05em}.filters button[aria-pressed=true]{border-color:#fff}.toast{background:#ededed;color:#111}.brand span,.footer,.copy-email{color:#888}
@media(max-width:700px){.home-portal{min-height:max(570px,calc(100svh - 30px));padding:65px 0 90px}.wordmark{font-size:clamp(148px,42vw,260px);padding-bottom:15px}.portal-name{font-size:18px;margin-top:3px}.portal-role{font-size:14px;max-width:300px;margin:8px auto 0}.portal-nav{gap:17px;margin-top:29px}.portal-nav a{padding:6px;min-width:56px;gap:10px;font-size:12px}.portal-nav .icon{width:29px;height:29px}.portal-email{margin-top:24px;font-size:14px}.discover{bottom:29px}.selected-preview{margin-top:45px;margin-bottom:40px}.selected-preview .feature-caption h2{font-size:25px}.selected-preview .feature-choices{gap:16px 22px}.page-home .footer{margin-top:35px}.page-intro h1{font-size:clamp(58px,16.5vw,92px);line-height:1.05}.project-caption h2{font-size:24px;letter-spacing:-.04em}.dialog-title h2{font-size:34px}.section-head h3{font-size:25px}.experience h2{font-size:25px}.examples>h2{font-size:33px}.email{font-size:clamp(28px,8.4vw,40px)}.welcome{font-size:20px}}
@media(prefers-reduced-motion:reduce){.entered .portal-identity{animation:none}}