@charset "UTF-8";
:root{--bg:#101110;--panel:#191b18;--text:#f6f6ef;--muted:#a6aaa1;--lime:#d8ff6b;--line:#ffffff23;font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:85px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:7px}button{border:0}button:disabled{cursor:default}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--lime);color:#111;padding:15px}.skip:focus{top:12px}.header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:32px 4.5%;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.6px;display:flex;align-items:center;gap:4px}.brand-mark{color:var(--lime);margin:0 3px}.brand-sub{font-size:10px;letter-spacing:1.5px;font-weight:400;max-width:110px;line-height:1.5;margin-left:21px}nav{display:flex;gap:38px;font-size:14px}nav a{padding:8px 0}nav span{color:var(--lime);font-size:12px;margin-left:5px}.hero{min-height:740px;height:100svh;max-height:1250px;position:relative;isolation:isolate;background:#262b28;overflow:hidden}.hero-poster,.hero-video,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero-poster,.hero-video{object-position:50% 42%;z-index:-3}.hero-video{z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.12) 72%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 40%,rgba(0,0,0,.28))}.hero-content{position:absolute;top:50%;transform:translateY(-37%);left:7%;right:5%}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:500;line-height:1.6;margin:0 0 22px}.tiny-cross{color:var(--lime);font-size:22px;vertical-align:middle;margin-right:12px}.hero h1{font-size:clamp(76px,9.5vw,152px);letter-spacing:-.065em;line-height:.96;font-weight:500;margin:0 0 30px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:var(--lime)}.hero-description{font-size:16px;letter-spacing:.05em;color:#e0e0d9;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:34px}.primary{background:var(--lime);color:#141610;border-radius:50px;padding:19px 26px;font-size:14px;font-weight:600;transition:background .2s}.primary:hover{background:#e5ff9a}.primary span{font-size:12px;margin-right:12px}.text-link{font-size:14px;border-bottom:1px solid #ffffff65;padding:12px 0}.text-link span{margin-left:20px}.hero-bottom{position:absolute;bottom:28px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.4px}.motion-toggle{font-size:12px;background:#0005;border:1px solid #ffffff50;border-radius:50px;padding:11px 16px;letter-spacing:.2px}.motion-toggle span{margin-left:10px}.scroll-link span{font-size:22px;margin-left:20px}.section-pad{padding:100px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:50px}.section-heading .eyebrow{color:var(--muted);margin-bottom:15px}h2{font-size:clamp(38px,4.2vw,68px);font-weight:400;letter-spacing:-.05em;line-height:1.1;margin:0}.lime{color:var(--lime)}.section-note{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 22px}.project{min-width:0}.project-button{display:block;width:100%;padding:0;background:none;text-align:left}.project-visual{position:relative;overflow:hidden;aspect-ratio:16/10;background:#242622}.project-visual img{height:100%;width:100%;object-fit:cover;transition:transform .6s,opacity .6s}.project.portrait img{object-position:50% 42%}.project-button:hover img{transform:scale(1.045);opacity:.8}.project-number{position:absolute;top:16px;left:16px;background:#0006;padding:5px 7px;font-size:12px;font-variant-numeric:tabular-nums}.project-time{position:absolute;right:14px;bottom:14px;background:#0009;padding:5px 8px;border-radius:3px;font-size:12px;letter-spacing:.5px}.play-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff8a;border-radius:50%;background:#0003;font-size:14px;transition:background .2s}.project-button:hover .play-circle{background:var(--lime);color:#111;border-color:var(--lime)}.project-meta{padding-top:18px}.project-category{font-size:11px;color:var(--muted);letter-spacing:1.2px;margin:0 0 10px}.project-title-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.project h3{font-size:19px;line-height:1.4;font-weight:400;letter-spacing:-.3px;margin:0}.project-arrow{color:var(--lime);font-size:22px}.about{border-top:1px solid var(--line);background:#161814}.about>.eyebrow{color:var(--muted)}.about-body{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.about h2{font-size:clamp(38px,4.5vw,70px);line-height:1.1}.about-copy{max-width:520px;font-size:16px;line-height:1.95}.about-copy p{margin:0 0 18px}.about-copy p+p{color:var(--muted)}.about-label{display:block;font-size:11px;letter-spacing:1.5px;margin-top:32px;color:var(--lime)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 5%;font-size:12px;color:var(--muted)}.footer-brand{font-size:22px;font-weight:700;letter-spacing:-1px;color:var(--text)}footer>a:last-child{font-size:14px;color:var(--text)}dialog{padding:0;border:1px solid var(--line);background:#111;color:var(--text);width:min(1120px,94vw);max-width:94vw;max-height:94svh;overflow:auto}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.player-shell{padding:24px}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.player-heading .eyebrow{color:var(--lime);margin-bottom:8px;font-size:11px}.player-heading h2{font-size:26px;letter-spacing:-.03em}.close-button{flex-shrink:0;background:#ffffff12;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;font-size:22px}#film-player{display:block;background:#000;width:100%;max-height:67svh;aspect-ratio:16/9}#film-player.portrait{aspect-ratio:auto;height:67svh}.player-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:var(--muted);font-size:13px}.player-footer button{background:none;color:var(--text);padding:8px}.player-footer button span{margin-left:15px;color:var(--lime)}.player-error{font-size:14px;line-height:1.7;color:#f1d2ae}.player-error a{text-decoration:underline}body.modal-open{overflow:hidden}
@media(min-width:1600px){.section-pad{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2))}}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:112px}.hero-content{left:6%}.brand-sub{display:none}.section-pad{padding:75px 5%}.about-body{gap:36px}.section-note{max-width:250px}.hero{min-height:700px}}
@media(max-width:600px){.header{padding:22px 6%}.brand{font-size:24px}nav{gap:23px;font-size:14px}.hero{height:92svh;min-height:660px;max-height:950px}.hero-content{top:46%;transform:translateY(-28%);left:6%;right:6%}.hero h1{font-size:clamp(68px,17.8vw,106px)}.hero-poster,.hero-video{object-position:57% center}.hero-shade{background:linear-gradient(0deg,#000b,transparent 100%),linear-gradient(90deg,#0007,transparent)}.hero .eyebrow{font-size:11px;margin-bottom:22px}.hero-description{font-size:14px}.hero-actions{gap:22px;flex-wrap:wrap}.primary{padding:17px 21px}.text-link{font-size:13px}.hero-bottom{left:6%;right:6%;bottom:20px;gap:12px;flex-wrap:wrap}.hero-bottom>span{font-size:9px;letter-spacing:1px}.scroll-link{display:none}.motion-toggle{font-size:11px;padding:10px 12px}.section-pad{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:42px}.section-note{margin-top:18px;max-width:none;font-size:14px}.project-grid{grid-template-columns:minmax(0,1fr);gap:30px}.project-visual{aspect-ratio:16/10}.project h3{font-size:19px}.project-category{font-size:11px}.about-body{grid-template-columns:1fr;gap:28px}.about h2{font-size:44px}.about-copy{font-size:15px}footer{padding:28px 6%;flex-wrap:wrap}.footer-brand{font-size:20px}footer>span{font-size:10px;letter-spacing:.5px}footer>a:last-child{flex-basis:100%;margin-top:8px}.player-shell{padding:15px}.player-heading h2{font-size:21px}.player-heading .eyebrow{font-size:10px}.close-button{width:40px;height:40px}.player-footer{margin-top:12px}dialog{max-height:92svh}#film-player{max-height:60svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
:root{--lime:#ff9800}
.logo-crop{position:relative;display:block;width:43px;height:43px;overflow:hidden;flex-shrink:0}.logo-crop img{position:absolute;width:148px;height:148px;max-width:none;left:-52px;top:-53px}.brand-name{font-size:21px;letter-spacing:1px;margin-left:10px;line-height:1}.brand-name>span{display:block;font-size:9px;letter-spacing:3px;margin-top:8px;font-weight:400}.about h2{font-size:clamp(32px,3.5vw,56px)}.serif{font-family:Georgia,serif;font-style:italic;color:var(--lime)}.contact{border-top:1px solid var(--line)}.contact .eyebrow{color:var(--lime)}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-row h2{font-size:clamp(32px,4vw,60px);letter-spacing:-.06em}.contact-mail{font-size:clamp(18px,2.3vw,35px);border-bottom:1px solid #666;padding-bottom:10px}.contact-mail span{margin-left:16px;color:var(--lime)}.social-links{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px;font-size:14px}.social-links>span{color:var(--muted);margin-right:auto}.social-links>a:hover{color:var(--lime)}.primary:hover{background:#ffb547}.hero h1 em{color:#ffac35}footer{border-top:1px solid var(--line)}
@media(max-width:600px){.logo-crop{width:34px;height:34px}.logo-crop img{width:118px;height:118px;left:-42px;top:-43px}.brand-name{font-size:14px;margin-left:5px}.brand-name>span{font-size:8px;letter-spacing:1.4px}.header nav{gap:17px}.header nav a{font-size:12px}.header nav a[href='#about']{display:none}.contact-row{display:block}.contact-mail{display:inline-block;margin-top:28px;font-size:22px}.social-links{gap:20px}.social-links>span{flex-basis:100%}.footer-brand{font-size:18px}}

/* Editorial serif headline; brand identity stays in the header. */
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(54px,7.8vw,124px);font-weight:400;letter-spacing:-.045em;line-height:1.08}
.hero h1 em{font-family:inherit;font-weight:400;letter-spacing:inherit;color:#ffac35}
@media(max-width:600px){.hero h1{font-size:clamp(32px,9.2vw,55px);letter-spacing:-.045em;line-height:1.14}}
/* Transparent brand symbol, aligned to its visible bounds. */
.logo-crop img{width:68px;height:68px;left:-14px;top:-15px}
@media(max-width:600px){.logo-crop img{width:54px;height:54px;left:-11px;top:-12px}}