@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');:root{--bg:#eae6df;--bg-card:#e2ded6;--bg-sidebar:#e0dcd4;--bg-header:rgba(234,230,223,.95);--bg-footer:#d8d4cc;--bg-dark:#1c1b18;--bg-dark-secondary:#2a2824;--bg-status:#d4d0c8;--text-primary:#1c1b18;--text-secondary:#5a564e;--text-muted:#8a8478;--text-light:#aaa69e;--text-inverse:#eae6df;--accent:#c4a35a;--accent-hover:#b3933a;--danger:#c0392b;--line:#c8c4bc;--line-dark:#1c1b18;--line-light:#d4d0c8;--font-display:'Noto Sans JP',sans-serif;--font-body:'Noto Sans JP',sans-serif;--font-mono:'JetBrains Mono',monospace;--sidebar-width:300px;--header-height:56px;--footer-height:48px;--border-width:1px;--transition-fast:.15s ease;--transition-med:.3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}h1{font-size:clamp(2rem, 4vw, 3.5rem)}h2{font-size:clamp(1.5rem, 3vw, 2.5rem)}h3{font-size:clamp(1.2rem, 2vw, 1.8rem)}.mono{font-family:var(--font-mono)}.label{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.app-layout{display:flex;min-height:100vh;padding-top:var(--header-height)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);background:var(--bg-header);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:var(--border-width) solid var(--line-dark);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.header-left{display:flex;align-items:center;gap:1.5rem}.header-name{font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.header-role{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);border-left:var(--border-width) solid var(--line);padding-left:1.5rem}.header-center{display:flex;align-items:center;gap:1.5rem}.header-location{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.header-time{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--text-secondary);min-width:70px}.header-right{display:flex;align-items:center}.header-nav{display:flex;align-items:center;gap:0}.header-nav a{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);padding:0 1rem;height:var(--header-height);display:flex;align-items:center;border-left:var(--border-width) solid var(--line);transition:background var(--transition-fast),color var(--transition-fast)}.header-nav a:last-child{border-right:var(--border-width) solid var(--line)}.header-nav a:hover,.header-nav a.active{background:var(--bg-dark);color:var(--text-inverse)}.sidebar{position:fixed;top:var(--header-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:var(--border-width) solid var(--line-dark);overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-section{padding:1.2rem;border-bottom:var(--border-width) solid var(--line)}.sidebar-section:last-child{border-bottom:none}.sidebar-title{font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.sidebar-title:before{content:'';display:inline-block;width:6px;height:6px;background:var(--text-primary)}.profile-name{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);margin-bottom:.3rem}.profile-role{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--text-secondary);line-height:1.6}.filter-group{margin-bottom:.8rem}.filter-group:last-child{margin-bottom:0}.filter-label{font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light);margin-bottom:.4rem}.filter-options{display:flex;flex-wrap:wrap;gap:.3rem}.filter-btn{font-family:var(--font-mono);font-size:.58rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;background:0 0;border:var(--border-width) solid var(--line);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover,.filter-btn.active{background:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.status-item{display:flex;flex-direction:column;gap:.1rem}.status-key{font-family:var(--font-mono);font-size:.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light)}.status-val{font-family:var(--font-mono);font-size:.68rem;font-weight:500;color:var(--text-primary)}.contact-link{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--text-secondary);padding:.3rem 0;transition:color var(--transition-fast)}.contact-link:hover{color:var(--text-primary)}.contact-link svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:calc(100vh - var(--header-height));padding-bottom:var(--footer-height)}.page-header{padding:2rem 2rem 1.5rem;border-bottom:var(--border-width) solid var(--line-dark);display:flex;align-items:flex-end;justify-content:space-between}.page-header--works{align-items:center;gap:2rem}.page-header--tv-text{font-family:var(--font-mono);font-size:.5rem;font-weight:500;color:var(--text-light);text-align:center}.page-header__left{position:relative;display:flex;flex-direction:column;padding:1.5rem 1.5rem 1.5rem 4.5rem}.page-header__right{flex-shrink:0}.page-header__tv{height:360px;width:auto;opacity:.85;transition:opacity var(--transition-fast)}.page-header__tv:hover{opacity:1}.page-title-annotation{font-family:var(--font-mono);font-size:.5rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--text-light);margin-bottom:.6rem}.page-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3.5rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);line-height:1}.page-title--split{display:flex;align-items:center;gap:0;line-height:1}.title-text{position:relative;display:inline-flex;flex-direction:column;line-height:.9}.title-line{font-family:var(--font-display);font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);line-height:1}.title-corner{position:absolute;font-family:var(--font-mono);font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:300;color:var(--text-light);line-height:1;pointer-events:none;user-select:none}.title-corner--tl{top:0;left:-2rem}.title-corner--br{bottom:-1rem;right:-4rem}.page-title-accent{display:block;font-size:.55rem;font-family:var(--font-mono);font-weight:500;letter-spacing:.3em;color:var(--text-muted);margin-top:.4rem}.page-count{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--text-muted);margin-top:1.5rem}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem}.video-card{position:relative;border:var(--border-width) solid var(--line);overflow:hidden;cursor:pointer;transition:background var(--transition-fast)}.video-card:hover{background:var(--bg-card)}.card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-dark);border-bottom:var(--border-width) solid var(--line)}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity var(--transition-fast)}.card-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light)}.video-card:hover .card-thumb img{transform:scale(1.04);opacity:.85}.card-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-med)}.video-card:hover .card-play{opacity:1}.card-play-label{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--text-inverse);background:rgba(28,27,24,.7);padding:.4rem 1rem;border:var(--border-width) solid rgba(234,230,223,.3);display:flex;align-items:center;gap:.4rem}.card-play-label i{font-size:.5em}.card-index{position:absolute;top:.6rem;left:.7rem;font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.15em;color:rgba(234,230,223,.8);z-index:2;background:rgba(28,27,24,.5);padding:.15rem .4rem}.card-info{padding:.8rem .9rem;display:grid;grid-template-columns:1fr auto;gap:.3rem;align-items:start}.card-title{font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);line-height:1.3;grid-column:1/-1}.card-meta{display:flex;align-items:center;gap:.8rem}.card-category{font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);border:var(--border-width) solid var(--line);padding:.15rem .45rem}.card-duration{font-family:var(--font-mono);font-size:.52rem;font-weight:500;letter-spacing:.1em;color:var(--text-light)}.card-year{font-family:var(--font-mono);font-size:.55rem;font-weight:500;letter-spacing:.12em;color:var(--text-secondary);text-align:right}.grid-lines{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;background-image:repeating-linear-gradient(0deg,transparent,transparent calc(100vh / 12 - 1px),
      var(--line-light) calc(100vh / 12 - 1px),
      var(--line-light) calc(100vh / 12)
    );opacity:.3}.site-footer{position:fixed;bottom:0;left:0;right:0;z-index:1000;height:var(--footer-height);background:var(--bg-footer);border-top:var(--border-width) solid var(--line-dark);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.footer-left{display:flex;align-items:center;gap:1rem}.footer-status-label{font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);background:var(--bg-dark);color:var(--text-inverse);padding:.2rem .6rem}.footer-status-text{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--text-secondary);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-right{display:flex;align-items:center;gap:.8rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-muted);transition:color var(--transition-fast)}.footer-social a:hover{color:var(--text-primary)}.footer-social a svg{width:15px;height:15px;fill:currentColor}.footer-copy{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light)}.contact-page{padding:2rem}.contact-page .page-header{padding:0 0 1.5rem;margin-bottom:2rem}.contact-layout{display:grid;grid-template-columns:1fr minmax(auto, 600px);gap:3rem;border-top:var(--border-width) solid var(--line);padding-top:2rem}.contact-info-section h3{font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.contact-info-section h3:before{content:'';display:inline-block;width:6px;height:6px;background:var(--text-primary)}.contact-detail{margin-bottom:1rem}.contact-detail-label{font-family:var(--font-mono);font-size:.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light)}.contact-detail-value{font-size:.88rem;color:var(--text-primary);margin-top:.15rem}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form-section{margin-left:2rem;max-width:700px}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.form-input,.form-textarea{width:100%;padding:.7rem 0;background:0 0;border:none;border-bottom:var(--border-width) solid var(--line);color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;outline:none;transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-bottom-color:var(--text-primary)}.form-textarea{resize:none;height:100px;line-height:1.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}.form-submit{display:inline-flex;align-items:center;gap:.6rem;background:var(--bg-dark);color:var(--text-inverse);border:none;padding:.8rem 2rem;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast);align-self:flex-start}.form-submit:hover{background:var(--bg-dark-secondary)}.form-submit svg{width:12px;height:12px;stroke:currentColor;fill:none;transition:transform var(--transition-fast)}.form-submit:hover svg{transform:translateX(3px)}.wpcf7-title{display:none}.wpcf7{max-width:600px}.wpcf7 form{display:flex;flex-direction:column;gap:1.2rem}.wpcf7-form{display:flex;flex-direction:column;gap:1.2rem}.wpcf7-form p{margin:0}.wpcf7 .form-group{display:flex;flex-direction:column;gap:.4rem}.wpcf7-form label{font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel],.wpcf7-form textarea{width:100%;padding:.7rem 0;background:0 0;border:none;border-bottom:var(--border-width) solid var(--line);color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;outline:none;transition:border-color var(--transition-fast)}.wpcf7-form input:focus,.wpcf7-form textarea:focus{border-bottom-color:var(--text-primary)}.wpcf7-form textarea{resize:none;height:100px;line-height:1.6}.wpcf7-form input::placeholder,.wpcf7-form textarea::placeholder{color:var(--text-light)}.wpcf7-form .wpcf7-submit{display:inline-flex;align-items:center;gap:.6rem;background:var(--bg-dark);color:var(--text-inverse);border:none;padding:.8rem 2rem;font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast);align-self:flex-start}.wpcf7-form .wpcf7-submit:hover{background:var(--bg-dark-secondary)}.wpcf7-response-output{font-family:var(--font-mono);font-size:.75rem;margin:1rem 0;padding:1rem;border:var(--border-width) solid var(--line)}.wpcf7-mail-sent-ok{background:var(--bg-card);border-color:var(--accent);color:var(--text-primary)}.wpcf7-validation-errors{background:var(--bg-dark);border-color:var(--danger);color:var(--text-inverse)}.wpcf7-not-valid-tip{color:var(--danger);font-size:.65rem;margin-top:.25rem}.wpcf7-list-item{margin-bottom:.25rem}.wpcf7-display-none{display:none}body.is-home-page{overflow:hidden;height:100%}.home-hero{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:flex-end}.hero-video-container{position:absolute;inset:0;z-index:0}.hero-video-container video,.hero-video-container iframe{width:100%;height:100%;object-fit:cover}.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.6) 100%);z-index:1}.hero-content{position:relative;z-index:2;padding:4rem;padding-bottom:6rem;width:100%;display:flex;flex-direction:column}.hero-name{font-family:var(--font-display);font-size:clamp(3rem, 8vw, 8rem);font-weight:700;color:var(--text-inverse);line-height:.95;letter-spacing:.02em;text-transform:uppercase;opacity:0;transform:translateY(30px);animation:fadeUp 1s cubic-bezier(.16,1,.3,1) .3s forwards}.hero-annotation{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:rgba(234,230,223,.5);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s ease .5s forwards}.hero-works-link{margin-top:1rem;opacity:0;animation:fadeUp .8s ease .7s forwards}.hero-link-btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(234,230,223,.8);border:var(--border-width) solid rgba(234,230,223,.3);padding:.6rem 1.5rem;transition:all var(--transition-fast)}.hero-link-btn:hover{background:rgba(234,230,223,.1);border-color:rgba(234,230,223,.6);color:var(--text-inverse)}.hero-link-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;transition:transform var(--transition-fast)}.hero-link-btn:hover svg{transform:translateX(3px)}.hero-bottom{position:absolute;bottom:6rem;right:4rem;display:flex;flex-direction:column;align-items:flex-end}.hero-social{display:flex;align-items:center;gap:.6rem;opacity:0;animation:fadeUp .8s ease .9s forwards}.hero-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:rgba(234,230,223,.5);transition:color var(--transition-fast)}.hero-social a:hover{color:var(--text-inverse)}.hero-social a svg{width:16px;height:16px;fill:currentColor}.hero-footer{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:0 4rem 2.5rem;display:flex;align-items:flex-end;justify-content:space-between;opacity:0;animation:fadeIn .8s ease 1.2s forwards}.hero-footer-copy{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;color:rgba(234,230,223,.35)}.hero-footer-nav{display:flex;gap:1.5rem}.hero-footer-nav a{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(234,230,223,.35);transition:color var(--transition-fast)}.hero-footer-nav a:hover{color:rgba(234,230,223,.9)}.work-overlay{display:none;position:fixed;inset:0;z-index:5000;align-items:center;justify-content:center;pointer-events:none}.work-overlay.active{display:flex;pointer-events:auto}.work-overlay__backdrop{position:absolute;inset:0;background:rgba(28,27,24,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.work-overlay.active .work-overlay__backdrop{opacity:1}.work-overlay.closing .work-overlay__backdrop{opacity:0}.work-overlay__panel{position:relative;z-index:1;width:88vw;max-width:1100px;height:80vh;max-height:700px;background:var(--bg);border:var(--border-width) solid var(--line-dark);display:flex;flex-direction:column;opacity:0;transition:opacity .4s ease}.work-overlay.active .work-overlay__panel{opacity:1}.work-overlay.closing .work-overlay__panel{opacity:0}.work-overlay__header{display:flex;align-items:center;gap:1.5rem;padding:1rem 2rem;border-bottom:var(--border-width) solid var(--line-dark);flex-shrink:0}.work-overlay__close{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);background:0 0;border:var(--border-width) solid var(--line);padding:.4rem 1rem;cursor:pointer;transition:all var(--transition-fast)}.work-overlay__close:hover{background:var(--bg-dark);color:var(--text-inverse);border-color:var(--bg-dark)}.work-overlay__header-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary)}.work-overlay__header-cat{font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);border:var(--border-width) solid var(--line);padding:.2rem .5rem}.work-overlay__body{flex:1;display:grid;grid-template-columns:1fr 320px;overflow:hidden}.work-overlay__media-area{display:flex;flex-direction:column;overflow:hidden}.work-overlay__media{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);position:relative;overflow:hidden}.work-overlay__media iframe,.work-overlay__media img{width:100%;height:100%;object-fit:contain}.work-overlay__media iframe{border:none}.work-overlay__nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:var(--bg-card);border-top:var(--border-width) solid var(--line);border-bottom:var(--border-width) solid var(--line);flex-shrink:0}.work-overlay__nav-btn{font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-primary);background:0 0;border:var(--border-width) solid var(--line);padding:.3rem .8rem;cursor:pointer;transition:all var(--transition-fast)}.work-overlay__nav-btn:hover{background:var(--line)}.work-overlay__nav-btn:disabled{opacity:.3;cursor:not-allowed}.work-overlay__nav-index{font-family:var(--font-mono);font-size:.5rem;font-weight:500;letter-spacing:.1em;color:var(--text-muted)}.work-overlay__info{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.overlay-meta-group{display:flex;flex-direction:column;gap:.8rem}.overlay-meta-item{display:flex;flex-direction:column;gap:.15rem}.overlay-meta-key{font-family:var(--font-mono);font-size:.5rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light)}.overlay-meta-val{font-size:.82rem;color:var(--text-primary);line-height:1.5;white-space:pre-line}.overlay-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.overlay-tag{font-family:var(--font-mono);font-size:.52rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);border:var(--border-width) solid var(--line);padding:.2rem .5rem}.overlay-description{font-size:.82rem;line-height:1.7;color:var(--text-secondary);margin-top:.3rem}@media (max-width:900px){.work-overlay__body{grid-template-columns:1fr;grid-template-rows:1fr auto}.work-overlay__media{border-right:none;border-bottom:var(--border-width) solid var(--line)}.work-overlay__info{max-height:40vh}}@media (max-width:600px){.work-overlay__header{padding:.8rem 1rem;gap:.8rem}.work-overlay__header-title{font-size:.9rem}.work-overlay__info{padding:1rem}}.page-transition{position:fixed;inset:0;background:var(--bg-dark);z-index:9999;transform:scaleY(0);transform-origin:bottom;pointer-events:none}.page-transition.entering{animation:curtainIn .45s cubic-bezier(.76,0,.24,1) forwards}.page-transition.leaving{animation:curtainOut .45s cubic-bezier(.76,0,.24,1) forwards;transform-origin:top}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes lbFadeIn{from{opacity:0}to{opacity:1}}@keyframes curtainIn{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes curtainOut{from{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}@media (max-width:1280px){.video-grid{gap:1.25rem;padding:1.25rem}}@media (max-width:1200px){.sidebar{display:none}.main-content{margin-left:0}}@media (max-width:1024px){.video-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}}@media (max-width:960px){.page-header__tv{height:90px}}@media (max-width:900px){.contact-layout{grid-template-columns:1fr}.page-header__tv{height:150px;width:auto;opacity:.7}.page-header__left{padding-left:3rem}.page-header--works{gap:1rem}.title-corner--tl{left:-1.2rem}.title-corner--br{right:-2rem}}@media (max-width:600px){:root{--header-height:48px;--footer-height:40px}.video-grid{grid-template-columns:1fr;gap:1rem;padding:1rem 1rem 0}.site-header{padding:0 1rem}.header-name{font-size:.95rem}.header-nav a{font-size:.52rem;padding:0 .5rem}.header-time{display:none}.page-header{padding:2rem;margin-bottom:1rem}.page-header__left{padding:1.5rem 1.5rem 1.5rem 2rem}.page-title{font-size:2.2rem}.title-line{font-size:clamp(2.5rem, 12vw, 4rem)}.title-bracket{font-size:clamp(2.5rem, 12vw, 4rem)}.title-corner{font-size:clamp(2.5rem, 12vw, 4rem)}.title-corner--tl{left:-1rem}.title-corner--br{right:-1rem}.page-count{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--text-muted);margin-top:1.5rem}.page-header__right{display:none}.footer-status-text{display:none}.hero-content{padding:1.5rem;padding-bottom:5rem}.hero-bottom{right:1.5rem;bottom:5rem}.hero-footer{padding:0 1.5rem 1.5rem}.contact-page{padding:1.2rem}.contact-layout{grid-template-columns:1fr;gap:1.5rem}}