.portfolio-shell{min-height:100vh;overflow:hidden}.detail-block-list{margin:24px 0;padding-left:28px}.detail-block-list li{margin:9px 0}.detail-block-code{color:#eaf2ff;background:#111923;border:1px solid #71839a;margin:30px 0}.detail-block-code>div{font:700 9px var(--display);letter-spacing:.12em;border-bottom:1px solid #34465e;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.detail-block-code pre{margin:0;padding:20px;font:13px/1.65 Consolas,monospace;overflow:auto}.detail-block-code figcaption{color:#aebdd0;padding:10px 14px}.detail-block-callout{border-left:5px solid var(--moon);background:#fff7cf;margin:28px 0;padding:22px}.detail-block-callout.tone-info{background:#e7f1ff;border-color:#648dc4}.detail-block-callout.tone-warning{background:#fff0e9;border-color:#c7654f}.detail-block-callout p{margin:6px 0 0}.detail-block-divider{border:0;border-top:3px solid var(--deep);margin:48px 0}.noise{z-index:95;pointer-events:none;opacity:.026;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='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-progress{z-index:150;transform-origin:0;background:linear-gradient(90deg, var(--moon), #9fc9ff);height:3px;position:fixed;top:0;left:78px;right:0}.hero{min-height:100svh;color:var(--deep);background:#f8fbff;position:relative;overflow:hidden}.hero-sky{will-change:transform;background:radial-gradient(circle at 73% 23%,#ffffffeb,#0000 24%),linear-gradient(135deg,#fff 0 38%,#edf5ff 38% 67%,#d9e9ff 67%);position:absolute;inset:-10%}.hero-atmosphere{mix-blend-mode:multiply;transform-origin:75% 25%;background:radial-gradient(circle at 78% 22%,#ffd54d29,#0000 28%),linear-gradient(108deg,#0000 52%,#769fdc1a 52.2%,#0000 72%);animation:10s ease-in-out infinite alternate atmosphere-shift;position:absolute;inset:0}.hero-starfield{z-index:1;will-change:transform;position:absolute;inset:0}.hero-starfield i{background:#fff;border-radius:50%;width:4px;height:4px;animation:3.8s ease-in-out infinite star-pulse;position:absolute;box-shadow:0 0 13px #fffffff2}.hero-starfield i:first-child{animation-delay:-1.2s;top:14%;left:8%}.hero-starfield i:nth-child(2){width:2px;height:2px;top:72%;left:19%}.hero-starfield i:nth-child(3){animation-delay:-2.4s;top:22%;left:31%}.hero-starfield i:nth-child(4){width:3px;height:3px;top:78%;left:43%}.hero-starfield i:nth-child(5){animation-delay:-.7s;top:13%;left:55%}.hero-starfield i:nth-child(6){width:2px;height:2px;top:63%;left:63%}.hero-starfield i:nth-child(7){animation-delay:-3s;top:9%;left:73%}.hero-starfield i:nth-child(8){top:73%;left:82%}.hero-starfield i:nth-child(9){width:2px;height:2px;animation-delay:-1.8s;top:34%;left:91%}.hero-starfield i:nth-child(10){width:2px;height:2px;top:41%;left:14%}.hero-starfield i:nth-child(11){animation-delay:-2.2s;top:56%;left:38%}.hero-starfield i:nth-child(12){width:2px;height:2px;top:87%;left:58%}.hero-starfield i:nth-child(13){animation-delay:-1.1s;top:39%;left:69%}.hero-starfield i:nth-child(14){width:3px;height:3px;top:86%;left:95%}.hero-celestial{aspect-ratio:1;z-index:2;will-change:transform;width:min(55vw,780px);position:absolute;top:8vh;right:-5vw}.hero-moon{background:radial-gradient(circle at 35% 30%,#fffbe8 0 18%,#ffe788 55%,#f1c441 100%);border-radius:50%;animation:6s ease-in-out infinite moon-breathe;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 22px #ffffff73,0 35px 100px #b3c5e259}.hero-moon:before,.hero-moon:after{content:"";background:#fff3;border-radius:50%;position:absolute}.hero-moon:before{width:22%;height:22%;top:27%;left:18%}.hero-moon:after{width:13%;height:13%;bottom:24%;right:22%}.moon-glint{color:#fff;font-size:36px;position:absolute;top:9%;left:14%}.moon-crater{background:#deb1311a;border:1px solid #b98b161f;border-radius:50%;position:absolute;box-shadow:inset 8px 10px 18px #ad800d14}.crater-a{aspect-ratio:1;width:18%;top:16%;left:54%}.crater-b{aspect-ratio:1;width:10%;top:62%;left:39%}.crater-c{aspect-ratio:1;width:7%;top:53%;left:73%}.crater-d{aspect-ratio:1;width:5%;top:72%;left:24%}.moon-meridian{border:1px solid #ffffff47;border-radius:50%;position:absolute;inset:7% 27%;transform:rotate(28deg)}.moon-orbit{border:1px solid #6782ab42;border-radius:50%;position:absolute;inset:-10%;transform:rotate(-13deg)}.moon-orbit-secondary{opacity:.48;border-style:dashed;animation:36s linear infinite orbit-drift-reverse;inset:-22% 3%;transform:rotate(27deg)}.moon-satellite{background:var(--deep);border:5px solid #f8fbff;border-radius:50%;width:18px;height:18px;position:absolute;top:10%;left:11%;box-shadow:0 0 0 1px #23344e47,0 8px 20px #2a456d33}.moon-satellite b{transform-origin:0;background:#3e537466;width:38px;height:1px;position:absolute;top:3px;left:11px;transform:rotate(-28deg)}.moon-coordinate{color:#394e6d94;font:650 8px var(--display);letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff52;border:1px solid #42597d38;padding:6px 9px;position:absolute;bottom:4%;right:6%}@keyframes atmosphere-shift{to{transform:translate(-2%,2%)scale(1.08)}}@keyframes star-pulse{50%{opacity:.25;transform:scale(.55)}}@keyframes moon-breathe{50%{box-shadow:0 0 0 28px #ffffff57,0 45px 120px #91aedb73}}@keyframes orbit-drift-reverse{to{transform:rotate(-333deg)}}.hero-lines{border:1px solid #5569883d;border-radius:28px;position:absolute;inset:28px}.hero-lines:before{content:"";border:1px solid #7a96c140;border-radius:50%;width:45vw;height:24vw;position:absolute;top:14vh;right:-2vw;transform:rotate(-13deg)}.hero-copy{z-index:3;flex-direction:column;justify-content:center;min-height:100svh;padding:9vh 6vw;display:flex;position:relative}.hero-code{border-top:1px solid var(--ink);width:min(720px,62vw);font:600 12px var(--display);letter-spacing:.08em;justify-content:space-between;padding:12px 0;display:flex}.hero-code b{color:#bf9215}.hero h1{font:650 clamp(68px, 10vw, 148px)/.78 var(--display);letter-spacing:-.055em;margin:4vh 0 5vh}.hero h1 span{display:block}.hero h1 .accent{color:#e8b720;text-shadow:0 7px #7493be1f;margin-left:7vw}.hero-bottom{border-top:2px solid var(--deep);justify-content:space-between;align-items:flex-end;gap:40px;width:min(720px,64vw);padding-top:20px;display:flex}.hero-bottom p{color:#6f7f96;margin:0;font-size:16px}.hero-bottom a{min-width:220px;color:var(--deep);background:var(--moon);border:1px solid #d3a81c;border-radius:14px;justify-content:space-between;padding:15px 18px;transition:all .25s;display:flex;box-shadow:0 8px #e3b837}.hero-bottom a:hover{transform:translateY(-4px);box-shadow:0 12px #e3b837}.reel-button{z-index:5;width:240px;height:78px;color:var(--deep);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#ffffffc7;border:1px solid #4b60804d;border-radius:18px;align-items:center;padding:0;transition:all .25s;display:flex;position:absolute;bottom:7vh;right:5vw;overflow:hidden;box-shadow:0 18px 50px #5f7ba526}.reel-button:hover{transform:translateY(-5px);box-shadow:0 22px 55px #5f7ba53d}.reel-button div{flex-direction:column;flex:7;justify-content:center;gap:4px;height:100%;padding:0 18px;display:flex}.reel-button>span{background:var(--moon);flex:3;justify-content:center;place-items:center;height:100%;font-size:25px;display:flex}.reel-button b{font:600 13px var(--display)}.reel-button small{color:#9ba8ba;font-size:10px}.hero-index{color:#485d7d3b;font:600 18px var(--display);position:absolute;top:42px;right:42px}.spark{color:#9ab4e3;font-size:36px;animation:3s ease-in-out infinite float-star;position:absolute}.spark-a{top:16%;right:42%}.spark-b{animation-delay:-1.4s;top:67%;right:11%}@keyframes float-star{50%{opacity:.55;transform:translateY(-12px)rotate(18deg)}}.signal-ticker{height:52px;color:var(--deep);background:var(--moon);white-space:nowrap;font:600 13px var(--display);letter-spacing:.06em;border-block:1px solid #d9ae28;align-items:center;display:flex;overflow:hidden}.signal-ticker-track{width:max-content;animation:28s linear infinite ticker;display:flex}.signal-ticker-group{box-sizing:border-box;flex:none;justify-content:space-between;align-items:center;gap:28px;width:calc(100vw - 78px);min-width:max-content;padding:0 24px;display:flex}.signal-ticker-group span{align-items:center;gap:28px;display:inline-flex}.signal-ticker-group span:after{content:"✦"}.booting .signal-ticker-track{animation-play-state:paused}@keyframes ticker{to{transform:translate(-50%)}}@media (max-width:700px){.signal-ticker-group{width:100vw}}.directional-control{--ui-circle-border:#ffffff6b;--ui-circle-bg:#0b11188c;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b11188c;border:1px solid #ffffff6b;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;transition:background .22s,transform .22s,border-color .22s;display:grid}.directional-control:hover{color:#17202b;border-color:var(--moon);background:var(--moon);transform:scale(1.05)}.directional-control svg{width:25px;height:25px}.section-rail{writing-mode:vertical-rl;color:#8091a8;font:650 10px var(--display);letter-spacing:.18em;align-items:center;gap:12px;display:flex;position:absolute;top:112px;left:28px}.section-rail:after{content:"";opacity:.35;background:currentColor;width:1px;height:64px;margin-top:12px}.section-rail svg{width:19px;height:19px}.works-section{--project-action-height:150px;color:#fff;isolation:isolate;background:#0d1218;outline:none;min-height:0;position:relative;overflow:hidden}.project-media-frame{z-index:0;aspect-ratio:22/9;background:#080c11;width:100%;position:relative;overflow:hidden}.project-media-parallax{will-change:transform;position:absolute;inset:-5% 0}.project-media-layer{z-index:0;opacity:0;pointer-events:none;transition:opacity .42s,transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:scale(1.018)}.works-section:after{content:"";z-index:4;pointer-events:none;opacity:.55;background:linear-gradient(112deg,#0000 30%,#71a1e21a 48%,#0000 66%);animation:9s ease-in-out infinite project-light-shift;position:absolute;inset:0;transform:translate(-48%)}@keyframes project-light-shift{50%,to{transform:translate(48%)}}.project-media-layer.active{z-index:1;opacity:1;transform:none}.project-media-layer img,.project-media-layer video{object-fit:cover;filter:saturate(.72)contrast(1.06);width:100%;height:100%}.project-media-layer video{opacity:0;transition:opacity .28s;position:absolute;inset:0}.project-media-layer video.video-ready{opacity:1}.project-shade{z-index:2;background:linear-gradient(90deg,#070a0ee6,#070a0e9e 35%,#070a0e1a 68%),linear-gradient(#0000 58%,#06090df0),linear-gradient(#06090d94,#0000 23%);position:absolute;inset:0}.project-shade:after{content:"";opacity:.25;background:linear-gradient(115deg,#0000 49.8%,#ffffff1f 50%,#0000 50.2%);position:absolute;inset:0}.project-topline{z-index:6;color:#ffffffb3;font:600 10px var(--display);letter-spacing:.13em;border-top:1px solid #ffffff57;justify-content:space-between;align-items:center;padding-top:12px;display:flex;position:absolute;top:30px;left:4vw;right:4vw}.project-topline span{align-items:center;gap:9px;display:flex}.project-topline svg{width:17px}.project-info-row{z-index:7;left:0;right:0;bottom:var(--project-action-height);pointer-events:none;height:clamp(190px,17vw,250px);position:absolute}.project-copy{pointer-events:auto;z-index:8;width:min(520px,37vw);position:absolute;bottom:18px;left:7vw}.project-kind{max-width:360px;color:var(--moon);font:650 11px var(--display);letter-spacing:.14em;justify-content:flex-start;align-items:center;gap:9px;display:flex}.project-kind>span{align-items:center;gap:9px;display:flex}.project-kind svg{width:18px}.project-kind time{color:#ffffffa3;font-variant-numeric:tabular-nums;border-left:1px solid #f2c84b8c;padding-left:14px}.project-copy h2{font:650 clamp(38px, 3.8vw, 62px) / .92 var(--display);letter-spacing:-.055em;margin:11px 0 2px}.project-english{color:#ffffff94;font:600 15px var(--display);letter-spacing:.16em;margin:8px 0 9px}.project-description{color:#ffffffbf;max-width:520px;margin:0;font-size:13px;line-height:1.85}.project-action-row{z-index:6;height:var(--project-action-height);border-top:1px solid var(--moon);background:#0d1218;align-items:flex-start;padding:20px 7vw 0;display:flex;position:relative}.project-actions{align-items:center;gap:28px;width:min(520px,37vw);margin:0;display:flex}.project-actions>div{align-items:stretch;gap:7px;display:flex}.project-actions>div>a,.project-play{color:#151b22;background:var(--moon);border:0;align-items:center;gap:18px;min-height:46px;padding:12px 15px;font-size:12px;display:flex}.project-play{justify-content:center;width:46px;padding:0}.project-actions svg{width:17px}.project-actions>span{color:#ffffff85;min-width:112px;font:600 9px var(--display);letter-spacing:.1em;flex-direction:column;display:flex}.project-actions>span b{color:#fff;letter-spacing:0;font-size:18px}.project-carousel{--thumbnail-width:clamp(118px, 13vw, 214px);--thumbnail-gap:clamp(58px, 7vw, 112px);--thumbnail-bleed:clamp(18px, 1.95vw, 32px);pointer-events:auto;width:min(72vw,1120px);height:208px;position:absolute;bottom:-24px;right:1.5vw;transform:translate(12px,38%)}.carousel-status{z-index:5;color:#fff;font:650 10px var(--display);align-items:center;gap:7px;margin:0;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.carousel-status i{background:var(--moon);width:28px;height:1px}.project-carousel>.directional-control{z-index:6;margin:0;position:absolute;top:50%;transform:translateY(-50%)}.project-carousel>.directional-control:first-of-type{left:calc(50% - var(--thumbnail-width) * .8 - 64px)}.project-carousel>.directional-control:nth-of-type(2){right:calc(50% - var(--thumbnail-width) * .8 - 64px)}.project-carousel>.directional-control:hover{transform:translateY(-50%)scale(1.05)}.project-thumbnails{width:min(100%, calc(var(--thumbnail-width) + var(--thumbnail-width) + var(--thumbnail-width) + var(--thumbnail-gap) + var(--thumbnail-gap) + var(--thumbnail-bleed) + var(--thumbnail-bleed)));clip-path:inset(0);height:208px;margin-inline:auto;position:relative;overflow:hidden}.project-thumbnail-track{align-items:center;gap:var(--thumbnail-gap);will-change:transform;width:max-content;height:100%;display:flex;position:absolute;top:0;left:0}.project-thumbnail-track.is-animated{transition:transform .58s cubic-bezier(.16,1,.3,1)}.project-thumbnails button{width:var(--thumbnail-width);color:#fff;text-align:left;opacity:1;filter:brightness(.42)saturate(.58);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#111;border:0;flex:none;height:112px;padding:0;transition:transform .48s cubic-bezier(.16,1,.3,1),filter .36s,box-shadow .36s;position:relative;overflow:hidden;transform:scale(1.3)}.project-thumbnails button:after{content:"";background:linear-gradient(#0000 32%,#05070ae6);position:absolute;inset:0}.project-thumbnails button:before{content:"";z-index:3;background:var(--moon);height:4px;transition:right .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:100%}.project-thumbnails button.active:before{right:0}.project-thumbnails button img{object-fit:cover;filter:none;transform:none}.project-thumbnails button:hover{filter:brightness(.67)saturate(.75);transform:scale(1.36)}.project-thumbnails button.active,.project-thumbnails button.active:hover{z-index:2;filter:none;transform:scale(1.6);box-shadow:0 18px 46px #0000006b}.project-thumbnails span,.project-thumbnails b{z-index:2;position:absolute;left:13px}.project-thumbnails span{color:#ffffffa1;font:600 8px var(--display);letter-spacing:.1em;bottom:29px}.project-thumbnails b{font:600 13px var(--display);bottom:10px}.youtube-modal{background:#05080c;width:min(1280px,94vw)}.youtube-frame{aspect-ratio:16/9;width:100%}.youtube-frame iframe{border:0;width:100%;height:100%;display:block}.interests-section{min-height:1380px;color:var(--deep);background:linear-gradient(145deg,#f8fbff 0 63%,#fff6cf 63%);padding:110px 6vw 150px;position:relative}.interest-intro{justify-content:space-between;align-items:end;margin-left:10vw;display:flex}.interest-intro p{max-width:720px;font:650 clamp(32px, 4.6vw, 66px)/1.08 var(--display);letter-spacing:-.045em;margin:0}.interest-intro>span{color:#8d9db1;font:600 9px var(--display);letter-spacing:.15em;padding-bottom:8px}.interest-canvas{height:930px;margin-top:70px;position:relative}.interest-scene{color:#fff;background:#233043;display:block;position:absolute;overflow:hidden;box-shadow:0 28px 70px #3748622e}.interest-scene:after{content:"";background:linear-gradient(#0000 42%,#050a11cc);position:absolute;inset:0}.interest-scene img{object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .5s}.interest-scene:hover img{filter:saturate(1.1);transform:scale(1.045)}.scene-1{clip-path:polygon(0 0,96% 0,100% 9%,100% 100%,0 100%);width:61%;height:620px;top:0;left:0}.scene-2{clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 9%);width:42%;height:460px;top:145px;right:0}.scene-2 img{object-position:36% 10%}.scene-3{clip-path:polygon(0 0,100% 0,100% 86%,92% 100%,0 100%);width:40%;height:330px;bottom:0;right:9%}.interest-scene>span{z-index:2;font:600 9px var(--display);letter-spacing:.1em;align-items:center;gap:8px;display:flex;position:absolute;top:22px;left:24px}.interest-scene>span svg{width:17px}.interest-scene h3{z-index:2;font:650 clamp(22px, 3vw, 42px) var(--display);letter-spacing:-.035em;margin:0;position:absolute;bottom:20px;left:25px}.interest-scene>svg{z-index:2;width:25px;position:absolute;bottom:23px;right:22px}.social-strip{border-top:1px solid #52637d47;justify-content:space-between;align-items:center;gap:40px;margin:68px 0 0 10vw;padding-top:28px;display:flex}.social-strip p{color:#77889f;max-width:380px;margin:0;font-size:13px}.social-strip nav{align-items:center;gap:4px;display:flex}.social-strip nav a{border-left:1px solid #52637d38;place-items:center;width:48px;height:48px;transition:all .22s;display:grid;position:relative}.social-strip nav a:last-child{border-right:1px solid #52637d38}.social-strip nav a:hover{color:#161e29;background:var(--moon)}.social-strip nav svg{width:18px}.social-strip nav span{white-space:nowrap;opacity:0;font:600 8px var(--display);letter-spacing:.08em;transition:all .2s;position:absolute;bottom:-24px}.social-strip nav a:hover span{opacity:1}.profile-section{color:#edf4ff;background:#111923;padding:130px 7vw 150px;position:relative;overflow:hidden}.profile-section,.resume-section,.contact-section{content-visibility:auto;contain-intrinsic-block-size:auto 1000px}.profile-section .section-rail{color:#8797aa}.profile-layout{grid-template-columns:minmax(330px,.72fr) 1.28fr;align-items:center;gap:8vw;margin-left:4vw;display:grid}.portrait-block{clip-path:polygon(0 0,88% 0,100% 8%,100% 100%,12% 100%,0 92%);background:#dbe8f7;height:720px;position:relative;overflow:hidden}.portrait-motion{position:absolute;inset:-8% 0}.portrait-block img{object-fit:cover;object-position:center top}.portrait-block>span{color:#151c25;background:var(--moon);font:650 9px var(--display);letter-spacing:.09em;padding:7px 10px;position:absolute;bottom:24px;left:24px}.profile-copy{padding-top:3vh}.profile-lead{max-width:760px;font:650 clamp(34px, 3.6vw, 66px)/1.13 var(--display);letter-spacing:-.045em;margin:0}.profile-lead strong{color:var(--moon);font-weight:650;display:block}.profile-copy>p:not(.profile-lead){color:#9cabbc;max-width:660px;margin:34px 0 42px;font-size:14px}.profile-facts{border-block:1px solid #ffffff24;grid-template-columns:1fr 1.4fr;margin:0 0 48px;display:grid}.profile-facts div{padding:18px 18px 18px 0}.profile-facts div+div{border-left:1px solid #ffffff24;padding-left:24px}.profile-facts dt{color:#73859a;font:600 9px var(--display);letter-spacing:.11em;align-items:center;gap:8px;display:flex}.profile-facts dt svg{width:15px}.profile-facts dd{font:600 13px var(--display);margin:7px 0 0}.capability-list{border-top:1px solid #ffffff47}.capability-list>div{border-bottom:1px solid #ffffff21;grid-template-columns:36px 1fr 48px;align-items:center;min-height:82px;transition:all .25s;display:grid}.capability-list>div:hover{color:#151b23;background:var(--moon);padding-inline:12px}.capability-list svg{width:20px}.capability-list span{color:#8f9fb0;font-size:11px}.capability-list span b{color:#edf4ff;font:650 15px var(--display);display:block}.capability-list strong{text-align:right;font:650 21px var(--display)}.capability-list>div:hover span,.capability-list>div:hover span b{color:#151b23}.log-section{color:var(--deep);background:#edf5ff;padding:120px 8vw 140px;position:relative}.log-heading{justify-content:space-between;align-items:end;margin:0 0 54px 8vw;display:flex}.log-heading p{font:650 clamp(32px, 4vw, 56px) var(--display);letter-spacing:-.04em;margin:0}.log-heading span{color:#8d9db3;font:600 9px var(--display);letter-spacing:.13em}.channel-list{border-top:2px solid var(--deep);margin-left:8vw}.channel-list a{border-bottom:1px solid #52637d47;grid-template-columns:90px 1.4fr 1fr 48px;align-items:center;gap:20px;min-height:100px;transition:all .25s;display:grid}.channel-list a:hover{color:#161d26;background:var(--moon);padding-inline:18px}.channel-list span,.channel-list small{color:#8496af;font-size:10px}.channel-list strong{font:600 18px var(--display)}.channel-list i{border:1px solid;border-radius:50%;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.channel-list i svg{fill:currentColor;width:16px}.channel-list a:hover span,.channel-list a:hover small{color:#161d26}.archive-link{font:600 14px var(--display);border-top:1px solid #52637d40;justify-content:space-between;align-items:center;margin:36px 0 0 8vw;padding-top:18px;display:flex}.archive-link span{gap:18px;display:flex}.archive-link small{color:#98a8bb;font-size:9px}.archive-link svg{width:24px}.contact-section{color:#17202b;background:var(--moon);grid-template-columns:170px 1fr;align-content:center;min-height:70vh;padding:90px 8vw 0;display:grid;position:relative;overflow:hidden}.contact-section:after{content:"";aspect-ratio:1;border:1px solid #ffffff8c;border-radius:50%;width:58vw;position:absolute;top:-24vw;right:-22vw;box-shadow:0 0 0 70px #ffffff1c,0 0 0 140px #ffffff12}.contact-mark{z-index:1;border:1px solid #17202b73;place-items:center;width:92px;height:92px;display:grid;position:relative;transform:rotate(45deg)}.contact-mark svg{width:30px;transform:rotate(-45deg)}.contact-copy{z-index:1;position:relative}.contact-copy>span{font:650 9px var(--display);letter-spacing:.14em}.contact-copy>p{font:650 clamp(38px, 6vw, 78px)/1 var(--display);letter-spacing:-.055em;margin:16px 0 30px}.contact-copy>a{width:min(520px,100%);font:650 14px var(--display);border-block:1px solid #17202b80;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.contact-copy>a svg{width:22px}.contact-section footer{z-index:1;letter-spacing:.08em;border-top:1px solid #17202b40;grid-column:1/-1;justify-content:space-between;align-self:end;margin-top:auto;padding:22px 0;font-size:9px;display:flex;position:relative}.reel-modal{z-index:220;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b10e0;place-items:center;padding:5vw;display:grid;position:fixed;inset:0}.reel-stage{aspect-ratio:16/9;background:#10161d;width:min(1280px,94vw);position:relative;box-shadow:0 30px 100px #00000080}.reel-stage video{object-fit:cover;width:100%;height:100%}.reel-stage>div{color:#141a22;background:var(--moon);font:600 11px var(--display);flex-direction:column;padding:10px 14px;display:flex;position:absolute;bottom:18px;left:18px}.reel-stage>div span{font-size:9px}.reel-stage>button{color:#fff;background:0 0;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:-48px;right:0}.reel-stage>button svg{width:20px}.projects-page{min-height:100vh;color:var(--deep);background:#f5f9ff;padding:72px 6vw 110px}.projects-page>header{border-bottom:2px solid var(--deep);grid-template-columns:180px 1fr auto;align-items:end;padding:20px 0 34px;display:grid}.projects-page>header>span{font:650 10px var(--display);color:#899ab2;letter-spacing:.12em}.projects-page>header h1{font:650 clamp(30px, 4vw, 56px)/1 var(--display);letter-spacing:-.045em;margin:0}.projects-page>header h1 b{color:#c99a16;font-weight:650;display:block}.projects-page>header p{color:#74859c;margin:0;font-size:12px;max-width:360px!important}.filter-bar{border-bottom:1px solid #c4d2e5;flex-wrap:wrap;gap:0;margin:34px 0;display:flex}.filter-bar button{color:#7d8da2;font:650 10px var(--display);letter-spacing:.08em;background:0 0;border:0;border-bottom:3px solid #0000;padding:11px 18px}.filter-bar button.active{color:var(--deep);border-color:var(--moon)}.filter-bar button span{white-space:nowrap;width:fit-content}.project-database{flex-direction:column;display:flex}.project-database article{background:0 0;border-bottom:1px solid #cbd8e9;grid-template-columns:minmax(170px,24vw) 90px 1fr 1fr auto;align-items:center;gap:24px;min-height:190px;padding:18px 0;display:grid}.project-database article>div:first-child{clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,0 100%);background:#dbe7f6;height:150px;position:relative;overflow:hidden}.project-database img{object-fit:cover;filter:saturate(.55);width:100%;height:100%;transition:all .55s}.project-database article:hover img{filter:saturate();transform:scale(1.045)}.project-database article>div:first-child span{color:#17202b;background:var(--moon);padding:4px 7px;font-size:9px;position:absolute;top:9px;right:9px}.project-database article>small{color:#92a2b8;font-size:9px}.project-database h2{font:650 25px var(--display);margin:0}.project-database h3{color:#b68b16;font:600 12px var(--display);letter-spacing:.08em;margin:2px 0 0}.project-database p{color:#74849a;max-width:380px;margin:0;font-size:11px}.ui-tag-list{flex-wrap:wrap;justify-content:flex-end;gap:6px;background:0 0!important;height:auto!important;display:flex!important;overflow:visible!important}.ui-tag-list .ui-tag{font:600 8px var(--display);font-style:normal}.project-database article>a{border:1px solid #9fb1c9;border-radius:50%;place-items:center;width:42px;height:42px;font-size:0;display:grid}.project-database article>a:after{content:"↗";font-size:17px}.project-database article>a:hover{color:#17202b;border-color:var(--moon);background:var(--moon)}.back-home{margin-top:42px;display:inline-flex}.projects-page>header h1{font-size:clamp(28px,3.2vw,44px)}.filter-bar button{align-items:center;gap:8px;display:flex}.filter-bar button svg{width:16px;height:16px}.project-database article{grid-template-columns:minmax(170px,24vw) 70px minmax(160px,.7fr) 1fr minmax(110px,auto) 42px;gap:22px}.project-database article>a{font-size:inherit}.project-database article>a:after{content:none}.project-database article>a svg{width:17px}.back-home{align-items:center;gap:9px}.back-home svg{width:17px}@media (max-width:980px){.interest-canvas{height:840px}.profile-layout{grid-template-columns:.8fr 1.2fr;gap:5vw}.portrait-block{height:620px}.project-database article{grid-template-columns:220px 70px 1fr auto}.project-database p,.ui-tag-list{display:none!important}}@media (max-width:700px){body{font-size:14px}.portfolio-shell{padding-left:0}.scroll-progress{left:0}.hero-lines{inset:12px}.hero-moon{inset:0}.hero-celestial{width:85vw;top:6vh;right:-28vw}.moon-coordinate{display:none}.hero-copy{padding:95px 24px 180px}.hero-code,.hero-bottom{width:100%}.hero-code{font-size:10px}.hero h1{font-size:clamp(55px,19vw,92px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px}.hero-bottom p{font-size:14px}.hero-bottom a{width:100%}.reel-button{width:220px;bottom:88px;right:24px}.hero-index{top:22px;right:22px}.section-rail{writing-mode:horizontal-tb;margin-bottom:34px;position:static}.section-rail:after{width:54px;height:1px;margin:0 0 0 7px}.project-topline{top:20px;left:20px;right:20px}.directional-control{width:44px;height:44px}.interests-section{min-height:0;padding:85px 20px 100px}.interest-intro{margin:0;display:block}.interest-intro p{font-size:36px}.interest-intro>span{margin-top:18px;display:block}.interest-canvas{flex-direction:column;gap:14px;height:auto;margin-top:48px;display:flex}.interest-scene,.scene-1,.scene-2,.scene-3{clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,0 100%);width:100%;height:340px;position:relative;inset:auto}.scene-2,.scene-3{height:270px}.social-strip{margin:48px 0 0;display:block}.social-strip nav{margin-top:24px}.profile-section{padding:85px 20px 100px}.profile-layout{flex-direction:column;margin:0;display:flex}.portrait-block{width:100%;height:540px}.profile-copy{padding-top:42px}.profile-lead{font-size:35px}.profile-facts{grid-template-columns:1fr}.profile-facts div+div{border-top:1px solid #ffffff24;border-left:0;padding-left:0}.log-section{padding:85px 20px 100px}.log-heading{margin:0 0 36px;display:block}.log-heading p{font-size:38px}.log-heading span{margin-top:8px;display:block}.channel-list,.archive-link{margin-left:0}.channel-list a{grid-template-columns:58px 1fr 42px;gap:10px}.channel-list small{display:none}.channel-list strong{font-size:14px}.contact-section{grid-template-columns:1fr;min-height:620px;padding:75px 22px 0}.contact-mark{width:66px;height:66px;margin-bottom:45px}.contact-copy>p{font-size:44px}.contact-section footer span:nth-child(2){display:none}.projects-page{padding:62px 20px 90px}.projects-page>header{grid-template-columns:1fr}.projects-page>header h1{margin:18px 0}.projects-page>header p{max-width:none}.project-database article{grid-template-columns:130px 1fr 40px;gap:14px;min-height:130px}.project-database article>div:first-child{height:100px}.project-database article>small{display:none}.project-database h2{font-size:19px}.project-database h3{font-size:9px}.project-database article>a{width:36px;height:36px}}@media (max-width:1100px){.project-info-row{height:220px}.project-copy{width:38vw;left:4vw}.project-carousel{width:72vw}.project-action-row{padding-left:4vw}.project-actions{width:40vw}}@media (max-width:820px){.noise{display:none}.hero-sky,.hero-starfield,.hero-celestial,.hero-copy,.project-media-parallax,.portrait-motion{will-change:auto;transform:none!important}.hero-atmosphere,.hero-starfield i,.hero-moon,.moon-orbit-secondary,.spark,.signal-ticker-track,.works-section:after{animation:none}.moon-coordinate,.directional-control{-webkit-backdrop-filter:none;backdrop-filter:none}.project-media-layer video{filter:none}.works-section{--project-action-height:82px}.project-media-frame{aspect-ratio:1}.project-topline{top:20px;left:20px;right:20px}.project-info-row{background:#0d1218;height:210px;padding:0;display:block;position:relative;bottom:auto;left:auto;right:auto}.project-copy{width:auto;max-width:none;position:absolute;inset:-60px 20px auto;transform:translateY(-50%)}.project-copy h2{font-size:42px}.project-description{display:none}.project-carousel{--thumbnail-width:clamp(78px, 24vw, 122px);--thumbnail-gap:clamp(28px, 7vw, 60px);width:calc(var(--thumbnail-width) + var(--thumbnail-width) + var(--thumbnail-width) + var(--thumbnail-gap) + var(--thumbnail-gap) + 16px);max-width:100%;height:175px;position:absolute;bottom:6px;left:50%;right:auto;transform:translate(-50%)}.carousel-status{position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.project-thumbnails{width:100%;height:154px}.project-thumbnails button{width:var(--thumbnail-width);height:calc(var(--thumbnail-width) * .62);transform:scale(1.12)}.project-thumbnails button.active,.project-thumbnails button.active:hover{transform:scale(1.42)}.project-carousel>.directional-control:first-of-type{left:calc(50% - var(--thumbnail-width) * .8 - 44px)}.project-carousel>.directional-control:nth-of-type(2){right:calc(50% - var(--thumbnail-width) * .8 - 44px)}.project-action-row{height:var(--project-action-height);padding:16px 20px 0}.project-actions{gap:14px;width:100%}.project-actions>span{display:none}.project-actions>div>a{gap:8px;padding-inline:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.resume-section{color:#eaf1f8;background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/8.333% 100%,linear-gradient(#0a0f14,#121a23 55%,#0c1218);padding:128px clamp(24px,6vw,110px) 150px;position:relative;overflow:hidden}.resume-section:before{content:"CV / SYSTEM 03";color:#6d7b8a;font:650 9px var(--display);letter-spacing:.18em;writing-mode:vertical-rl;position:absolute;top:150px;left:26px}.resume-section:after{content:"";z-index:0;aspect-ratio:1;border:1px solid #f1c43b29;border-radius:50%;width:48vw;position:absolute;top:5vw;right:-20vw;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff03}.resume-stage{z-index:1;width:min(1120px,100%);margin:0 auto;position:relative}.resume-stage-head{border-bottom:1px solid #fff3;justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;padding-bottom:22px;display:flex}.resume-stage-head>div>span{color:var(--moon);font:650 9px var(--display);letter-spacing:.16em}.resume-stage-head h2{font:650 clamp(42px, 5vw, 74px) / .9 var(--display);letter-spacing:-.06em;margin:8px 0 5px}.resume-stage-head p{color:#8291a2;margin:0;font-size:12px}.resume-stage-head button{border:1px solid var(--moon);color:#111820;background:var(--moon);text-align:left;grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr;align-items:center;min-width:194px;min-height:62px;padding:10px 14px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:grid;position:relative;overflow:hidden;box-shadow:8px 8px #f2c84b29}.resume-stage-head button:hover{transform:translate(-3px,-3px);box-shadow:13px 13px #f2c84b33}.resume-stage-head button svg{grid-row:1/3;width:23px}.resume-stage-head button span{font:700 12px var(--display);letter-spacing:.04em;align-self:end}.resume-stage-head button small{font:650 8px var(--display);letter-spacing:.12em;opacity:.58;align-self:start}.resume-paper{aspect-ratio:210/297;color:#19222c;background:linear-gradient(90deg,#2637480b 1px,#0000 1px) 0 0/12.5% 100%,#f5f7f8;flex-direction:column;width:100%;padding:clamp(34px,4.2vw,64px);display:flex;position:relative;overflow:hidden;box-shadow:0 44px 100px #0000007a}.resume-paper:before{content:"";background:var(--moon);width:150px;height:12px;position:absolute;top:0;right:0}.resume-paper:after{content:"";pointer-events:none;border:1px solid #293a4c21;position:absolute;inset:14px}.resume-header{border-bottom:3px solid #19222c;grid-template-columns:1fr .62fr;gap:clamp(24px,5vw,72px);padding-bottom:clamp(20px,2.8vw,38px);display:grid}.resume-header>div>span{color:#a67a00;font:700 clamp(8px, .8vw, 11px) var(--display);letter-spacing:.14em}.resume-header h3{font:650 clamp(34px, 5vw, 70px) / .9 var(--display);letter-spacing:-.065em;margin:10px 0 8px}.resume-header h3 i{color:#9aa3ac;letter-spacing:.04em;font-size:.35em;font-style:normal}.resume-header p{color:#65717d;max-width:580px;margin:0;font-size:clamp(9px,1vw,13px);line-height:1.7}.resume-header dl{border-top:1px solid #aab3bc;margin:0}.resume-header dl>div{border-bottom:1px solid #c5cbd1;grid-template-columns:78px 1fr;align-items:center;min-height:34px;display:grid}.resume-header dt{color:#8b959e;font:700 clamp(6px, .6vw, 8px) var(--display);letter-spacing:.08em;align-items:center;gap:6px;display:flex}.resume-header dt svg{width:12px}.resume-header dd{overflow-wrap:anywhere;font:600 clamp(7px, .75vw, 10px) var(--display);margin:0}.resume-grid{flex:1;grid-template-columns:.38fr 1fr;gap:clamp(28px,5vw,72px);padding-top:clamp(22px,3vw,42px);display:grid}.resume-grid aside{border-right:1px solid #bbc3ca;padding-right:clamp(18px,3vw,38px)}.resume-paper h4{color:#a67a00;font:700 clamp(7px, .75vw, 10px) var(--display);letter-spacing:.11em;border-bottom:1px solid #9da7b0;margin:0 0 clamp(9px,1.2vw,16px);padding-bottom:7px}.resume-skills{margin:0}.resume-skills dt{font:700 clamp(7px, .68vw, 9px) var(--display);letter-spacing:.06em}.resume-skills dd,.resume-languages{color:#66727d;margin:3px 0 0;font-size:clamp(7px,.7vw,9px);line-height:1.55}.resume-placeholder{background:#fff9df;border:1px dashed #b18b28;align-items:center;gap:10px;padding:10px;display:flex}.resume-placeholder>svg{color:#9c760e;width:18px}.resume-placeholder div{flex-direction:column;display:flex}.resume-placeholder strong{font:700 clamp(7px, .7vw, 9px) var(--display)}.resume-placeholder span{color:#967c39;font-size:clamp(6px,.6vw,8px)}.resume-links{color:#56626e;font:600 clamp(6px, .65vw, 9px) var(--display);flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.resume-main>section>p{color:#56626d;margin:0;font-size:clamp(8px,.8vw,11px);line-height:1.75}.resume-entry{grid-template-columns:1fr auto;column-gap:20px;display:grid}.resume-entry+.resume-entry{border-top:1px solid #d1d6da;margin-top:clamp(13px,1.5vw,20px);padding-top:clamp(12px,1.3vw,18px)}.resume-entry>div{flex-direction:column;display:flex}.resume-entry strong{font:700 clamp(9px, .95vw, 13px) var(--display);letter-spacing:-.01em}.resume-entry span,.resume-entry time{color:#9a760f;font:700 clamp(6px, .62vw, 8px) var(--display);letter-spacing:.07em;margin-top:3px}.resume-entry ul{color:#596671;grid-column:1/3;margin:8px 0 0;padding-left:14px;font-size:clamp(7px,.73vw,10px);line-height:1.55}.resume-entry li+li{margin-top:3px}.resume-projects{grid-template-columns:1fr 1fr;gap:clamp(12px,1.5vw,21px) clamp(18px,2.1vw,30px);display:grid}.resume-projects>div{border-top:2px solid #26323e;min-width:0;padding-top:8px}.resume-projects span{color:#9a760f;font:700 clamp(6px, .6vw, 8px) var(--display);letter-spacing:.08em}.resume-projects strong{font:700 clamp(8px, .9vw, 12px) var(--display);margin-top:4px;display:block}.resume-projects strong i{color:#86919b;font-size:.7em;font-style:normal}.resume-projects p{color:#64717c;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0;font-size:clamp(7px,.68vw,9px);line-height:1.5;display:-webkit-box;overflow:hidden}.resume-projects small{color:#8c969f;font:650 clamp(5px, .54vw, 7px) var(--display);letter-spacing:.03em}.resume-paper>footer{color:#7c8790;font:700 clamp(5px, .55vw, 7px) var(--display);letter-spacing:.08em;border-top:1px solid #aeb6bd;justify-content:space-between;gap:12px;margin-top:clamp(16px,2vw,28px);padding-top:9px;display:flex}@media (max-width:700px){.resume-section{padding:86px 20px 100px}.resume-section:before{display:none}.resume-stage-head{flex-direction:column;align-items:stretch}.resume-stage-head button{width:100%}.resume-paper{aspect-ratio:auto;padding:34px 26px}.resume-header,.resume-grid{grid-template-columns:1fr}.resume-header{gap:22px}.resume-grid{gap:30px}.resume-grid aside{border-right:0;padding-right:0}.resume-paper h4,.resume-skills dt,.resume-entry strong,.resume-projects strong{font-size:10px}.resume-skills dd,.resume-languages,.resume-main>section>p,.resume-entry ul,.resume-projects p{font-size:9px}.resume-projects{grid-template-columns:1fr}.resume-projects p{-webkit-line-clamp:3}}.resume-viewport{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--moon) #ffffff14;width:100%;overflow:auto hidden}.resume-paper{aspect-ratio:auto;width:210mm;min-width:210mm;height:297mm;margin-inline:auto;padding:12mm}@media (max-width:700px){.resume-viewport{cursor:grab;touch-action:pan-x pan-y}.resume-paper{margin-inline:0}}.resume-header{grid-template-columns:minmax(0,1fr) 54mm 35mm;gap:5mm;min-height:52mm;padding-bottom:7mm}.resume-identity>span{font-size:8.5pt}.resume-header h3{white-space:nowrap;margin:3mm 0 2mm;font-size:34pt}.resume-header p{font-size:9.5pt;line-height:1.55}.resume-header dl>div{grid-template-columns:20mm 1fr;min-height:10mm}.resume-header dt{font-size:6.5pt}.resume-header dd{font-size:7.5pt}.resume-header dd a{text-decoration:none}.resume-header dd a:hover{color:#9a760f}.resume-photo{color:#7d8993;background:linear-gradient(135deg,#0000 49.7%,#2434441f 50%,#0000 50.3%),#e9edf0;border:1px solid #9da7b0;flex-direction:column;justify-content:center;align-items:center;gap:1.5mm;width:35mm;height:45mm;display:flex;position:relative;overflow:hidden}.resume-photo:after{content:"";pointer-events:none;border:1px solid #26344229;position:absolute;inset:2mm}.resume-photo svg{stroke-width:1.2px;width:9mm;height:9mm}.resume-photo span{font:700 7pt var(--display);letter-spacing:.12em}.resume-photo small{font:650 5.5pt var(--display);letter-spacing:.08em}.resume-grid{grid-template-columns:55mm 1fr;gap:9mm;padding-top:8mm}.resume-grid aside{flex-direction:column;justify-content:space-between;padding-right:7mm;display:flex}.resume-main{flex-direction:column;justify-content:space-between;display:flex}.resume-grid section+section{margin-top:5mm}.resume-paper h4{margin-bottom:3mm;padding-bottom:2mm;font-size:8pt}.resume-skills>div+div{margin-top:2.5mm}.resume-skills dt{font-size:7.5pt}.resume-skills dd,.resume-languages{font-size:7.5pt;line-height:1.45}.resume-education{grid-template-columns:7mm 1fr;gap:2.5mm;display:grid}.resume-education>svg{color:#9a760f;width:5mm}.resume-education>div{flex-direction:column;gap:1.2mm;min-width:0;display:flex}.resume-education time{color:#9a760f;font:700 6.5pt var(--display);letter-spacing:.06em}.resume-education strong{font:700 7.2pt/1.35 var(--display)}.resume-education span{color:#56626d;font-size:7pt;line-height:1.4}.resume-education small{color:#7c8790;font:650 6.5pt var(--display)}.resume-links{gap:2.2mm;font-size:6.8pt}.resume-links a{overflow-wrap:anywhere;color:#56626e;line-height:1.35;text-decoration:none;display:block}.resume-links a span{color:#18222c;font-weight:700;display:block}.resume-links a:hover{color:#9a760f}.resume-main>section>p{font-size:8.6pt;line-height:1.6}.resume-entry strong{font-size:9pt}.resume-entry span,.resume-entry time{font-size:6.7pt}.resume-entry ul{margin-top:2.2mm;padding-left:4mm;font-size:7.7pt;line-height:1.5}.resume-entry+.resume-entry{margin-top:4mm;padding-top:4mm}.resume-projects{gap:4mm 6mm}.resume-projects>div{padding-top:2.5mm}.resume-projects span{font-size:6.5pt}.resume-projects strong{margin-top:1.2mm;font-size:8.5pt}.resume-projects p{-webkit-line-clamp:3;margin:1.8mm 0;font-size:7.3pt;line-height:1.45}.resume-projects small{font-size:5.8pt}@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;height:auto;background:#fff!important;margin:0!important;overflow:hidden!important}.site-nav,.noise,.scroll-progress,.resume-stage-head,.portfolio-shell main>:not(.resume-section),.portfolio-shell>:not(main):not(.noise),.resume-section:before,.resume-section:after{display:none!important}.site-shell,.site-content,.portfolio-shell,.portfolio-shell main{min-height:0!important;padding:0!important}.resume-section{background:#fff!important;width:210mm!important;height:297mm!important;padding:0!important;position:static!important;overflow:hidden!important}.resume-stage{width:210mm!important;height:297mm!important}.resume-viewport{width:210mm!important;height:297mm!important;overflow:hidden!important}.resume-paper{-webkit-print-color-adjust:exact;print-color-adjust:exact;aspect-ratio:auto!important;width:210mm!important;height:297mm!important;box-shadow:none!important;opacity:1!important;break-after:avoid!important;break-inside:avoid!important;padding:12mm!important;transform:none!important}}.projects-page{--archive-line:#33466533;min-height:100vh;color:var(--deep);background:linear-gradient(90deg,#0000 calc(100% - 1px),#536b8f0f 1px) 0 0/12.5% 100%,#f5f9ff;padding:72px 6vw 110px}.narrative-page{--detail-accent:var(--moon);min-height:100vh;color:var(--deep);background:linear-gradient(90deg,#0000 calc(100% - 1px),#536b8f0f 1px) 0 0/12.5% 100%,#f5f9ff;padding:72px 6vw 100px;overflow-x:clip}.project-detail-page.accent-sky{--detail-accent:#9bc9ff}.project-detail-page.accent-violet{--detail-accent:#c2b4ff}.project-detail-topbar{border-top:1px solid var(--deep);color:#8596ad;min-height:62px;font:650 9px var(--display);letter-spacing:.1em;border-bottom:1px solid #33466538;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;display:grid}.project-detail-topbar a{align-items:center;gap:9px;width:max-content;display:inline-flex}.project-detail-topbar a:last-of-type{color:var(--deep);justify-self:end}.project-detail-topbar svg{width:15px}.project-detail-hero{border-bottom:2px solid var(--deep);grid-template-columns:minmax(320px,.75fr) minmax(460px,1.25fr);min-width:0;min-height:min(760px,76vh);display:grid}.project-detail-hero-copy{flex-direction:column;justify-content:flex-end;padding:clamp(50px,7vw,110px) clamp(30px,5vw,84px) 55px 0;display:flex}.project-detail-hero-copy>span{color:#889bb3;font:650 9px var(--display);letter-spacing:.14em}.project-detail-hero h1{max-width:760px;font:650 clamp(52px, 6.5vw, 118px)/.82 var(--display);letter-spacing:-.065em;overflow-wrap:anywhere;word-break:normal;overflow-wrap:normal;margin:18px 0 0}.project-detail-secondary{color:#b1840c;font:650 12px var(--display);letter-spacing:.1em;margin:15px 0 0}.project-detail-lede{color:#73859d;max-width:650px;margin:34px 0 24px;font-size:13px;line-height:2}.project-detail-hero .ui-tag-list{justify-content:flex-start}.project-detail-hero .ui-tag{border:1px solid #33466533;padding:5px 7px}.project-detail-hero-media{color:#edf5ff;width:100%;min-height:0;box-shadow:14px 14px 0 color-mix(in srgb, var(--detail-accent) 56%, transparent);background:linear-gradient(90deg,#ffffff0e 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#ffffff0e 1px,#0000 1px) 0 0/28px 28px,#17243a;border:1px solid #17243a;grid-template-rows:auto 48px;grid-template-columns:clamp(52px,5vw,74px) minmax(0,1fr);align-self:center;margin:44px 0;padding:18px 18px 0 0;display:grid;position:relative;overflow:visible}.project-detail-hero-media:before{content:"";z-index:3;background:var(--detail-accent);width:42px;height:9px;position:absolute;top:-9px;right:-1px}.project-detail-hero-media:after{content:"";z-index:3;border:3px solid var(--detail-accent);background:#f5f9ff;width:14px;height:14px;position:absolute;bottom:38px;right:-7px;transform:rotate(45deg)}.project-detail-media-index{writing-mode:vertical-rl;grid-row:1/3;justify-content:space-between;align-items:center;gap:24px;padding:17px 0 16px;display:flex;transform:rotate(180deg)}.project-detail-media-index small{color:#91a5bf;font:650 7px var(--display);letter-spacing:.18em}.project-detail-media-index b{color:var(--detail-accent);font:650 10px var(--display);letter-spacing:.12em}.project-detail-media-stage{aspect-ratio:16/9;background:#dbe7f6;min-width:0;min-height:0;position:relative;overflow:hidden}.project-detail-media-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 64%,#08101c38);position:absolute;inset:0}.project-detail-media-stage img,.project-detail-media-stage video{object-fit:contain;filter:saturate(.82)contrast(1.04);width:100%;height:100%}.project-detail-media-stage i{z-index:2;pointer-events:none;border-top:1px solid #ffffffe6;border-left:1px solid #ffffffe6;width:16px;height:16px;position:absolute;top:13px;left:13px}.project-detail-media-caption{min-width:0;font-family:var(--display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;padding:0 2px 0 16px;display:flex}.project-detail-media-caption b{color:#f4f8ff;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.project-detail-media-caption span{color:#91a5bf;letter-spacing:.13em;flex:none;font-size:7px}.project-detail-media-year{z-index:4;color:#142031;background:var(--detail-accent);font:650 9px var(--display);padding:8px 12px;position:absolute;top:31px;right:31px}.hero-split .project-detail-hero-media{margin-left:3vw}.hero-video .project-detail-hero-media{background:#0d1218}.project-detail-links{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.project-detail-links a{min-width:142px;font:650 9px var(--display);letter-spacing:.08em;border:1px solid #9dafc6;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;transition:all .2s;display:flex}.project-detail-links a:first-child,.project-detail-links a:hover{color:#17202b;border-color:var(--detail-accent);background:var(--detail-accent)}.project-detail-links svg{width:15px}.project-detail-meta{border-bottom:1px solid var(--deep);grid-template-columns:repeat(4,1fr);display:grid}.project-detail-meta div{flex-direction:column;justify-content:center;min-height:94px;padding:17px 22px;display:flex}.project-detail-meta div+div{border-left:1px solid #33466533}.project-detail-meta small{color:#8b9db4;font:650 8px var(--display);letter-spacing:.12em}.project-detail-meta b{font:650 13px var(--display);margin-top:7px}.narrative-layout{grid-template-columns:210px minmax(0,1fr);gap:clamp(40px,8vw,130px);width:100%;min-width:0;max-width:1320px;margin:110px auto;display:grid}.narrative-toc{border-top:2px solid var(--deep);border-bottom:1px solid #33466533;align-self:start;position:sticky;top:30px}.narrative-toc summary{cursor:pointer;font:650 9px var(--display);letter-spacing:.12em;padding:14px 0}.narrative-toc ol{margin:0;padding:0 0 18px}.narrative-toc li{list-style:none}.narrative-toc a{color:#7f91a8;grid-template-columns:28px 1fr;gap:8px;padding:7px 0;font-size:10px;line-height:1.5;display:grid}.narrative-toc a:hover{color:var(--deep)}.narrative-toc a span{color:#ba8e16;font:650 8px var(--display)}.project-detail-blocks{width:100%;min-width:0;max-width:100%}.project-detail-blocks>*{min-width:0;max-width:100%}.narrative-layout>.project-detail-blocks:first-child{grid-column:1/-1;max-width:900px;margin:auto}.detail-block-heading{border-top:2px solid var(--deep);font:650 clamp(32px, 4vw, 62px)/1 var(--display);letter-spacing:-.045em;grid-template-columns:42px 1fr;gap:18px;margin:100px 0 32px;padding-top:18px;scroll-margin-top:28px;display:grid}.detail-block-heading:first-child{margin-top:0}.detail-block-heading small{color:#b88a11;letter-spacing:.1em;padding-top:8px;font-size:9px}.detail-block-subheading{font:650 clamp(22px, 2.5vw, 34px)/1.2 var(--display);margin:58px 0 20px;scroll-margin-top:28px}.detail-block-paragraph{color:#64768e;white-space:pre-line;max-width:760px;margin:0 0 25px;font-size:15px;line-height:2.05}.detail-block-paragraph strong{color:var(--deep);font-weight:700}.detail-block-paragraph a{color:#9a7000;border-bottom:1px solid}.detail-block-media,.detail-block-video{margin:52px 0}.detail-block-media.width-default{width:fit-content;max-width:760px}.detail-block-media.width-wide,.detail-block-media.width-full{width:100%;max-width:1040px}.detail-block-video.width-default{max-width:760px}.detail-block-video.width-wide,.detail-block-video.width-full{width:min(100%,1040px)}.detail-block-media img{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);width:100%;max-width:100%;height:auto;display:block}.detail-block-media figcaption,.detail-block-video figcaption{color:#8798ae;font:650 9px var(--display);letter-spacing:.06em;align-items:center;gap:9px;margin-top:10px;display:flex}.detail-block-gallery{flex-wrap:wrap;align-items:flex-start;gap:16px;width:100%;min-width:0;max-width:1200px;margin:52px 0;display:flex;overflow:hidden}.detail-block-gallery>div{flex:none;width:fit-content;min-width:0;max-width:none}.detail-block-gallery.layout-scroll{overscroll-behavior-inline:contain;flex-wrap:nowrap;max-width:100%;padding-bottom:12px;overflow-x:auto}.detail-block-gallery.layout-scroll>div{flex:none;width:fit-content;min-width:0;max-width:none}.detail-block-gallery img{object-fit:contain;width:auto;max-width:none;height:360px;display:block}.detail-block-gallery.layout-scroll img{height:360px}.detail-block-gallery span{color:#8798ae;overflow-wrap:anywhere;max-width:100%;margin-top:8px;font-size:10px;display:block}.detail-block-video iframe,.detail-block-video video{aspect-ratio:16/9;background:#0d1218;border:0;width:100%;display:block}.detail-block-video figcaption svg{width:13px}.detail-block-audio{background:#ffffff80;border:1px solid #33466540;grid-template-columns:minmax(180px,1fr) minmax(260px,1.4fr);align-items:center;gap:24px;margin:48px 0;padding:24px;display:grid}.detail-block-audio div{flex-direction:column;display:flex}.detail-block-audio small{color:#a77d0d;font:650 8px var(--display)}.detail-block-audio strong{font:650 18px var(--display);margin-top:6px}.detail-block-audio audio{width:100%}.detail-block-audio figcaption{color:#8798ae;grid-column:1/-1;font-size:10px}.detail-block-quote{border-left:7px solid var(--detail-accent);overflow-wrap:anywhere;word-break:break-word;background:#edf4fe;min-width:0;max-width:100%;margin:62px 0;padding:32px clamp(25px,5vw,70px)}.detail-block-quote p{max-width:100%;font:600 clamp(23px, 3vw, 40px)/1.45 var(--display);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.detail-block-quote cite{color:#8798ae;overflow-wrap:anywhere;max-width:100%;margin-top:20px;font-size:11px;font-style:normal;display:block}.detail-block-facts{border-top:1px solid var(--deep);border-bottom:1px solid var(--deep);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;max-width:100%;margin:52px 0;display:grid}.detail-block-facts div{flex-direction:column;justify-content:center;min-width:0;min-height:130px;padding:20px;display:flex;overflow:hidden}.detail-block-facts div+div{border-left:1px solid #33466538}.detail-block-facts dt{color:#8798ae;max-width:100%;font:650 8px var(--display);letter-spacing:.1em;overflow-wrap:anywhere}.detail-block-facts dd{max-width:100%;font:650 clamp(18px, 2vw, 28px)/1.2 var(--display);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:8px 0 0}.project-detail-links.inline-links{border-top:1px solid #33466538;border-bottom:1px solid #33466538;margin:48px 0;padding:24px 0}.project-detail-empty{border-top:2px solid var(--deep);text-align:center;border-bottom:1px solid #33466533;grid-column:1/-1;max-width:850px;margin:30px auto;padding:80px 30px}.project-detail-empty span{color:#a77c0b;font:650 9px var(--display);letter-spacing:.14em}.project-detail-empty h2{font:650 clamp(34px, 4vw, 58px)/1 var(--display);margin:14px 0}.project-detail-empty p{color:#7d8fa7;font-size:12px}.project-detail-outro{color:#ecf4ff;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);background:#10161e;max-width:1100px;margin:130px auto 80px;padding:52px}.project-detail-outro>span{color:var(--detail-accent);font:650 9px var(--display);letter-spacing:.13em}.project-detail-outro h2{font:650 clamp(35px, 5vw, 70px)/.95 var(--display);margin:12px 0 30px}.project-detail-outro .project-detail-links a{border-color:#d2e5ff59}.project-detail-neighbors{border-top:1px solid var(--deep);border-bottom:1px solid var(--deep);grid-template-columns:1fr 1fr;display:grid}.project-detail-neighbors a{align-items:center;gap:20px;min-height:116px;padding:24px;display:flex}.project-detail-neighbors a:last-child{text-align:right;border-left:1px solid #33466538;justify-content:flex-end}.project-detail-neighbors span{font:650 18px var(--display);flex-direction:column;display:flex}.project-detail-neighbors small{color:#8b9db4;letter-spacing:.12em;margin-bottom:5px;font-size:8px}.project-detail-editor-page{--ui-control-bg:#edf3fb;--ui-control-text:var(--deep);--ui-control-border:#a9b8cb;--ui-control-hover-bg:#fff5c8;height:100vh;min-height:0;color:var(--deep);background:#e8f0fb;flex-direction:column;display:flex;overflow:hidden}.project-detail-editor-page>.ui-editor-toolbar{flex:none}.detail-project-settings button{font:650 9px var(--display);background:#fff;border:1px solid #9fb0c7;padding:10px 12px}.detail-editor-error{z-index:60;color:#8c2430;background:#ffe4e7;flex:none;margin:0;padding:10px 24px;font-size:11px}.detail-editor-workspace{flex:1;grid-template-columns:minmax(480px,.8fr) minmax(600px,1.2fr);min-height:0;display:grid}.detail-editor-controls{overscroll-behavior:contain;scrollbar-gutter:stable;border-right:1px solid #a9b8cb;min-width:0;padding:22px;overflow:auto}.detail-transfer-panel{background:#edf4fc;border:1px solid #a9b8cb;gap:12px;margin-bottom:20px;padding:14px;display:grid}.detail-transfer-panel>div:first-child{flex-direction:column;gap:4px;display:flex}.detail-transfer-panel strong{font:650 9px var(--display);letter-spacing:.1em}.detail-transfer-panel small{color:#708298;font-size:9px}.detail-transfer-panel>div:last-child{flex-wrap:wrap;gap:8px;display:flex}.detail-transfer-panel button{gap:6px}.detail-transfer-panel button svg{width:14px}.detail-transfer-divider{color:#657991;font:650 8px var(--display);letter-spacing:.1em;flex-basis:100%;padding-top:4px}.detail-project-settings{background:#f7faff;border:1px solid #a9b8cb;margin-bottom:20px}.detail-project-settings summary{cursor:pointer;font:650 9px var(--display);letter-spacing:.1em;padding:14px}.detail-project-settings>div{border-top:1px solid #bdc9d8;gap:14px;padding:14px;display:grid}.detail-project-settings label{color:#778aa3;font:650 8px var(--display);gap:5px;display:grid}.detail-project-media-field{gap:5px;display:grid}.detail-project-media-field>span:first-child{color:#778aa3;font:650 8px var(--display)}.detail-add-blocks{grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0;display:grid}.detail-add-blocks>span{color:#71849d;font:650 8px var(--display);letter-spacing:.12em;grid-column:1/-1;margin-bottom:4px}.detail-add-blocks button{color:var(--deep);text-align:left;background:#f7faff;border:1px solid #aab9cc;grid-template-columns:18px 1fr;gap:4px;padding:10px;font-size:10px;display:grid}.detail-add-blocks button:hover{border-color:var(--moon);background:#fff7d2}.detail-add-blocks button svg{grid-row:1/3;width:14px}.detail-add-blocks button small{color:#8798ae;font:650 7px var(--display)}.detail-block-editor-list{flex-direction:column;gap:10px;display:flex}.detail-block-editor-list>article{background:#f9fbff;border:1px solid #aab9cc}.detail-block-editor-list>article.is-dragging{opacity:.45}.detail-block-editor-list>article>header{border-bottom:1px solid #c2ccda;grid-template-columns:20px 28px 1fr repeat(3,32px);align-items:center;gap:4px;min-height:45px;padding:5px 8px;display:grid}.detail-block-editor-list>article>header span{color:#b1830c;font:650 8px var(--display)}.detail-block-editor-list>article>header b{font:650 9px var(--display)}.detail-block-editor-list>article>header button{color:#7e90a7;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.detail-block-editor-list>article>header button:hover{color:var(--deep);background:#e8eff9}.detail-block-editor-list>article>header button svg{width:14px}.detail-block-editor-list>article>header>.detail-block-drag-handle{color:#92a2b7;cursor:grab;width:20px}.detail-block-editor-list>article>header>.detail-block-drag-handle:active{cursor:grabbing}.detail-block-editor-list>article>header>.detail-block-drag-handle svg{pointer-events:none;width:15px}.detail-block-fields{gap:12px;padding:14px;display:grid}.detail-block-fields input,.detail-block-fields textarea,.detail-block-fields select,.detail-project-settings input,.detail-project-settings textarea,.detail-project-settings select{width:100%;min-height:39px;color:var(--deep);background:#fff;border:1px solid #b3c0d1;border-radius:0;padding:8px 9px;font-size:11px}.detail-project-settings textarea,.detail-block-fields textarea{resize:vertical;line-height:1.7}.detail-localized-fields{grid-template-columns:1fr 1fr;gap:9px;display:grid}.detail-localized-fields label{color:#7c8fa7;font:650 7px var(--display);letter-spacing:.07em;gap:5px;display:grid}.detail-url-row{grid-template-columns:1fr auto;gap:7px;display:grid}.detail-upload-button{font:650 8px var(--display);background:#edf3fb;border:1px solid #a8b7ca;align-items:center;gap:6px;padding:0 11px;display:flex;position:relative;overflow:hidden}.detail-upload-button svg{width:13px}.detail-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.detail-block-fields fieldset{border:1px dashed #aebdd0;gap:10px;margin:0;padding:12px;display:grid}.detail-block-fields fieldset.is-dragging{opacity:.45}.detail-block-fields legend{color:#8a9bb1;font:650 8px var(--display);padding:0 6px}.detail-block-fields legend:has(.detail-gallery-drag-handle){align-items:center;gap:3px;padding-left:0;display:inline-flex}.detail-block-fields legend>.detail-gallery-drag-handle{color:#92a2b7;cursor:grab;place-items:center;width:24px;height:24px;min-height:24px;padding:0;display:inline-grid}.detail-block-fields legend>.detail-gallery-drag-handle:active{cursor:grabbing}.detail-block-fields legend>.detail-gallery-drag-handle svg{pointer-events:none;width:14px}.detail-block-fields .ui-button,.detail-add-subitem{justify-self:start;min-height:36px}.detail-block-fields button svg,.detail-add-subitem svg{width:13px}.detail-format-help{color:#8b9db4;font-size:9px}.detail-links-editor{gap:8px;display:grid}.detail-link-row{grid-template-columns:100px 1fr 1fr 1.5fr 34px;gap:6px;display:grid}.detail-link-row button{background:#fff;border:1px solid #b3c0d1;place-items:center;display:grid}.detail-link-row button svg{width:13px}.detail-editor-preview{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;background:#f5f9ff;min-width:0;min-height:0;position:relative;overflow:auto}.detail-editor-preview.is-fullscreen{z-index:500;overscroll-behavior:none;width:100%;height:100dvh;min-height:0;max-height:none;position:fixed;inset:0}.detail-preview-label{z-index:10;color:#dce8f8;min-height:38px;font:650 8px var(--display);letter-spacing:.1em;background:#111820;justify-content:space-between;align-items:center;gap:12px;padding:4px 7px 4px 12px;display:flex;position:sticky;top:0}.detail-preview-label>div{flex:1;justify-content:space-between;align-items:center;gap:18px;min-width:0;display:flex}.detail-preview-label small{color:#9dafc6;font:inherit;letter-spacing:.04em}.detail-preview-fullscreen-button{color:#eef5ff;background:#1c2632;border:1px solid #526174;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.detail-preview-fullscreen-button:hover{border-color:var(--moon);color:var(--moon);background:#263343}.detail-preview-fullscreen-button svg{width:14px}.narrative-page.is-preview{padding:25px 3vw 60px}.project-detail-page.is-preview .project-detail-topbar{display:none}.project-detail-page.is-preview .project-detail-hero{grid-template-columns:1fr 1.15fr;min-height:580px}.project-detail-page.is-preview .project-detail-hero h1{font-size:clamp(42px,5vw,78px)}.narrative-page.is-preview .narrative-layout{grid-template-columns:160px minmax(0,1fr);gap:45px;margin:70px auto}.detail-editor-gate{min-height:100vh;color:var(--deep);text-align:center;background:#f5f9ff;place-content:center;justify-items:center;gap:14px;padding:100px 30px;display:grid}.detail-editor-gate h1{font:650 clamp(34px,5vw,64px) var(--display);margin:0}.detail-editor-gate p{color:#7c8da3}.detail-editor-gate .ui-back-link{margin-top:4px}@media (max-width:1050px){.project-detail-hero{grid-template-columns:1fr;min-height:auto}.project-detail-hero-copy{padding-right:0}.project-detail-hero-media{min-height:0;margin-top:0}.narrative-layout{grid-template-columns:160px minmax(0,1fr);gap:42px}.project-detail-editor-page{height:auto;min-height:100vh;overflow:visible}.detail-editor-workspace{flex:none;grid-template-columns:1fr;min-height:0}.detail-editor-preview{height:min(72svh,760px);min-height:420px;position:relative;top:0}.detail-editor-preview.is-fullscreen{height:100dvh;min-height:0;position:fixed}.detail-editor-controls{border-bottom:1px solid #a9b8cb;border-right:0;overflow:visible}}@media (max-width:700px){.narrative-page{padding:62px 18px 70px}.project-detail-topbar{grid-template-columns:1fr auto}.project-detail-topbar>span{display:none}.project-detail-hero h1{font-size:clamp(48px,16vw,76px)}.project-detail-hero-copy{padding:55px 0 35px}.project-detail-hero-media{min-height:0;box-shadow:8px 8px 0 color-mix(in srgb, var(--detail-accent) 56%, transparent);grid-template-rows:auto 40px;grid-template-columns:1fr;margin:0 0 32px;padding:10px 10px 0}.project-detail-media-index{display:none}.project-detail-media-caption{padding-left:6px}.project-detail-media-caption span{display:none}.project-detail-media-year{top:20px;right:20px}.project-detail-hero-media:after{border-width:2px;width:10px;height:10px;bottom:31px;right:-5px}.project-detail-meta{grid-template-columns:repeat(2,1fr)}.project-detail-meta div:nth-child(3){border-top:1px solid #33466533;border-left:0}.project-detail-meta div:nth-child(4){border-top:1px solid #33466533}.narrative-layout{margin:70px 0;display:block}.narrative-toc{margin-bottom:50px;position:static}.narrative-toc:not([open]) ol{display:none}.detail-block-heading{grid-template-columns:30px 1fr;margin-top:70px;font-size:34px}.detail-block-paragraph{font-size:14px}.detail-block-gallery{flex-wrap:wrap;width:100%;margin-left:0}.detail-block-gallery img,.detail-block-gallery.layout-scroll img{height:360px}.detail-block-audio{grid-template-columns:1fr}.detail-block-audio figcaption{grid-column:auto}.detail-block-facts{grid-template-columns:1fr}.detail-block-facts div+div{border-top:1px solid #33466538;border-left:0}.project-detail-outro{margin:80px 0 50px;padding:34px 24px}.project-detail-neighbors{grid-template-columns:1fr}.project-detail-neighbors a:last-child{border-top:1px solid #33466538;border-left:0}.detail-localized-fields,.detail-link-row{grid-template-columns:1fr}.detail-link-row button{min-height:34px}.detail-add-blocks{grid-template-columns:repeat(2,1fr)}.detail-preview-label>div{gap:2px;display:grid}.narrative-page.is-preview{padding:20px 14px 50px}.project-detail-page.is-preview .project-detail-hero{grid-template-columns:1fr}.narrative-page.is-preview .narrative-layout{margin:55px 0;display:block}}.archive-header{grid-template-columns:auto auto 1fr;justify-content:space-between;align-items:end;gap:3vw;border-bottom:2px solid var(--deep)!important;border-bottom:2px solid var(--deep)!important;align-items:end!important;padding:30px 0 40px!important;display:grid!important}.archive-header>span{align-self:start;padding-top:9px}.archive-header h1{font-size:clamp(38px,3.2vw,76px)!important}.archive-header>p{margin-left:auto;line-height:1.9;max-width:410px!important}.archive-summary{border:1px solid var(--archive-line);grid-template-columns:repeat(3,1fr);display:grid}.archive-summary span{color:#8495ab;min-height:82px;font:650 8px var(--display);letter-spacing:.08em;flex-direction:column;justify-content:center;padding:12px;display:flex}.archive-summary span+span{border-left:1px solid var(--archive-line)}.archive-summary b{color:var(--deep);letter-spacing:-.04em;font-size:25px;line-height:1.1}.projects-page .filter-bar{z-index:10;border-bottom:1px solid var(--archive-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f5f9ffe6;justify-content:space-between;align-items:center;margin:0 0 76px;padding:18px 0;display:flex;position:relative}.projects-page .filter-bar>span{color:#8a9bb2;font:650 9px var(--display);letter-spacing:.14em}.projects-page .filter-bar>div{display:flex}.projects-page .filter-bar button{border:0;border-left:1px solid var(--archive-line);color:#7d8da2;text-align:left;background:0 0;grid-template-columns:17px 1fr auto;align-items:center;gap:8px;padding:11px 14px;transition:color .2s,background .2s;display:grid}.projects-page .filter-bar button:last-child{border-right:1px solid var(--archive-line)}.projects-page .filter-bar button:hover{color:var(--deep);background:#fff9dc}.projects-page .filter-bar button.active{color:#182335;background:var(--moon);border-bottom-color:#0000}.projects-page .filter-bar button small{color:currentColor;opacity:.58}.archive-sections{flex-direction:column;gap:110px;display:flex}.archive-section{position:relative}.archive-section-header{border-bottom:1px solid var(--deep);grid-template-columns:86px minmax(210px,.62fr) 1fr auto;align-items:end;gap:30px;margin-bottom:30px;padding:0 0 18px;display:grid}.archive-section-header>*{min-width:0}.archive-section-header>span,.archive-section-header>small{color:#8a9bb2;font:650 9px var(--display);letter-spacing:.12em}.archive-section-header>div>p{color:#b38a1a;margin:0 0 3px;font-size:11px}.archive-section-header h2{font:650 clamp(32px, 2.4vw, 58px)/.9 var(--display);letter-spacing:-.055em;margin:0}.archive-section-header>p{color:#7a8ba1;max-width:500px;margin:0;font-size:12px}.archive-projects{gap:26px;display:grid}.archive-featured .archive-projects{grid-template-columns:1fr}.archive-selected .archive-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-project{border-bottom:1px solid var(--archive-line);min-width:0;padding-bottom:24px;position:relative}.archive-project-link{z-index:1;position:absolute;inset:0}.archive-project:has(.archive-project-link:focus-visible){outline:2px solid var(--moon);outline-offset:5px}.archive-project-media{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);background:#dbe7f6;height:clamp(260px,30vw,520px);position:relative;overflow:hidden}.archive-selected .archive-project-media{height:clamp(230px,23vw,370px)}.archive-project-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0a111b59);position:absolute;inset:0}.archive-project-media img{object-fit:cover;filter:saturate(.68)contrast(1.03);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .5s}.archive-project:hover .archive-project-media img{filter:saturate();transform:scale(1.025)}.archive-project-media>span{z-index:2;color:#17202b;background:var(--moon);font:650 9px var(--display);padding:5px 9px;position:absolute;top:16px;right:16px}.archive-project-meta{border-bottom:1px solid var(--archive-line);color:#8798ae;min-height:50px;font:650 9px var(--display);letter-spacing:.1em;align-items:center;gap:18px;display:flex}.archive-project-meta>span+span{border-left:1px solid var(--archive-line);padding-left:18px}.project-priority{border-left:1px solid var(--archive-line);color:#a67c0d;align-items:center;gap:9px;min-height:50px;margin-left:auto;padding-left:18px;font-size:12px;display:flex}.project-priority small{color:#8a9bb2;font-size:8px}.archive-project-title{align-items:baseline;gap:16px;margin-top:22px;display:flex}.archive-project-title h3{font:650 clamp(27px, 3.1vw, 46px)/1 var(--display);letter-spacing:-.045em;margin:0}.archive-project-title p{color:#b58a16;font:600 11px var(--display);letter-spacing:.08em;margin:0}.archive-project-description{color:#74849a;max-width:780px;min-height:3.8em;margin:18px 0 22px;font-size:12px;line-height:1.9}.archive-project-footer{justify-content:space-between;align-items:end;gap:24px;display:flex}.archive-project-footer .ui-tag-list{justify-content:flex-start}.archive-project-footer .ui-tag{border:1px solid var(--archive-line);color:#7d8da2;padding:5px 7px}.archive-project-footer>.ui-button{z-index:2;min-width:136px;font:650 9px var(--display);letter-spacing:.08em;border:1px solid #9fb1c9;justify-content:space-between;align-items:center;gap:16px;padding:11px 13px;transition:background .2s,border-color .2s;display:flex;position:relative}.archive-project:hover .archive-project-footer>.ui-button{color:#17202b;border-color:var(--moon);background:var(--moon)}.archive-project-footer>.ui-button svg{width:16px}.archive-archive .archive-projects{border-top:1px solid var(--archive-line)}.archive-archive .archive-project{grid-template-rows:auto auto auto;grid-template-columns:minmax(180px,24vw) minmax(260px,.65fr) 1fr;column-gap:28px;padding:18px 0;display:grid}.archive-archive .archive-project-media{grid-row:1/4;height:170px}.archive-archive .archive-project-meta{grid-column:2/4;min-height:38px}.archive-archive .project-priority{min-height:38px}.archive-archive .archive-project-title{grid-column:2;align-self:center;margin:12px 0 0}.archive-archive .archive-project-title h3{font-size:25px}.archive-archive .archive-project-description{grid-area:2/3;min-height:0;margin:12px 0 0}.archive-archive .archive-project-footer{grid-column:2/4;margin-top:14px}.archive-empty{color:#8293a9;border:1px dashed #b9c8da;align-content:center;place-items:center;gap:14px;min-height:280px;display:grid}.archive-empty svg{color:#c2971d}.projects-page .back-home{align-items:center;gap:9px;margin-top:80px}.projects-page .back-home svg{width:17px}@media (max-width:1100px){.archive-header{grid-template-columns:110px 1fr .8fr!important}.archive-summary{grid-column:2/4}.archive-section-header{grid-template-columns:60px minmax(180px,.6fr) 1fr auto;gap:20px}.archive-selected .archive-projects{gap:18px}}@media (max-width:820px){.archive-header{grid-template-columns:1fr 1fr!important}.archive-header>span,.archive-summary{grid-column:1/3}.projects-page .filter-bar{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:60px}.projects-page .filter-bar>div{width:100%;overflow-x:auto}.archive-section-header{grid-template-columns:48px 1fr auto}.archive-section-header>p{grid-column:2/4}.archive-selected .archive-projects{grid-template-columns:1fr}.archive-selected .archive-project-media{height:clamp(250px,52vw,410px)}.archive-archive .archive-project{grid-template-columns:180px 1fr}.archive-archive .archive-project-meta,.archive-archive .archive-project-title,.archive-archive .archive-project-description,.archive-archive .archive-project-footer{grid-column:2}.archive-archive .archive-project-description{display:none}}@media (max-width:700px){.projects-page{background:#f5f9ff;padding:34px 20px 100px}.archive-header{flex-direction:column;gap:22px;align-items:stretch!important;padding-bottom:30px!important;display:flex!important}.archive-header>span{padding:0}.archive-header h1{margin:0!important;font-size:45px!important}.archive-header>p{max-width:none!important}.archive-summary span{min-height:68px;padding:9px}.archive-summary b{font-size:21px}.projects-page .filter-bar{margin-bottom:54px}.projects-page .filter-bar button{padding-inline:10px}.archive-sections{gap:80px}.archive-section-header{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"index title""count description";align-items:start;gap:12px 16px;padding-bottom:16px}.archive-section-header>span{grid-area:index}.archive-section-header>div{grid-area:title}.archive-section-header h2{font-size:38px}.archive-section-header>p{grid-area:description;font-size:11px}.archive-section-header>small{grid-area:count;align-self:end}.archive-project-media,.archive-selected .archive-project-media{height:58vw;min-height:210px}.archive-project-meta{gap:10px}.archive-project-meta>span+span,.project-priority{padding-left:10px}.project-priority small{display:none}.archive-project-title{display:block}.archive-project-title h3{font-size:28px}.archive-project-title p{margin-top:7px}.archive-project-description{min-height:0}.archive-project-footer{flex-direction:column;align-items:stretch}.archive-project-footer>.ui-button{width:100%}.archive-archive .archive-project{display:block}.archive-archive .archive-project-media{height:58vw}.archive-archive .archive-project-meta{margin-top:0}.archive-archive .archive-project-description{display:block}.archive-archive .archive-project-footer{margin-top:14px}}.project-edit-trigger{z-index:8;color:#111923;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:40px;font:700 11px var(--display);letter-spacing:.07em;background:#f6ca44f0;border:1px solid #ffffff75;border-radius:4px;align-items:center;gap:8px;padding:0 14px;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 24px #00000038}.project-edit-trigger:hover{background:#fff;transform:translateY(-2px)}.project-edit-trigger svg{width:15px}.project-delete-trigger{z-index:8;color:#fff;min-height:40px;font:700 11px var(--display);letter-spacing:.07em;background:#ae3636f0;border:1px solid #ffffff75;border-radius:4px;align-items:center;gap:8px;padding:0 14px;transition:all .2s;display:flex;position:absolute;bottom:66px;right:16px;box-shadow:0 8px 24px #00000038}.project-delete-trigger:hover{background:#d54747;transform:translateY(-2px)}.project-delete-trigger svg{width:15px}.project-create-trigger{color:#171c21;min-height:42px;font:700 11px var(--display);letter-spacing:.07em;background:#f0c643;border:1px solid #d8ad2f;border-radius:4px;align-items:center;gap:8px;margin-top:18px;padding:0 16px;transition:all .2s;display:inline-flex}.project-create-trigger:hover{background:#fff;transform:translateY(-2px)}.project-create-trigger svg{width:16px}.archive-admin-actions{grid-column:2/3;align-items:center;gap:10px;margin-top:18px;display:flex}.archive-admin-actions .project-create-trigger{margin-top:0}.media-library-trigger{min-height:42px;color:var(--deep);font:700 11px var(--display);letter-spacing:.07em;background:#ffffffad;border-color:#9fb0c7;border-radius:4px;gap:8px;padding:0 16px}.media-library-trigger:hover{background:#fff;transform:translateY(-2px)}.media-library-trigger svg{width:16px}.media-library-modal{background:#151b22;border:1px solid #ffffff21;border-radius:12px;width:min(1100px,96vw);max-height:min(860px,94vh);overflow:hidden}.media-library-modal>.app-modal-title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.media-library-modal .app-modal-close{top:22px;right:22px}.media-library{--ui-control-bg:#242b33;--ui-control-text:#ecf3fa;--ui-control-border:#ffffff2e;--ui-control-hover-bg:#303a45;--ui-control-hover-text:#fff;--ui-control-hover-border:#f0c643;color:#ecf3fa;flex-direction:column;max-height:min(860px,94vh);display:flex}.media-library>header{background:linear-gradient(120deg,#1c2630,#12171d);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding:26px 76px 20px 30px;display:flex}.media-library>header div{flex-direction:column;gap:5px;display:flex}.media-library>header span{color:#83a3c3;font:600 9px var(--display);letter-spacing:.13em}.media-library>header h2{font:650 25px var(--display);letter-spacing:-.03em;margin:0}.media-library>header button{gap:7px}.media-library>header svg{width:14px}.media-library-intro{color:#aab8c7;background:#1a2129;margin:0;padding:14px 30px;font-size:11px;line-height:1.7}.media-library-stats{background:#11171d;border-block:1px solid #ffffff1a;grid-template-columns:repeat(4,1fr);display:grid}.media-library-stats span{color:#71869b;font:650 8px var(--display);letter-spacing:.1em;flex-direction:column;gap:2px;padding:13px 20px;display:flex}.media-library-stats span+span{border-left:1px solid #ffffff1a}.media-library-stats b{color:#f2f6fa;letter-spacing:-.03em;font-size:18px}.media-library-toolbar{border-bottom:1px solid #ffffff1a;justify-content:space-between;gap:18px;padding:14px 22px;display:flex}.media-library-filters{display:flex}.media-library-filters button{color:#8293a5;font:650 9px var(--display);background:0 0;border:1px solid #ffffff24;padding:9px 13px}.media-library-filters button+button{border-left:0}.media-library-filters button.active{color:#151b22;border-color:var(--moon);background:var(--moon)}.media-library-toolbar>label{color:#778a9d;background:#11171d;border:1px solid #ffffff26;align-items:center;gap:8px;min-width:min(320px,45%);padding:0 11px;display:flex}.media-library-toolbar>label svg{width:14px}.media-library-toolbar input{color:#eaf1f8;background:0 0;border:0;outline:0;width:100%;height:34px;font-size:11px}.media-library-error{color:#ffb5bd;background:#58252b;margin:0;padding:10px 22px;font-size:11px}.media-library-list{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:220px;overflow:auto}.media-library-list article{border-bottom:1px solid #ffffff14;grid-template-columns:28px 96px minmax(180px,1fr) minmax(180px,.72fr);align-items:center;gap:14px;padding:11px 22px;transition:background .18s;display:grid}.media-library-list article:hover,.media-library-list article.is-selected{background:#202832}.media-library-select{color:#17202a;background:0 0;border:1px solid #718397;border-radius:3px;place-items:center;width:19px;height:19px;padding:0;display:grid}.media-library-select:disabled{opacity:.22;cursor:not-allowed}.media-library-select[aria-pressed=true]{border-color:var(--moon);background:var(--moon)}.media-library-select svg{width:13px}.media-library-preview{color:#8295a8;background:#0f141a;place-items:center;width:96px;height:64px;display:grid;overflow:hidden}.media-library-preview img{object-fit:cover;width:100%;height:100%}.media-library-preview>svg{width:25px}.media-library-meta,.media-library-usage{flex-direction:column;gap:5px;min-width:0;display:flex}.media-library-meta strong{color:#ecf3fa;font:600 11px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-library-meta span,.media-library-meta small,.media-library-usage span{color:#778a9d;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.media-library-meta small{color:#586b7d}.media-library-usage b{font:700 8px var(--display);letter-spacing:.08em;align-self:start;padding:4px 7px}.media-library-usage b.used{color:#85d5a0;background:#183627}.media-library-usage b.unused{color:#efc975;background:#493b1e}.media-library-empty{color:#72869a;min-height:220px;font:650 10px var(--display);letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;display:flex}.media-library-empty svg{width:18px}.media-library>footer{background:#11171d;border-top:1px solid #ffffff1a;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:15px 22px;display:grid}.media-library>footer label{color:#a0afbd;align-items:center;gap:8px;font-size:10px;display:flex}.media-library>footer label input{accent-color:#f0c643}.media-library>footer>span{color:#718397;font-size:9px}.media-library>footer button{gap:7px;min-width:145px}.media-library>footer button svg{width:14px}.media-library>footer .ui-button--destructive{color:#fff;background:#8e303c;border-color:#ad3947}.media-library>footer .ui-button--destructive.is-confirming{animation:1.2s ease-in-out infinite alternate media-confirm-pulse}@keyframes media-confirm-pulse{to{background:#c13c4d}}.project-media-frame>.project-edit-trigger{bottom:clamp(18px,9vw,100px);right:clamp(18px,4vw,64px)}.project-media-frame>.project-delete-trigger{bottom:clamp(68px,14vw,154px);right:clamp(18px,4vw,64px)}.project-editor-modal{background:#151b22;border:1px solid #ffffff1f;border-radius:12px;width:min(920px,95vw);overflow:auto}.project-editor-modal .app-modal-close{top:20px;right:22px}.project-editor{--ui-control-bg:#242b33;--ui-control-text:#ecf3fa;--ui-control-border:#ffffff2e;--ui-control-hover-bg:#303a45;--ui-control-hover-text:#fff;--ui-control-hover-border:#f0c643;color:#ecf3fa}.project-editor>header{background:linear-gradient(120deg,#1c2630,#12171d);border-bottom:1px solid #ffffff1a;padding:28px 34px 22px}.project-editor>header span{color:#83a3c3;font:600 10px var(--display);letter-spacing:.13em}.project-editor>header h2{font:650 26px var(--display);margin:8px 0 4px}.project-editor>header p{color:#94a2b1;margin:0;font-size:12px}.project-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;padding:28px 34px;display:grid}.project-editor-grid label{color:#aebac7;min-width:0;font:600 10px var(--display);letter-spacing:.08em}.project-editor-grid .wide{grid-column:1/-1}.project-index-links{border:1px solid #ffffff21;gap:8px;margin:0;padding:13px;display:grid}.project-index-links legend{color:#9fb0c2;font:650 8px var(--display);letter-spacing:.09em;padding:0 7px}.project-index-links>div{grid-template-columns:110px 1fr 1fr 1.5fr 38px;gap:7px;display:grid}.project-index-links .ui-button{min-height:38px;color:var(--ui-control-text);border-color:var(--ui-control-border);background:var(--ui-control-bg)}.project-index-links>.ui-button{width:100%}.project-index-links .ui-button:hover:not(:disabled){color:var(--ui-control-hover-text);border-color:var(--ui-control-hover-border);background:var(--ui-control-hover-bg)}.project-index-links button svg{width:14px}@media (max-width:700px){.project-index-links>div{grid-template-columns:1fr}}.project-editor-grid input,.project-editor-grid textarea,.project-editor-grid select{color:#f6f9fc;width:100%;font:500 13px var(--body);letter-spacing:0;background:#242b33;border:1px solid #ffffff21;border-radius:4px;outline:0;margin-top:7px;padding:12px 13px}.project-editor-grid input,.project-editor-grid select{height:44px}.project-editor-grid textarea{resize:vertical;line-height:1.65}.project-editor-grid input:focus,.project-editor-grid textarea:focus,.project-editor-grid select:focus{border-color:#f0c643;box-shadow:0 0 0 3px #f0c6431a}.project-editor-grid input[aria-invalid=true]{border-color:#ff777f;box-shadow:0 0 0 3px #ff777f1f}.project-upload-row{gap:8px;display:flex}.project-upload-row>input{flex:1}.project-upload-row>i{color:#161b20;min-width:145px;height:44px;font:700 10px var(--display);background:#f0c643;border:1px solid #d8ad2f;border-radius:4px;justify-content:center;align-items:center;gap:7px;margin-top:7px;font-style:normal;display:flex;position:relative;overflow:hidden}.project-upload-row>i svg{width:14px}.project-upload-row>i input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.project-editor-error{color:#ff9d9d;margin:0 34px;font-size:12px}.project-conflict-notice{background:#791c2733;border:1px solid #ff777f80;border-radius:6px;gap:12px;margin:0 34px;padding:16px;display:grid}.project-conflict-notice>header{gap:3px;display:grid}.project-conflict-notice>header strong{color:#ffb4b9;font:700 12px var(--display);letter-spacing:.05em}.project-conflict-notice>header span{color:#c8d1da;font-size:12px}.project-conflict-notice>div{gap:8px;display:grid}.project-conflict-notice article{background:#090d116b;border:1px solid #ffffff1a;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:12px;display:grid}.project-conflict-notice article>strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.project-conflict-notice article>span{color:#9eacba;font:500 10px var(--display)}.project-conflict-fields{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.project-conflict-fields b{color:#ffd4d7;font:700 8px var(--display);letter-spacing:.06em;background:#ff777f2e;border-radius:3px;padding:3px 6px}.project-conflict-notice a{color:#f0c643;font:700 9px var(--display);letter-spacing:.05em;grid-area:2/2/span 2;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.project-conflict-notice a:hover{color:#fff}.project-conflict-notice a svg{width:14px}.project-editor>footer{justify-content:flex-end;gap:10px;padding:22px 34px 28px;display:flex}.project-editor>footer button{color:#dce5ee;min-width:120px;height:44px;font:700 10px var(--display);letter-spacing:.06em;background:0 0;border:1px solid #ffffff2e;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:flex}.project-editor>footer .ui-button--primary{color:#171c21;background:#f0c643;border-color:#e0b537;min-width:210px}.project-editor>footer .ui-button--destructive{color:#fff;background:#a43b47;border-color:#a43b47}.project-editor>footer .ui-button--destructive:hover:not(:disabled){background:#c54b58;border-color:#c54b58}.project-editor>footer button:disabled{opacity:.55}.project-editor>footer svg{width:15px}@media (max-width:700px){.project-edit-trigger{min-height:36px;padding:0 10px;bottom:10px;right:10px}.project-edit-trigger span{display:none}.project-delete-trigger{min-height:36px;padding:0 10px;bottom:54px;right:10px}.project-delete-trigger span{display:none}.project-media-frame>.project-edit-trigger{bottom:16px;right:16px}.project-media-frame>.project-delete-trigger{bottom:60px;right:16px}.project-editor-grid{grid-template-columns:1fr;padding:22px 20px}.project-editor-grid .wide{grid-column:auto}.project-editor>header{padding:24px 20px}.project-editor>header h2{font-size:22px}.project-editor>footer{padding:18px 20px 24px}.project-editor>footer button{flex:1;min-width:0}.project-editor>footer .ui-button--primary{min-width:0}.project-upload-row{display:block}.project-upload-row>i{width:100%}.project-editor-error,.project-conflict-notice{margin-inline:20px}.project-conflict-notice article{grid-template-columns:1fr}.project-conflict-notice a{grid-area:auto/1;margin-top:5px}.archive-admin-actions{flex-wrap:wrap;grid-column:1/-1}.media-library-modal{width:96vw;max-height:92vh}.media-library{max-height:92vh}.media-library>header{padding:22px 58px 18px 20px}.media-library-intro{padding-inline:20px}.media-library-stats{grid-template-columns:repeat(2,1fr)}.media-library-stats span:nth-child(3){border-top:1px solid #ffffff1a;border-left:0}.media-library-stats span:nth-child(4){border-top:1px solid #ffffff1a}.media-library-toolbar{flex-direction:column}.media-library-toolbar>label{min-width:100%}.media-library-list article{grid-template-columns:24px 72px minmax(0,1fr);gap:10px;padding-inline:14px}.media-library-preview{width:72px;height:54px}.media-library-usage{grid-column:3}.media-library>footer{grid-template-columns:1fr auto;gap:10px}.media-library>footer>span{grid-column:1}.media-library>footer button{grid-area:1/2/3;min-width:120px}}