:root{--work-bg:#f7f6f2;--work-text:#111;--work-line:#1111111f;--work-muted:#111111ad;--work-soft:#11111180;--work-left:38.2%;--work-right:61.8%}.work-nd{background:var(--work-bg);min-height:100vh;color:var(--work-text);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2rem clamp(1.25rem,4vw,4rem) 3rem}.work-nd__header{grid-template-columns:minmax(260px, var(--work-left)) minmax(0, var(--work-right));align-items:start;gap:clamp(2.25rem,4vw,4.5rem);margin-bottom:2.5rem;display:grid}.work-nd__eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin:0;font-size:.78rem;line-height:1.35}.work-nd__header-right h1{letter-spacing:-.065em;margin:0 0 .9rem;font-size:clamp(3rem,5.4vw,5.5rem);font-weight:700;line-height:.93}.work-nd__header-right p{opacity:.78;max-width:34rem;margin:0;font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.48}.work-nd__body{grid-template-columns:minmax(260px, var(--work-left)) minmax(0, var(--work-right));align-items:start;gap:clamp(2.25rem,4vw,4.5rem);display:grid}.work-nd__list{border-top:1px solid var(--work-line)}.work-nd__item{border-bottom:1px solid var(--work-line);color:inherit;grid-template-columns:105px minmax(0,1fr);align-items:start;gap:1.45rem;padding:1.4rem 0;text-decoration:none;transition:opacity .25s,transform .25s;display:grid}.work-nd__item:hover,.work-nd__item:focus-visible{opacity:1;transform:translate(4px)}.work-nd__item:not(.is-active){opacity:.72}.work-nd__meta{flex-direction:column;gap:.24rem;padding-top:.3rem;display:flex}.work-nd__index,.work-nd__category{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;line-height:1.3}.work-nd__index{opacity:.52}.work-nd__category{opacity:.72}.work-nd__main h2{letter-spacing:-.055em;text-wrap:balance;max-width:9ch;margin:0;font-size:clamp(1.95rem,2.5vw,3.1rem);font-weight:700;line-height:.96}.work-nd__main p{opacity:.66;max-width:26ch;margin:.65rem 0 0;font-size:clamp(.98rem,1.05vw,1.08rem);line-height:1.42}.work-nd__preview{position:sticky;top:1.5rem}.work-nd__preview-media{aspect-ratio:16/10;background:#e8e6e1;width:100%;margin-bottom:1.15rem;overflow:hidden}.work-nd__preview-media img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.work-nd__preview-copy{gap:.8rem;display:grid}.work-nd__preview-kicker{text-transform:uppercase;letter-spacing:.16em;opacity:.7;margin:0;font-size:.8rem;line-height:1.35}.work-nd__preview-copy h3{letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.3rem,3vw,3.8rem);font-weight:700;line-height:.96}.work-nd__preview-copy p{opacity:.8;max-width:42ch;margin:0;font-size:clamp(1rem,1.15vw,1.16rem);line-height:1.56}.work-nd__preview-details{border-top:1px solid var(--work-line);text-transform:uppercase;letter-spacing:.1em;opacity:.68;justify-content:space-between;gap:1rem;padding-top:.9rem;font-size:.8rem;line-height:1.35;display:flex}.work-nd__footer-strip{border-top:1px solid var(--work-line);text-transform:uppercase;letter-spacing:.09em;opacity:.72;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.75rem;padding-top:1rem;font-size:.8rem;line-height:1.4;display:flex}@media (width<=980px){.work-nd{padding:1.5rem 1.2rem 2rem}.work-nd__header,.work-nd__body{grid-template-columns:1fr;gap:1.75rem}.work-nd__preview{order:-1;position:static}.work-nd__preview-media{aspect-ratio:16/10}.work-nd__header-right h1{font-size:clamp(2.7rem,9vw,4.5rem)}.work-nd__main h2,.work-nd__preview-copy h3{max-width:none}}@media (width<=640px){.work-nd{padding:1.1rem 1rem 1.6rem}.work-nd__header{margin-bottom:1.5rem}.work-nd__eyebrow,.work-nd__index,.work-nd__category,.work-nd__preview-kicker,.work-nd__preview-details,.work-nd__footer-strip{font-size:.72rem}.work-nd__header-right h1{font-size:clamp(2.4rem,13vw,3.6rem);line-height:.95}.work-nd__header-right p{font-size:1rem;line-height:1.5}.work-nd__item{grid-template-columns:1fr;gap:.75rem;padding:1rem 0}.work-nd__meta{flex-direction:row;justify-content:space-between;align-items:center;padding-top:0}.work-nd__main h2{max-width:none;font-size:clamp(1.9rem,10vw,2.7rem)}.work-nd__main p{max-width:none;font-size:.98rem}.work-nd__preview-media{aspect-ratio:4/3}.work-nd__preview-copy h3{max-width:none;font-size:clamp(2rem,10vw,2.9rem)}.work-nd__preview-copy p{max-width:none;font-size:1rem;line-height:1.55}.work-nd__preview-details,.work-nd__footer-strip{flex-direction:column;align-items:flex-start}}:root{--about-bg:#f7f6f2;--about-text:#111;--about-line:#1111111f;--about-muted:#111111ad;--about-soft:#11111175;--about-left:38.2%;--about-right:61.8%}.about-section{background:var(--about-bg);min-height:100vh;color:var(--about-text);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:2rem clamp(1.25rem,4vw,4rem) 3rem}.about-hero{grid-template-columns:minmax(260px, var(--about-left)) minmax(0, var(--about-right));align-items:start;gap:clamp(2.25rem,4vw,4.5rem);margin-bottom:2.5rem;display:grid}.about-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin:0;font-size:.78rem;line-height:1.35}.about-hero h1{letter-spacing:-.065em;max-width:12ch;margin:0;font-size:clamp(3rem,5.4vw,5.5rem);font-weight:700;line-height:.93}.about-stage{grid-template-columns:minmax(260px, var(--about-left)) minmax(0, var(--about-right));align-items:start;gap:clamp(2.25rem,4vw,4.5rem);display:grid}.about-stage-left,.about-stage-right{min-width:0}.about-focus-media{aspect-ratio:16/10;background:#e8e6e1;width:100%;margin-bottom:1rem;overflow:hidden}.about-focus-media video{object-fit:cover;width:100%;height:100%;display:block}.about-focus-header{margin-bottom:1rem}.about-mini-label{letter-spacing:.16em;text-transform:uppercase;color:var(--about-muted);margin:0;font-size:.78rem;line-height:1.35}.about-rail-window{border-top:1px solid var(--about-line);border-bottom:1px solid var(--about-line);background:var(--about-bg);height:33rem;position:relative;overflow:hidden}.about-rail-track{will-change:transform;flex-direction:column;gap:0;animation:24s linear infinite aboutRailLoop;display:flex}.about-rail-window:hover .about-rail-track{animation-play-state:paused}.about-rail-card{border-bottom:1px solid var(--about-line);box-sizing:border-box;min-height:4.6rem;padding:1rem 0;display:block}.about-rail-card h3{letter-spacing:-.03em;color:var(--about-text);margin:0;font-size:clamp(1rem,1.15vw,1.12rem);font-weight:700;line-height:1.18}.about-static-list{border-top:1px solid var(--about-line)}.about-detail-card{border-bottom:1px solid var(--about-line);padding:1.5rem 0}.about-detail-number{text-transform:uppercase;letter-spacing:.12em;color:var(--about-soft);margin:0 0 .85rem;font-size:.78rem;line-height:1.3}.about-detail-card h2{letter-spacing:-.055em;text-wrap:balance;max-width:12ch;margin:0 0 .8rem;font-size:clamp(2rem,2.5vw,3.1rem);font-weight:700;line-height:.96}.about-detail-card p{max-width:34rem;color:var(--about-muted);margin:0;font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.48}.about-scroll-fade{pointer-events:none;z-index:2;height:4rem;position:absolute;left:0;right:0}.about-scroll-fade--top{background:linear-gradient(to bottom, var(--about-bg) 0%, #f7f6f200 100%);top:0}.about-scroll-fade--bottom{background:linear-gradient(to top, var(--about-bg) 0%, #f7f6f200 100%);bottom:0}@keyframes aboutRailLoop{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (width<=980px){.about-section{padding:1.5rem 1.2rem 2rem}.about-hero,.about-stage{grid-template-columns:1fr;gap:1.75rem}.about-hero h1{max-width:10ch;font-size:clamp(2.7rem,9vw,4.5rem)}.about-focus-media{aspect-ratio:16/10}.about-rail-window{height:20rem}.about-detail-card h2,.about-detail-card p{max-width:none}}@media (width<=640px){.about-section{padding:1.1rem 1rem 1.6rem}.about-hero{margin-bottom:1.5rem}.about-eyebrow,.about-mini-label,.about-detail-number{font-size:.72rem}.about-hero h1{max-width:none;font-size:clamp(2.4rem,13vw,3.6rem);line-height:.95}.about-focus-media{aspect-ratio:4/3}.about-rail-window{height:17rem}.about-rail-card{min-height:4rem;padding:.85rem 0}.about-rail-card h3{font-size:.96rem}.about-detail-card h2{max-width:none;font-size:clamp(1.9rem,10vw,2.7rem)}.about-detail-card p{max-width:none;font-size:.98rem;line-height:1.5}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f1d;--bg-soft:#11182d;--card:#ffffff0f;--card-border:#ffffff1f;--text:#f5f7fb;--muted:#b6bfd3;--accent:#7c9cff;--accent-soft:#a9bcff;--max-width:1200px}body{color:var(--text);background:radial-gradient(circle at 0 0,#7c9cff2e,#0000 28%),radial-gradient(circle at 100% 100%,#6fe0ff1a,#0000 22%),linear-gradient(135deg,#0a0f1d,#11182d 45%,#0a0f1d);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.site-wrapper{min-height:100vh}.page-content{width:100%;max-width:var(--max-width);margin:0 auto;padding:2rem}.navbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1dbf;border-bottom:1px solid #ffffff14;position:sticky;top:0}.nav-container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:1.2rem 2rem;display:flex}.brand{letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:700}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:var(--muted);font-weight:500;transition:all .25s}.nav-links a:hover,.active-link{color:var(--text)!important}.hero{grid-template-columns:1.3fr .9fr;align-items:center;gap:2rem;min-height:calc(100vh - 100px);display:grid}.eyebrow{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.8rem}.hero h1,.section-header h1,.about-layout h1{max-width:12ch;margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.05}.hero-description,.section-header p,.project-card p,.about-card p,.contact-item p{color:var(--muted);font-size:1rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.primary-btn,.secondary-btn{border-radius:999px;padding:.95rem 1.4rem;font-weight:600;transition:all .25s;display:inline-block}.primary-btn{background:var(--accent);color:#08101f}.primary-btn:hover{transform:translateY(-2px)}.secondary-btn{border:1px solid var(--card-border);background:#ffffff08}.secondary-btn:hover{background:#ffffff14}.hero-card,.project-card,.about-card,.contact-card{background:var(--card);border:1px solid var(--card-border);border-radius:24px;padding:2rem;box-shadow:0 10px 35px #0000002e}.hero-card h2,.project-card h2,.about-card h2,.contact-item h2{margin-bottom:1rem;font-size:1.2rem}.hero-card ul{color:var(--muted);gap:.9rem;list-style:none;display:grid}.page-section{padding:4rem 0}.section-header{max-width:800px;margin-bottom:2rem}.project-grid,.about-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.project-category{color:var(--accent-soft);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;font-size:.85rem;display:inline-block}.text-btn{color:var(--accent-soft);cursor:pointer;background:0 0;border:none;margin-top:1.2rem;padding:0;font-size:.95rem}.contact-card{gap:1.5rem;max-width:700px;display:grid}.contact-item{border-bottom:1px solid #ffffff14;padding-bottom:1rem}.contact-item:last-child{border-bottom:none;padding-bottom:0}@media (width<=900px){.hero,.project-grid,.about-grid{grid-template-columns:1fr}.nav-container{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.hero{padding-top:2rem}}@media (width<=600px){.page-content,.nav-container{padding-left:1.2rem;padding-right:1.2rem}.hero h1,.section-header h1,.about-layout h1{max-width:100%}}.contact-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:1.5rem;display:grid}.contact-form{background:var(--card);border:1px solid var(--card-border);border-radius:24px;gap:1.2rem;padding:2rem;display:grid;box-shadow:0 10px 35px #0000002e}.form-group{gap:.55rem;display:grid}.form-group label{color:var(--text);font-size:.95rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--card-border);width:100%;color:var(--text);font:inherit;background:#ffffff08;border-radius:14px;outline:none;padding:.95rem 1rem;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);background:#ffffff0d}.form-group textarea{resize:vertical;min-height:160px}.contact-item a{color:var(--muted);transition:all .2s}.contact-item a:hover{color:var(--text)}@media (width<=900px){.contact-layout{grid-template-columns:1fr}}