:root{--site-glass-blur:10px;--site-glass-base-opacity:.3;--home-bg:#0f0f0f;--home-text:#f2f3f7;--home-label:#d3d7de;--home-ink:#050916;--home-signal:#ff5024;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--home-bg);color:var(--home-text);font-family:'Dailydetailly Space Grotesk',Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--home-signal);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0;font-weight:400}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-skip{position:fixed;z-index:50;top:-100px;left:20px;padding:12px 20px;background:#f2f3f7;color:#050916}.home-skip:focus{top:12px}
/* The clipped glass uses the same progress as the capsule contraction: black to translucent white. */
.home-header{--header-progress:0;color:#fff;--header-shrink:0px;position:fixed;z-index:20;top:0;left:50%;transform:translateX(-50%);width:calc(100% - var(--header-shrink)*var(--header-progress));display:flex;align-items:stretch;gap:calc(10px*(1 - var(--header-progress)));padding:calc(20px - 8px*var(--header-progress)) 40px 0;pointer-events:none;background:none;filter:none;backdrop-filter:none;box-shadow:none}
.header-capsule-surface{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;--header-tone:calc(245*var(--header-progress));background:rgb(var(--header-tone) var(--header-tone) var(--header-tone) / calc(var(--site-glass-base-opacity) - .2*var(--header-progress)));-webkit-backdrop-filter:blur(var(--site-glass-blur));backdrop-filter:blur(var(--site-glass-blur));clip-path:inset(50%)}
.home-header>.header-brand,.home-header>nav,.home-header>.request-link{position:relative;z-index:1;pointer-events:auto;background:none;filter:none;backdrop-filter:none;box-shadow:none;border-radius:100px}
.header-brand{flex:1;min-width:0;display:flex;align-items:center;padding:calc(20px - 8px*var(--header-progress)) calc(40px - 12px*var(--header-progress))}.home-wordmark{display:flex;flex-direction:column;font-size:calc(18px - 2px*var(--header-progress));line-height:1;text-transform:uppercase}.home-header nav{display:flex;align-items:center;gap:calc(40px - 12px*var(--header-progress));padding:calc(32px - 9px*var(--header-progress)) calc(40px - 12px*var(--header-progress))}.home-header nav a,.request-link{font-size:14px;line-height:14px;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap}.home-header a:hover{color:#fff}.request-link{display:flex;align-items:center;gap:calc(16px*(1 - var(--header-progress)));padding:calc(32px - 10.5px*var(--header-progress)) calc(40px - 16px*var(--header-progress));min-height:calc(81px - 21px*var(--header-progress))}.request-link>span:last-child{max-width:calc(128px*(1 - var(--header-progress)));overflow:hidden;opacity:clamp(0,calc(1 - 2*var(--header-progress)),1)}.home-signal{width:17px;height:17px;border:3px solid #f2f3f7;border-radius:50%;background:#f16a50;flex-shrink:0}
.home-footer{background:#f5f5f5;color:#000;display:flex;align-items:flex-end;gap:40px;padding:80px 40px 40px}.home-footer nav{display:flex;gap:30px;font-size:18px}.footer-email{margin-left:auto;display:flex;flex-direction:column;gap:10px;font-size:20px}.footer-email span{font-size:14px}.management-link{font-size:11px;color:#555;white-space:nowrap}
@media(max-width:1439.98px){html{scroll-padding-top:80px}.home-header{width:calc(100% - 16px*var(--header-progress));padding:calc(20px - 8px*var(--header-progress)) 20px 0;gap:0}.header-brand{height:40px;padding:10px 20px;border-radius:100px 0 0 100px}.home-wordmark{font-size:10px;line-height:10px}.home-header nav{display:none}.request-link{height:40px;min-height:40px;padding:10px 20px;border-radius:0 100px 100px 0}.request-link>span:last-child{display:none}.home-footer{padding:40px 20px;flex-wrap:wrap;gap:30px}.home-footer nav{font-size:14px;gap:20px}.footer-email{font-size:16px}.management-link{width:100%}}
@media(max-width:500px){.home-footer{align-items:flex-start}.footer-email{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.header-all-works{display:none;font-size:13px;line-height:20px;white-space:nowrap}
.work-detail .home-header[data-work-compact] .home-wordmark{display:none}
.work-detail .home-header[data-work-compact] .header-all-works{display:block}