@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css";@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--bg:#080a0b;--bg-soft:#0d1012;--panel:#121619;--panel-2:#171c20;--text:#f2f4f4;--muted:#9ba4a9;--line:#2b3236;--accent:#56d7f5;--accent-dim:#17343c;--max:1380px;--gutter:clamp(20px, 4vw, 64px);--section:clamp(88px, 11vw, 168px);--header-h:76px;--font-ko:"Pretendard JP", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-en:"Montserrat", "Pretendard JP", ui-sans-serif, system-ui, sans-serif;--sans:var(--font-ko);--condensed:var(--font-en)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}h1,h2,h3,h4,h5,h6,p,a,span,strong,small,label,button,input,textarea,select{font-family:inherit}.font-ko{font-family:var(--font-ko)}.font-en{font-family:var(--font-en)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}code{border:1px solid var(--line);background:var(--panel);color:var(--accent);padding:.12em .35em;font-size:.88em}::selection{background:var(--accent);color:#001015}.shell,.section-shell{width:min(var(--max), calc(100% - (var(--gutter) * 2)));margin-inline:auto}.section-shell{padding-block:var(--section)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:999;background:var(--accent);color:#061015;padding:10px 14px;position:fixed;top:16px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.reveal{opacity:1;transition:none;transform:none}.page-home .reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(22px)}.page-home .reveal.is-visible{opacity:1;transform:none}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:700}.eyebrow:before{content:"";vertical-align:middle;background:currentColor;width:18px;height:1px;margin-right:10px;display:inline-block}.site-header{z-index:50;min-height:var(--header-h);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#080a0bf0;position:sticky;top:0}.header-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:30px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;display:inline-flex}.brand-mark-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:none;height:32px;display:block}.brand-divider{color:var(--accent)}.brand-logo{flex-shrink:0;width:clamp(59px,5vw,83px);height:auto;display:block}.primary-nav{align-items:center;gap:clamp(24px,3vw,50px);display:flex}.primary-nav a{color:#c7cdd0;padding-block:27px 23px;font-size:12px;font-weight:600;position:relative}.primary-nav a:after{content:"";background:var(--accent);height:2px;transition:right .25s;position:absolute;bottom:-1px;left:0;right:100%}.primary-nav a:hover,.primary-nav a.active{color:var(--text)}.primary-nav a:hover:after,.primary-nav a.active:after{right:0}.menu-toggle{border:1px solid var(--line);background:0 0;width:44px;height:44px;padding:0;display:none}.menu-toggle span:not(.sr-only){background:var(--text);width:18px;height:1px;margin:5px auto;display:block}.header-menu-trigger{min-height:42px;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:11px;padding:0;display:inline-flex}.header-menu-trigger__label{font-family:var(--font-en);letter-spacing:.08em;font-size:10px;font-weight:800}.header-menu-trigger__icon{flex-direction:column;gap:4px;width:18px;display:inline-flex}.header-menu-trigger__icon i{background:currentColor;width:100%;height:1px;transition:transform .25s;display:block}.site-drawer-backdrop{z-index:80;opacity:0;visibility:hidden;pointer-events:none;background:#00000094;transition:opacity .35s,visibility .35s;position:fixed;inset:0}.site-drawer{z-index:90;border-left:1px solid var(--line);visibility:hidden;background:#080a0b;flex-direction:column;width:min(620px,88vw);height:100svh;padding:clamp(24px,3.5vw,48px);transition:transform .52s cubic-bezier(.76,0,.24,1),visibility .52s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}body.drawer-open{overflow:hidden}body.drawer-open .site-drawer-backdrop{opacity:1;visibility:visible;pointer-events:auto}body.drawer-open .site-drawer{visibility:visible;transform:translate(0)}.site-drawer__top,.site-drawer__bottom{color:var(--muted);font-family:var(--font-en);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;font-size:10px;font-weight:700;display:flex}.site-drawer__close{color:var(--text);font-family:var(--font-en);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.site-drawer__nav{border-top:1px solid var(--line);margin-block:36px auto}.site-drawer__nav a{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);align-items:start;gap:18px;padding:clamp(18px,3vh,28px) 0;display:grid}.site-drawer__nav a>span{color:var(--accent);font-family:var(--font-en);padding-top:7px;font-size:10px;font-weight:700}.site-drawer__nav strong{font-family:var(--font-en);letter-spacing:-.045em;text-transform:none;font-size:clamp(28px,3.4vw,50px);font-weight:600;line-height:1.02;transition:color .2s,transform .25s}.site-drawer__nav a:hover strong,.site-drawer__nav a.active strong{color:var(--accent)}.site-drawer__nav a:hover strong{transform:translate(6px)}.hero{padding-top:clamp(32px,5vw,72px);padding-bottom:0}.hero-frame{aspect-ratio:3.6;border:1px solid var(--line);background:#171717;width:100%;overflow:hidden}.hero-frame img{aspect-ratio:auto;object-fit:cover;object-position:center 51%;width:100%;height:100%;display:block}.hero-intro{border-inline:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);display:grid}.hero-intro>div{padding:clamp(28px,4vw,60px)}.hero-intro>div+div{border-left:1px solid var(--line)}.intro-brand{font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:clamp(12px,1.7vw,24px);margin:0;line-height:1;display:flex}.intro-brand__mark{letter-spacing:-.08em;flex:none;font-size:clamp(34px,5vw,48px);font-weight:800}.intro-brand__divider{color:var(--accent);flex:none;font-size:clamp(28px,2.7vw,40px);font-weight:600}.intro-brand__name{letter-spacing:.16em;white-space:nowrap;flex:none;font-size:clamp(18px,1.55vw,22px);font-weight:800}.hero-role{color:#c0c7ca;margin:22px 0 0;font-size:clamp(15px,1.7vw,21px);line-height:1.45}.hero-copy{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.hero-copy>p{color:#c2c8cb;max-width:620px;margin:0;font-size:clamp(16px,1.45vw,19px)}.button-link{min-width:210px;color:var(--text);border:1px solid #4b555a;justify-content:space-between;align-items:center;gap:30px;padding:13px 16px;font-size:13px;font-weight:650;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.button-link span{color:var(--accent);transition:transform .2s}.button-link:hover{border-color:var(--accent);background:#0c1518}.button-link:hover span{transform:translate(4px)}.section-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:44px;display:flex}.section-heading h2{max-width:830px;font-family:var(--condensed);letter-spacing:-.035em;margin:0;font-size:clamp(34px,4.5vw,66px);line-height:1.05}.text-link{border-bottom:1px solid var(--line);white-space:nowrap;flex:none;align-items:center;width:fit-content;padding-bottom:7px;font-size:13px;line-height:1;display:inline-flex}.text-link span{color:var(--accent);margin-left:6px}.intro-stage{width:100%;height:calc(100svh - var(--header-h));isolation:isolate;border-bottom:1px solid var(--line);background:#030405;min-height:620px;position:relative;overflow:hidden}.intro-stage__media{z-index:0;background:#050607;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.intro-stage__media:after{content:"";z-index:3;pointer-events:none;opacity:.1;mix-blend-mode:soft-light;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;animation:.14s steps(2,end) infinite intro-grain;position:absolute;inset:-30%}.intro-stage__veil{z-index:1;pointer-events:none;background:linear-gradient(#000c 0%,#00000024 18%,#00000014 58%,#000000c7 100%),linear-gradient(90deg,#00000038,#0000 28% 72%,#0000002e);width:100%;height:100%;position:absolute;inset:0}.intro-stage__video{z-index:0;object-fit:cover;object-position:center center;filter:blur(1.5px)brightness(.85)contrast(1.06);transform-origin:50%;background:#050607;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.015)}.intro-stage__title-block{z-index:3;top:clamp(58px,8.2vh,88px);left:var(--gutter);max-width:min(560px,50vw);position:absolute}.intro-stage__title-block h1{color:var(--text);font-family:var(--font-en);letter-spacing:.035em;text-transform:uppercase;margin:0;font-size:clamp(13px,1.15vw,18px);font-weight:800;line-height:1.2}.intro-stage__centerpiece{z-index:3;pointer-events:none;width:clamp(160px,18vw,310px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-stage__logo{object-fit:contain;filter:drop-shadow(0 14px 35px #00000038);width:100%;height:auto;max-height:42vh;display:block}.intro-stage__section-label{z-index:3;top:50%;right:var(--gutter);white-space:nowrap;margin:0;position:absolute;transform:translateY(-50%)}.intro-stage__brand-block{z-index:3;left:var(--gutter);flex-direction:column;align-items:flex-start;gap:12px;max-width:min(760px,68vw);display:flex;position:absolute;bottom:72px}.intro-stage__brand-block p,.intro-stage__tools{color:#f2f4f4e6;font-family:var(--font-en);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(9px,.72vw,12px);font-weight:700;line-height:1.25}.intro-stage__wordmark{width:clamp(290px,35vw,610px);max-width:100%;height:auto;margin:0;display:block}.intro-stage__tools{z-index:3;right:var(--gutter);text-align:right;white-space:nowrap;position:absolute;bottom:clamp(30px,4.7vh,54px)}.intro-stage__marker{z-index:3;opacity:.72;pointer-events:none;width:16px;height:auto;position:absolute}.intro-stage__marker--top-left{top:22px;left:var(--gutter);transform:translateY(-2px)}.intro-stage__marker--top-center{top:22px;left:50%;transform:translate(-50%)}.intro-stage__marker--top-right{top:22px;right:var(--gutter)}.intro-stage__marker--middle-left{top:50%;left:var(--gutter);transform:translateY(-50%)}.intro-stage__marker--middle-right{display:none}.intro-stage__marker--bottom-left{bottom:22px;left:var(--gutter)}.intro-stage__marker--bottom-center{bottom:22px;left:50%;transform:translate(-50%)}.intro-stage__marker--bottom-right{bottom:22px;right:var(--gutter)}@keyframes intro-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(4%,4%)}80%{transform:translate(-4%,-2%)}to{transform:translate(2%,3%)}}html.intro-loading,html.intro-loading body{overflow:hidden}.intro-loader{z-index:9999;pointer-events:none;width:100%;height:100svh;display:none;position:fixed;inset:0;overflow:hidden}.intro-loader.is-active{pointer-events:auto;display:block}.intro-loader__curtain{z-index:0;will-change:transform;background:#000;width:100%;height:100%;position:absolute;inset:0;transform:translateY(0)}.intro-loader__status{z-index:2;width:100vw;color:var(--accent);font-family:var(--font-en);letter-spacing:.14em;text-transform:uppercase;opacity:1;pointer-events:none;will-change:opacity, transform;flex-direction:column;align-items:stretch;gap:11px;font-size:9px;font-weight:600;line-height:1;display:flex;position:absolute;bottom:clamp(36px,6vh,72px);left:0}.intro-loader__text{margin-left:var(--gutter);color:var(--accent);white-space:nowrap;display:block}.intro-loader__track{background:0 0;width:100vw;height:1px;display:block;position:relative;overflow:hidden}.intro-loader__fill{background:var(--accent);transform-origin:0;will-change:transform;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(0)}.intro-loader__logo{z-index:3;opacity:0;object-fit:contain;pointer-events:none;transform-origin:50%;will-change:left, top, width, height, opacity, transform, filter;width:auto;height:auto;display:block;position:fixed;top:0;left:0}.intro-stage--loading .intro-stage__logo{opacity:0}.home-works-showcase{--home-works-width:1120px}.home-works-showcase__head,.home-works-stack{width:min(100%, var(--home-works-width));margin-inline:auto}.home-works-showcase__head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(32px,7vw,120px);margin-bottom:clamp(24px,3vw,44px);display:grid}.home-works-showcase__head h2{font-family:var(--condensed);letter-spacing:-.045em;margin:0;font-size:clamp(48px,5.5vw,78px);font-weight:700;line-height:.94}.home-works-showcase__links{text-align:right;align-self:end;min-width:210px;padding-top:0}.home-works-showcase__eyebrow{white-space:nowrap;margin-bottom:10px}.home-works-showcase__links .text-link{font-family:var(--font-en);font-size:11px;display:inline-block}.home-works-stack{background:0 0;gap:clamp(16px,1.6vw,24px);display:grid}.home-work-strip{aspect-ratio:4.2;background:var(--panel);border:1px solid #ffffff14;width:100%;display:block;position:relative;overflow:hidden}.home-work-strip img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .35s;display:block;transform:scale(1.001)}.home-work-strip:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 32%,#00000014 52%,#0006 76%,#000000bd 100%);border:1px solid #0000;transition:border-color .25s,background .25s;position:absolute;inset:0}.home-work-strip__info{z-index:2;color:#fff;max-width:min(82%,760px);font-family:var(--font-en);pointer-events:none;flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;bottom:clamp(14px,1.55vw,24px);left:clamp(16px,1.7vw,26px)}.home-work-strip__meta{color:#ffffffd6;letter-spacing:.055em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:9px;font-size:clamp(8px,.65vw,10px);font-weight:600;line-height:1.2;display:flex}.home-work-strip__info strong{color:#fff;letter-spacing:-.04em;font-size:clamp(18px,1.8vw,28px);font-weight:650;line-height:1}.home-work-strip__arrow{z-index:2;color:var(--accent);font-family:var(--font-en);opacity:0;pointer-events:none;font-size:15px;transition:opacity .25s,transform .25s;position:absolute;bottom:clamp(14px,1.55vw,24px);right:clamp(16px,1.7vw,26px);transform:translate(-4px,4px)}.home-work-strip:hover img,.home-work-strip:focus-visible img{filter:brightness(.88);transform:scale(1.025)}.home-work-strip:hover:after,.home-work-strip:focus-visible:after{border-color:var(--accent);background:linear-gradient(#0000 28%,#00000005 42%,#0000004d 72%,#000000b3 100%)}.home-work-strip:hover .home-work-strip__arrow,.home-work-strip:focus-visible .home-work-strip__arrow{opacity:1;transform:none}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{border:1px solid var(--line);background:var(--bg-soft);min-width:0}.project-card[hidden]{display:none}.project-media{aspect-ratio:16/9;border-bottom:1px solid var(--line);background:var(--panel);display:block;position:relative;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .3s}.project-media:after{content:"";pointer-events:none;border:1px solid #0000;transition:border-color .2s;position:absolute;inset:0}.project-card:hover .project-media img{transform:scale(1.035)}.project-card:hover .project-media:after{border-color:var(--accent)}.project-meta{grid-template-columns:auto 1fr auto;align-items:start;gap:17px;min-height:112px;padding:18px;display:grid}.project-number{color:var(--accent);font-size:12px;font-weight:700}.project-meta h3{margin:0;font-size:17px;line-height:1.25}.project-subtitle{color:#b4bdc1;margin:7px 0 0;font-size:11px;line-height:1.45}.project-category{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin:8px 0 0;font-size:10px}.arrow-link{border-left:1px solid var(--line);width:34px;height:34px;color:var(--accent);place-items:center;display:grid}.template-preview{margin-bottom:var(--section);border:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(280px,.75fr) minmax(480px,1.25fr);gap:0;padding-block:0;display:grid}.template-copy{border-right:1px solid var(--line);padding:clamp(36px,5vw,72px)}.template-copy h2{font-family:var(--condensed);letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(32px,4vw,58px);line-height:1.05}.template-copy>p:not(.eyebrow){color:var(--muted);margin:0 0 32px}.template-window{background:#0b0e10;border:1px solid #3c4448;align-self:center;margin:clamp(28px,4vw,58px)}.template-window__bar{border-bottom:1px solid var(--line);gap:7px;padding:10px;display:flex}.template-window__bar span{border:1px solid #687278;border-radius:50%;width:6px;height:6px}.template-window__body{grid-template-columns:.9fr 1.1fr;min-height:280px;display:grid}.template-window__body>div:first-child{flex-direction:column;justify-content:center;padding:32px;display:flex}.template-window__body small{color:var(--accent);letter-spacing:.12em;font-size:9px}.template-window__body strong{font-family:var(--condensed);margin-top:14px;font-size:clamp(26px,3.5vw,46px);line-height:1}.template-window__body p{color:var(--muted);font-size:12px}.template-window__media{border-left:1px solid var(--line);background:#131b1e;position:relative}.template-window__media:before,.template-window__media:after{content:"";border:1px solid #27363b;position:absolute}.template-window__media:before{inset:17% 11% 28% 16%;transform:skew(-20deg)}.template-window__media:after{border-color:var(--accent-dim);inset:34% 23% 14% 8%;transform:skew(23deg)}.about-preview{border-top:1px solid var(--line);grid-template-columns:minmax(280px,1fr) minmax(260px,420px) minmax(320px,1fr);align-items:center;gap:clamp(40px,5vw,78px);padding-block:clamp(80px,10vw,140px);display:grid}.about-copy h2{font-family:var(--condensed);letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(35px,4vw,60px);line-height:1}.about-copy>p:not(.eyebrow){color:var(--muted)}.about-image{border:1px solid var(--line);place-self:center;width:100%;max-width:420px;overflow:hidden}.about-image img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;display:block}.about-facts{margin:0}.about-facts>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:24px;padding:16px 0;display:grid}.about-facts dt{color:var(--muted);font-size:12px}.about-facts dd{margin:0;font-size:13px}.page-intro{border-bottom:1px solid var(--line);padding-bottom:clamp(58px,7vw,100px)}.page-intro h1{max-width:1200px;font-family:var(--condensed);letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.5vw,88px);line-height:.94}.page-intro>p:last-child{max-width:760px;color:var(--muted);margin:34px 0 0}.works-page{padding-top:46px}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.filter-bar button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;padding:9px 13px;font-size:11px}.filter-bar button:hover,.filter-bar button.active{border-color:var(--accent);color:var(--text);background:#0c1518}.project-grid--filtered{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail{padding-top:clamp(50px,7vw,100px)}.back-link{color:var(--muted);margin-bottom:50px;font-size:12px;display:inline-block}.back-link:hover{color:var(--accent)}.project-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:end;gap:clamp(40px,7vw,110px);padding-bottom:48px;display:grid}.project-header h1{max-width:900px;font-family:var(--condensed);letter-spacing:-.06em;overflow-wrap:anywhere;margin:0;font-size:clamp(36px,4.8vw,72px);line-height:.88}.project-lead{color:#b2bbbf;max-width:760px;margin:24px 0 0;font-size:clamp(15px,1.5vw,19px)}.project-specs{margin:0}.project-specs>div{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:24px;padding:14px 0;display:grid}.project-specs dt{color:var(--muted);font-size:11px}.project-specs dd{margin:0;font-size:12px}.project-hero{margin-top:48px}.video-frame{aspect-ratio:16/9;border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.video-frame iframe,.video-frame img{object-fit:cover;border:0;width:100%;height:100%}.project-story{padding-block:var(--section);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px);display:grid}.project-story h2{max-width:700px;font-family:var(--condensed);letter-spacing:-.04em;margin:0;font-size:clamp(34px,4.8vw,70px);line-height:1.02}.prose{color:#bec5c8;max-width:680px}.prose p{margin:0 0 1.35em}.project-process{border-bottom:1px solid var(--line);padding-block:clamp(70px,9vw,130px)}.project-process ol{margin:0;padding:0;list-style:none}.project-process li{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;align-items:baseline;gap:20px;padding:22px 0;display:grid}.project-process li span{color:var(--accent);font-size:12px}.project-process li p{font-family:var(--condensed);margin:0;font-size:clamp(24px,3vw,44px);line-height:1.1}.project-links{border-bottom:1px solid var(--line);padding-block:clamp(70px,9vw,130px)}.project-links ul{color:var(--muted);margin:0 0 30px;padding-left:1.2em}.project-pagination{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.project-pagination a{flex-direction:column;gap:12px;padding:clamp(30px,5vw,70px);display:flex}.project-pagination a+a{border-left:1px solid var(--line);text-align:right}.project-pagination span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.project-pagination strong{font-family:var(--condensed);font-size:clamp(22px,3vw,42px);line-height:1}.project-pagination a:hover strong{color:var(--accent)}.template-placeholder{aspect-ratio:16/9;border:1px solid var(--line);background:var(--panel);color:#6f797e;letter-spacing:.14em;place-items:center;margin-top:48px;font-size:12px;display:grid}.about-page{grid-template-columns:minmax(260px,.7fr) 1.3fr;align-items:center;gap:clamp(36px,6vw,90px);padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(80px,9vw,140px);display:grid}.about-page__image{border:1px solid var(--line);justify-self:start;width:fit-content;max-width:420px}.about-page__image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:580px;display:block}.about-page__bio h2{font-family:var(--condensed);letter-spacing:-.05em;margin:0 0 34px;font-size:clamp(38px,4.5vw,64px);line-height:.94}.about-page__bio>p:not(.eyebrow){color:#c0c7ca;letter-spacing:-.025em;max-width:700px;margin:0;font-size:clamp(12px,1.2vw,16px);line-height:1.5}.about-page__bio>dl+p:not(.eyebrow){margin-top:24px}.about-page__bio>p:not(.eyebrow)+p:not(.eyebrow){margin-top:5px}.skills{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;display:grid}.skills>div{border:1px solid var(--line);background:var(--bg-soft);padding:clamp(34px,5vw,70px)}.skills ul{margin:0;padding:0;list-style:none}.skills li{border-bottom:1px solid var(--line);font-family:var(--condensed);padding:15px 0;font-size:clamp(24px,2.8vw,42px);line-height:1.05}.experience{padding-top:var(--section)}.experience-list{border-top:1px solid var(--line);margin-top:30px}.experience-item{border-bottom:1px solid var(--line);grid-template-columns:.35fr 1fr;gap:clamp(30px,6vw,90px);padding:34px 0;display:grid}.experience-period{color:var(--accent);margin:0;font-size:12px}.experience-item h3{margin:0 0 10px;font-size:20px}.experience-item h3 a{color:inherit;align-items:center;gap:.45em;transition:color .2s;display:inline-flex}.experience-link-arrow{color:var(--accent);font-size:.7em;font-weight:500;transition:transform .2s}.experience-item h3 a:hover,.experience-item h3 a:focus-visible{color:var(--accent)}.experience-item h3 a:hover .experience-link-arrow,.experience-item h3 a:focus-visible .experience-link-arrow{transform:translate(3px,-3px)}.experience-item p:last-child{max-width:720px;color:var(--muted);margin:0}.contact-page{min-height:calc(100vh - var(--header-h));flex-direction:column;justify-content:center;display:flex}.contact-page h1{max-width:1200px;font-family:var(--condensed);letter-spacing:-.06em;margin:0;font-size:clamp(36px,4.8vw,72px);line-height:1}.contact-guidance{max-width:680px;color:var(--muted);margin:44px 0 28px}.contact-email{border-block:1px solid var(--line);max-width:920px;font-family:var(--condensed);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:clamp(15px,4vw,26px);line-height:1;display:flex}.contact-email span{color:var(--accent)}.contact-links{color:#bbc3c6;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:13px;display:flex}.contact-links a:hover{color:var(--accent)}.contact-copyright{color:#737d82;letter-spacing:.08em;margin-top:auto;padding-top:80px;font-size:10px}.error-page{flex-direction:column;justify-content:center;align-items:flex-start;min-height:70vh;display:flex}.error-page h1{font-family:var(--condensed);margin:0 0 36px;font-size:clamp(60px,10vw,160px);line-height:.9}.site-footer{border-top:1px solid var(--line);background:#0b0e10}.footer-main{grid-template-columns:1.35fr .8fr .65fr auto;align-items:center;gap:clamp(30px,4vw,66px);padding-block:clamp(48px,6vw,86px);display:grid}.footer-main h2{font-family:var(--condensed);margin:0;font-size:clamp(32px,3.2vw,50px);line-height:1.05}.footer-contact{flex-direction:column;gap:8px;display:flex}.footer-contact span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.footer-contact a{color:#ccd2d4;word-break:break-all;font-size:13px}.footer-bottom{border-top:1px solid var(--line);color:#788187;letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;gap:30px;padding-block:16px 28px;font-size:10px;display:flex}@media (width<=1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-intro{grid-template-columns:1fr}.hero-intro>div+div{border-left:0;border-top:1px solid var(--line)}.template-preview{grid-template-columns:1fr}.template-copy{border-right:0;border-bottom:1px solid var(--line)}.about-preview{grid-template-columns:1fr 320px}.about-facts{grid-column:1/-1}.footer-main{grid-template-columns:1.2fr 1fr}.project-header{grid-template-columns:1fr}}@media (width<=760px){:root{--header-h:66px;--section:82px}.brand-logo{width:clamp(53px,14.5vw,69px)}.brand-mark-logo{height:28px}.primary-nav{border-bottom:1px solid var(--line);background:#090b0c;flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.primary-nav.open{display:flex}.primary-nav a{padding:17px var(--gutter);border-top:0}.primary-nav a:after{display:none}.menu-toggle{display:block}.site-header{border-bottom:0}.hero{width:100%;padding-top:0}.hero-frame{border:0}.hero-intro>div{padding:28px var(--gutter)}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:30px}.project-grid,.project-grid--filtered{grid-template-columns:1fr}.template-preview{border-inline:0;width:100%}.template-window{margin:20px}.template-window__body{grid-template-columns:1fr}.template-window__media{border-left:0;border-top:1px solid var(--line);min-height:180px}.about-preview{--about-mobile-title-size:clamp(34px, 10vw, 50px);grid-template-columns:minmax(0,1fr) clamp(90px,26vw,120px);grid-template-areas:"label image""heading image""description description""link link""facts facts";align-items:start;gap:0 16px;display:grid}.about-image{aspect-ratio:1;border:1px solid #59636a;grid-area:image;place-self:start end;width:100%;max-width:none;margin:0;overflow:hidden}.about-facts{grid-area:facts/1/facts/-1;width:100%;min-width:0;margin:38px 0 0}.footer-main{grid-template-columns:1fr;align-items:start}.footer-bottom{flex-direction:column;gap:4px}.project-story,.project-pagination{grid-template-columns:1fr}.project-pagination a+a{border-left:0;border-top:1px solid var(--line)}.about-page{grid-template-columns:1fr;padding-top:0}.page-intro:has(+.about-page){border-bottom:none}.skills{grid-template-columns:1fr}.experience-item{grid-template-columns:1fr;gap:8px}.contact-email{align-items:flex-start}.header-menu-trigger__label{font-size:9px}.intro-stage{min-height:560px}.intro-stage__veil{background:linear-gradient(#000000eb 0%,#00000052 18%,#0000001a 50%,#0000006b 78%,#000000f0 100%)}.intro-stage__title-block{max-width:calc(100% - (var(--gutter) * 2));top:56px}.intro-stage__title-block h1{letter-spacing:.045em;font-size:12px}.intro-stage__centerpiece{width:clamp(135px,31vw,220px);top:49%}.intro-stage__section-label{letter-spacing:.15em;font-size:9px;top:50%;right:18px}.intro-stage__section-label:before{width:18px;margin-right:8px}.intro-stage__brand-block{bottom:20px}.intro-stage__wordmark{width:min(51vw,218px);max-width:100%;height:auto}.intro-stage__tools{right:var(--gutter);font-size:8px;bottom:32px}.intro-stage__brand-block p{font-size:8px}.intro-stage__marker{width:12px}.intro-stage__marker--top-left,.intro-stage__marker--top-center,.intro-stage__marker--top-right{top:14px}.intro-stage__marker--bottom-left,.intro-stage__marker--bottom-center,.intro-stage__marker--bottom-right{bottom:14px}.site-drawer{width:100%;padding:24px var(--gutter) 28px}.site-drawer__nav strong{font-size:clamp(30px,10vw,48px)}.about-experience-link{width:fit-content;margin-top:8px;display:inline-block}.home-works-showcase__head{gap:18px}.home-works-showcase__head h2{font-size:clamp(42px,13vw,62px)}.home-works-showcase__links{min-width:0}.home-works-showcase__eyebrow{letter-spacing:.12em;font-size:8px}.home-works-showcase__eyebrow:before{width:14px;margin-right:7px}.home-works-showcase__links .text-link{font-size:9px}.home-works-stack{gap:12px}.home-work-strip{aspect-ratio:2.35}.home-work-strip__info{max-width:none;bottom:13px;left:14px;right:44px}.home-work-strip__meta{gap:7px;font-size:8px}.home-work-strip__info strong{font-size:clamp(15px,4.8vw,22px)}.home-work-strip__arrow{opacity:1;font-size:12px;bottom:13px;right:14px;transform:none}.intro-loader__status{gap:10px;font-size:8px;bottom:32px}.intro-loader__text{margin-left:20px}.about-copy{display:contents}.about-copy>.eyebrow{letter-spacing:.15em;grid-area:label;align-self:start;margin:0 0 22px;font-size:9px;font-weight:700;line-height:1.3}.about-copy>h2{font-size:var(--about-mobile-title-size);letter-spacing:-.045em;grid-area:heading;align-self:start;margin:0;line-height:1}.about-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.about-copy>p:not(.eyebrow){grid-area:description;max-width:100%;margin:28px 0 0;font-size:15px;line-height:1.6}.about-copy>a{grid-area:link;justify-self:start;width:fit-content;margin-top:22px}.about-facts>div{grid-template-columns:100px minmax(0,1fr);align-items:start;padding:11px 0}.about-facts dt{line-height:1.65}.about-facts dd{overflow-wrap:normal;font-weight:400;line-height:1.65}}@media (width<=560px){.intro-stage__tools{bottom:28px}.intro-stage__brand-block{bottom:54px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.intro-stage__video{display:none}.site-drawer,.site-drawer-backdrop,.site-drawer__nav strong,.home-work-strip img,.home-work-strip:after,.home-work-strip__arrow{transition:none}.intro-loader__curtain,.intro-loader__status,.intro-loader__fill,.intro-loader__logo{transition:none!important;animation:none!important}}
