:root{--background:#ffffff;--foreground:#101820;--acid:#009cff;--line:#d8e3eb;--p:0}.dark{--background:#07131f;--foreground:#ffffff;--acid:#009cff;--line:#45463f}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,'Noto Sans KR',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #0068ae;outline-offset:6px}::selection{background:var(--acid);color:#101820}.skip{position:fixed;top:-100px;z-index:100;background:var(--acid);padding:15px}.skip:focus{top:0}.header{height:94px;padding:0 3.5%;display:flex;align-items:center;gap:6%;position:absolute;top:0;width:100%;z-index:10;color:#fff}.logo{font-size:54px;line-height:1;font-weight:900;letter-spacing:-5px}.logo span{font-size:16px;vertical-align:top;letter-spacing:0;display:inline-block;padding:5px}.header-note{font-size:12px;line-height:1.4}.header nav{display:flex;gap:40px;align-items:center;margin-left:auto;font-size:14px}.header sup{font-size:10px;opacity:.65}.contact-link{border-bottom:1px solid #888;padding:10px 0}.contact-link span{margin-left:20px}.hero-track{height:230svh;background:#07131f}.hero-sticky{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;color:#f5f5ef}.film{position:absolute;inset:0;transform:scale(calc(1.08 - var(--p)*.08))}.film video{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.65}.film-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,9,.56),rgba(10,12,9,.22) 50%,rgba(10,12,9,.8))}.hero-meta{position:absolute;top:135px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.07em}.hero-title{position:absolute;left:3%;top:26%;margin:0;font-size:clamp(80px,12.8vw,235px);font-weight:800;letter-spacing:-.078em;line-height:.84;transform:translateY(calc(var(--p)*-100px));opacity:calc(1 - var(--p)*1.1);width:94%}.hero-title>span{display:block}.second-line{margin-top:10px;white-space:nowrap}.hero-title i{font-family:Georgia,serif;font-weight:400;letter-spacing:-.085em;color:var(--acid)}.period{color:var(--acid)}.hero-bottom{position:absolute;left:3.5%;right:3.5%;bottom:64px;display:flex;align-items:end;justify-content:space-between;opacity:calc(1 - var(--p)*1.5)}.hero-bottom p{font-size:19px;line-height:1.65;margin:0;letter-spacing:-.04em}.work-orbit{width:134px;height:134px;background:var(--acid);color:#101820;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:rotate(-12deg);transition:transform .3s}.work-orbit:hover{transform:rotate(0) scale(1.05)}.work-orbit span{font-size:12px;font-weight:bold;line-height:1.2}.work-orbit b{font-size:39px;line-height:1}.scroll-note{font-size:12px;letter-spacing:.05em}.scroll-note span{margin-left:18px;font-size:24px}.film-caption{position:absolute;left:3.5%;right:3.5%;bottom:65px;display:flex;justify-content:space-between;font-size:clamp(14px,2vw,30px);letter-spacing:-.04em;opacity:calc(var(--p)*1.5 - .5);pointer-events:none}.scrub-meter{position:absolute;bottom:0;height:4px;width:100%;background:#ffffff25}.scrub-meter span{display:block;background:var(--acid);height:100%;width:calc(var(--p)*100%)}.work-section{padding:70px 3.5% 100px}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.07em}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:65px 0 60px;gap:20px}.section-heading h2{font-size:clamp(50px,7.8vw,135px);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:600}.section-heading h2 span{color:#607485}.section-heading p{font-size:16px;line-height:1.8;letter-spacing:-.04em}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 26px}.project:nth-child(even){margin-top:110px}.project-image{aspect-ratio:1.5;background:#ddd;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.3,1)}.project:hover img{transform:scale(1.045)}.project-open{position:absolute;bottom:18px;right:18px;border-radius:50%;width:46px;height:46px;background:var(--acid);display:grid;place-items:center;font-size:24px;transition:transform .3s}.project:hover .project-open{transform:rotate(45deg)}.project-info{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}.project-info h3{font-size:25px;letter-spacing:-.05em;margin:0}.project-info span{font-size:12px;letter-spacing:.02em}.project>p{font-size:14px;color:#526777;margin:8px 0 0;line-height:1.5}.all-work{border-bottom:1px solid #777;margin-top:75px;padding:25px 0;display:flex;justify-content:space-between;font-size:19px}.all-work span{font-size:30px}.studio{padding:70px 5% 100px;background:var(--acid)}.studio h2{font-size:clamp(45px,6.3vw,100px);line-height:1.3;letter-spacing:-.075em;font-weight:550;margin:65px 0 70px}.studio h2 em{font-style:normal;border-bottom:6px solid}.studio-bottom{display:grid;grid-template-columns:1fr 1fr}.studio-mark{font-size:190px;line-height:1;font-weight:900;letter-spacing:-20px}.studio-bottom p{font-size:21px;line-height:1.6;letter-spacing:-.05em;margin:0 0 25px}.services{border-top:1px solid #10182050;padding-top:23px;display:flex;gap:22px;font-size:14px}.play{padding:70px 3.5% 75px;background:#07131f;color:#eeeeea}.play h2{font-size:clamp(80px,17vw,290px);font-weight:500;letter-spacing:-.08em;line-height:1;margin:40px 0}.play h2 span{float:right;color:var(--acid);transition:transform .4s}.play a:hover h2 span{transform:rotate(45deg)}.play-bottom{display:flex;justify-content:space-between;border-top:1px solid #4a4b43;padding-top:24px}.play-bottom span{font-size:12px;letter-spacing:.04em}.play-bottom p{margin:0;font-size:16px;line-height:1.7}.partnership{padding:70px 3.5%;display:grid;grid-template-columns:1fr 2fr;gap:25px;border-bottom:1px solid var(--line)}.partnership h2{font-size:40px;letter-spacing:-.06em;margin:0}.partnership p{grid-column:2;line-height:1.7;margin:0}.partnership a{grid-column:2;text-decoration:underline;text-underline-offset:7px;font-size:14px}footer{padding:65px 3.5% 25px}.footer-top{display:flex;justify-content:space-between;font-size:12px}.footer-cta{display:block;font-size:clamp(55px,9vw,150px);font-weight:600;letter-spacing:-.09em;line-height:1.2;position:relative;margin:65px 0}.footer-cta span{color:#607485}.footer-cta b{position:absolute;right:0;top:0;font-size:1.7em;font-weight:400}.footer-details{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:30px;font-size:14px}.footer-details>a{font-size:24px;letter-spacing:-.04em}.footer-details div{display:flex;gap:25px}.footer-base{display:flex;justify-content:space-between;align-items:end;margin-top:80px;font-size:12px}.footer-base .logo{font-size:75px}
@media(min-width:1700px){.hero-title{top:28%}}@media(max-width:800px){.header{height:80px;padding:0 5%}.header-note{display:none}.header nav{gap:22px}.logo{font-size:45px}.hero-sticky{min-height:600px}.hero-meta{top:114px;left:5%;right:5%;font-size:12px}.hero-meta span:last-child{display:none}.hero-title{left:4%;top:32%;font-size:13vw}.hero-bottom{left:5%;right:5%;bottom:50px}.hero-bottom p{font-size:16px}.scroll-note{display:none}.work-orbit{width:100px;height:100px}.work-orbit span{font-size:12px}.work-orbit b{font-size:30px}.section-top>span:last-child{font-size:12px}.section-heading{display:block;padding:45px 0 25px}.section-heading p{margin-top:28px}.work-section{padding:50px 5% 65px}.projects{gap:35px 18px}.project:nth-child(even){margin-top:60px}.project-info{display:block}.project-info h3{font-size:20px}.project-info span{font-size:12px}.project>p{font-size:14px}.studio{padding:50px 5% 65px}.studio h2{margin:40px 0}.studio-bottom{grid-template-columns:1fr}.studio-mark{display:none}.studio-bottom p{font-size:18px}.services{gap:15px;font-size:14px;flex-wrap:wrap}.play{padding:50px 5%}.play-bottom{gap:30px}.play-bottom span{max-width:120px;line-height:1.5}.play-bottom p{font-size:16px}.partnership{padding:50px 5%;display:block}.partnership h2{font-size:33px;margin:25px 0 20px}.partnership p{font-size:16px;margin-bottom:25px}.footer-top>span:last-child{display:none}footer{padding:50px 5% 25px}.footer-cta{margin:45px 0}.footer-details{align-items:start;flex-direction:column;gap:15px}.footer-details p{margin:0}.footer-base{margin-top:65px}.footer-base .logo{font-size:55px}.film-caption{font-size:12px;gap:30px}}@media(max-width:480px){.header nav{font-size:14px;gap:17px}.contact-link span{margin-left:8px}.projects{grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.project-info{display:flex}.hero-title{top:35%}.hero-track{height:200svh}.hero-bottom p{max-width:235px;font-size:16px}.work-orbit{width:86px;height:86px;flex-shrink:0}.section-top>span:last-child{display:none}.film-caption span:last-child{max-width:160px;text-align:right}.footer-cta b{font-size:1.1em}.play-bottom{flex-direction:column}.play-bottom span{max-width:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-track{height:100svh}.hero-sticky{position:relative}*,*::before,*::after{animation:none!important;transition:none!important}}
.inner-page .header{color:#101820;position:relative}.inner-page .section-heading h1{font-size:clamp(48px,7.5vw,120px);letter-spacing:-.06em;line-height:1;margin:0}.inner-page .project-info h2{font-size:24px;letter-spacing:-.04em;margin:0}.case-study{padding:45px 3.5% 0}.case-study>h1{font-size:clamp(58px,12vw,200px);font-weight:600;letter-spacing:-.07em;line-height:1;margin:65px 0}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);padding:35px 0 60px}.case-intro h2{font-size:clamp(24px,3vw,45px);letter-spacing:-.05em;line-height:1.4;margin:0;word-break:keep-all}.case-intro p{white-space:pre-line;font-size:16px;line-height:1.9;margin:0 0 22px}.case-images{display:grid;grid-template-columns:1fr 1fr;gap:25px}.case-images img{width:100%;height:auto;align-self:start;display:block}.case-images img:first-child{grid-column:1/-1}.case-next{display:block;border-top:1px solid var(--line);margin-top:80px;padding:40px 0 80px}.case-next>span{font-size:12px}.case-next h2{font-size:clamp(32px,7vw,110px);letter-spacing:-.055em;line-height:1;margin:25px 0}.small-footer{background:var(--acid);display:flex;justify-content:space-between;gap:30px;padding:40px 3.5%;font-size:16px}.small-footer span{font-size:12px}@media(max-width:640px){.case-intro{grid-template-columns:1fr;gap:28px}.case-images{grid-template-columns:1fr;gap:15px}.case-study{padding:35px 5% 0}.case-study>h1{margin:45px 0}.small-footer{flex-direction:column}}

:root{--primary:#009cff;--primary-foreground:#061d2b;--input:#8298a7;--ring:#006eae;--muted:#edf5fa;--muted-foreground:#506776;--border:#d8e3eb;--radius:.3rem;--accent:#009cff;--accent-foreground:#061d2b;--secondary:#edf5fa;--secondary-foreground:#101820;--destructive:#c02323}

.project-image,.case-images,.case-study,.home-work,.archive-page,.single-page,.archive-grid{background:#fff}.project-image img{object-fit:contain}.work-orbit{color:#061d2b}.header{gap:4%}.header nav{gap:30px}.hero-title i{color:#009cff}.hero-track{height:190svh}.film-shade{background:linear-gradient(180deg,rgba(3,14,24,.6),rgba(3,14,24,.25) 50%,rgba(3,14,24,.85))}.voucher{background:#071824;color:#f1f8fc;padding:55px 4% 32px;scroll-margin-top:0}.voucher-top{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #ffffff30;font-size:14px}.voucher-lead{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding:70px 0 80px}.voucher-kicker{font-size:16px;color:#afc4d2;margin:0 0 24px}.voucher h2{font-size:clamp(44px,6vw,100px);line-height:1.25;letter-spacing:-.075em;font-weight:600;margin:0 0 27px;word-break:keep-all}.voucher h2 em{color:#009cff;font-style:normal}.voucher-copy{font-size:17px;line-height:1.85;color:#c2d2dc;margin:0 0 32px}.blue-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;background:#009cff;color:#061d2b;padding:18px 25px;font-size:16px;font-weight:600}.blue-cta span{font-size:26px}.blue-cta:hover{background:#4bb9ff}.voucher-word{color:#009cff;font-size:clamp(42px,5.2vw,95px);font-weight:800;line-height:.95;letter-spacing:-.065em;align-self:center;border-left:1px solid #ffffff30;padding-left:9%}.voucher-word>span{display:block}.voucher-arrow{display:block;font-size:2.2em;line-height:.8;margin:25px 0 30px}.voucher-word small{color:#b2cbdc;display:block;font-size:12px;line-height:1.6;letter-spacing:.08em;font-weight:400}.voucher-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.voucher-services>div{padding:27px 20px 27px 0}.voucher-services>div+div{padding-left:25px;border-left:1px solid #ffffff30}.voucher-services>div>span{font-size:12px;color:#61c0ff}.voucher-services h3{font-size:22px;letter-spacing:-.045em;margin:28px 0 10px}.voucher-services p{color:#a8bfce;font-size:14px;margin:0;line-height:1.6}.voucher-partner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;font-size:14px;color:#b1c8d7}.voucher-partner p{margin:0;line-height:1.7}.voucher-partner strong{font-weight:500;color:#fff}.voucher-partner a{white-space:nowrap}.home-work .section-heading h2{font-size:clamp(38px,4.6vw,72px);line-height:1.2;letter-spacing:-.075em}.home-work .section-heading{padding:45px 0 30px}.carousel-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;color:#516978}.carousel-tools>div{display:flex;gap:10px}.carousel-arrow[data-slot]{position:static!important;transform:none;margin:0;border:1px solid #b9ccd8;border-radius:50%;width:42px;height:42px;background:#fff;color:#153a51;cursor:pointer}.carousel-arrow:disabled{opacity:.3;cursor:default}.work-slide[data-slot]{flex-basis:28%;padding-left:25px}.carousel-track{margin-left:-25px}.compact-project h3{font-size:17px;font-weight:500;line-height:1.6;letter-spacing:-.04em;margin:12px 0 6px;word-break:keep-all}.compact-project>p{font-size:12px;color:#617b8c}.compact-project .project-open{width:32px;height:32px;right:10px;bottom:10px;font-size:20px}.home-work .all-work{margin-top:38px;font-size:16px}.studio{background:#edf7fe}.studio h2 em{border-color:#009cff}.studio-mark{color:#009cff}.footer-cta:hover span{color:#007bc9}.footer-details a:hover,.footer-base a:hover{color:#007bc9}.work-filters{display:flex;flex-wrap:wrap;gap:10px 25px;padding:24px 0;border-bottom:1px solid #d8e3eb}.work-filters a{font-size:14px;padding:8px 0;color:#536b7b}.work-filters a[aria-current=page]{color:#005b94;border-bottom:2px solid #009cff}.work-filters sup{font-size:11px;margin-left:8px}.archive-count{font-size:12px;margin:28px 0;color:#547084}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.archive-grid .project:nth-child(even){margin-top:0}.archive-grid .project-info h2{font-size:18px;line-height:1.6;font-weight:500;word-break:keep-all}.archive-grid .project>p{font-size:12px}.archive-grid .project-open{height:34px;width:34px;font-size:22px}.single-page .case-study>h1{font-size:clamp(35px,5vw,78px);line-height:1.3;letter-spacing:-.06em;max-width:1100px;word-break:keep-all}.single-page .case-next h2{font-size:clamp(27px,3.6vw,55px);line-height:1.4;word-break:keep-all}.case-category{font-size:14px!important;color:#577285;margin-top:16px!important}.single-page .case-images img{background:#fff}.single-page .case-images{gap:35px}.inner-page .header{background:#fff}.case-intro p{white-space:pre-line}.single-page .section-top{gap:20px}.single-page .section-top span{font-size:12px}
@media(max-width:900px){.header-note{display:none}.header nav{gap:22px}.voucher-lead{grid-template-columns:1.4fr 1fr;gap:4%}.voucher-word{font-size:5vw}.voucher-services h3{font-size:19px}.work-slide[data-slot]{flex-basis:37%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voucher-copy{font-size:16px}.voucher-top>span:last-child{font-size:12px}}
@media(max-width:600px){.header nav{gap:15px;font-size:12px}.header nav .contact-link span{display:none}.header .logo{font-size:41px}.header .logo span{font-size:12px}.voucher{padding:40px 5% 26px}.voucher-top>span:last-child{display:none}.voucher-lead{display:block;padding:40px 0}.voucher-word{display:none}.voucher-kicker{font-size:14px}.voucher-copy{font-size:16px}.voucher-copy br{display:none}.voucher-services{grid-template-columns:1fr 1fr}.voucher-services>div{padding:22px 12px!important}.voucher-services>div:nth-child(3){border-left:0;border-top:1px solid #ffffff30}.voucher-services>div:nth-child(4){border-top:1px solid #ffffff30}.voucher-services h3{font-size:20px;margin-top:20px}.voucher-services p{font-size:14px}.voucher-partner{display:block;font-size:14px}.voucher-partner a{display:inline-block;margin-top:12px}.work-slide[data-slot]{flex-basis:76%}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}.archive-grid .project-info h2{font-size:15px;line-height:1.5}.archive-grid .project-open{width:28px;height:28px;right:5px;bottom:5px;font-size:18px}.archive-grid .project>p{font-size:12px}.work-filters{gap:8px 19px}.work-filters a{font-size:12px}.footer-details div{flex-wrap:wrap}.single-page .case-images{grid-template-columns:1fr}.single-page .case-intro{grid-template-columns:1fr;gap:25px}.hero-track{height:180svh}}
@media(prefers-reduced-motion:reduce){.hero-track{height:100svh}}
.contact-layout{padding:75px 4% 100px;display:grid;grid-template-columns:1fr 1.15fr;gap:8%;border-bottom:1px solid var(--line)}.contact-intro h1{font-size:clamp(40px,4.3vw,70px);line-height:1.25;letter-spacing:-.075em;font-weight:600;margin:35px 0 25px}.contact-intro h1 em{font-style:normal;color:#007cc8}.contact-intro>p{font-size:16px;line-height:1.8;color:#526c7f}.contact-intro>a{display:block;font-size:24px;margin-top:40px;letter-spacing:-.03em}.contact-intro .contact-kakao{font-size:14px;margin-top:20px;color:#526c7f}.contact-form{min-width:0}.form-note{display:flex;justify-content:space-between;font-size:16px;margin:0 0 30px;padding-bottom:20px;border-bottom:1px solid #aec5d4}.form-note span{font-size:12px;color:#536d80}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-field{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.form-field label,.contact-form legend{font-size:14px;font-weight:500}.form-field label>span,.contact-form legend>span{color:#007ac5}.contact-form input[data-slot=input]{border:0;border-bottom:1px solid #aec5d4;border-radius:0;padding:13px 0;font-size:16px;height:auto;box-shadow:none;background:#fff}.contact-form textarea{border:1px solid #aec5d4;border-radius:0;padding:15px;font-size:16px;min-height:190px;resize:vertical;field-sizing:fixed}.contact-form fieldset{border:0;padding:0;margin:0 0 30px}.contact-form legend{margin-bottom:15px}.budget-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.budget-option{display:flex;gap:9px;align-items:center;justify-content:center;min-height:54px;border:1px solid #b8cbd7;font-size:14px;cursor:pointer;padding:10px 8px}.budget-option.selected{border-color:#009cff;background:#eaf7ff;color:#005481}.budget-option [data-slot=radio-group-item]{border-color:#839fad;background:white}.budget-option [data-checked]{background:#009cff}.privacy-note p{font-size:13px;line-height:1.7;color:#607a8c;margin:0 0 15px}.consent{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.6;cursor:pointer}.consent [data-slot=checkbox]{width:19px;height:19px;flex-shrink:0}.submit-inquiry{display:flex;align-items:center;justify-content:space-between;background:#009cff;color:#061d2b;border:0;padding:19px 23px;width:100%;margin-top:28px;font-size:17px;font-weight:600;cursor:pointer}.submit-inquiry span{font-size:27px}.submit-inquiry:hover{background:#45b7ff}.submit-inquiry:disabled{opacity:.6;cursor:wait}.form-error{color:#b02525;font-size:14px;line-height:1.7;margin:20px 0 0}.form-error a{display:block;color:#0066a6;text-decoration:underline;text-underline-offset:4px}.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-success{padding:45px 30px;background:#edf8ff;align-self:start}.contact-success>span{font-size:72px;color:#007ac5}.contact-success h2{font-size:30px;letter-spacing:-.05em}.contact-success p{line-height:1.8;font-size:16px}.contact-success a{display:block;margin-top:30px;color:#0066a6}@media(max-width:950px){.contact-layout{grid-template-columns:1fr;gap:55px;padding-top:45px}.contact-intro h1{font-size:clamp(40px,7vw,65px)}.contact-intro>a{margin-top:25px}}@media(max-width:480px){.form-row{grid-template-columns:1fr;gap:0}.budget-options{grid-template-columns:1fr}.budget-option{justify-content:flex-start;padding-left:17px}.contact-layout{padding:40px 5% 65px}.contact-intro>p br{display:none}}

.diea-original{max-width:1400px;margin:auto;padding:40px 0 80px;background:#fff}.diea-original img{max-width:100%;height:auto;background:#fff}.diea-original p{font-size:18px;line-height:1.85}.diea-original .mk-grid{max-width:100%}.diea-original .mk-padding-divider{max-height:60px}.diea-page .header nav a,.diea-page .header .logo{color:inherit}.diea-pagination{display:flex;gap:20px;justify-content:center;margin-top:50px}.diea-page a{text-decoration:none}.diea-page .case-study>h1{font-size:clamp(35px,5vw,78px);line-height:1.3;word-break:keep-all}.diea-page .project-info h3{font-size:18px;line-height:1.6}.diea-page .projects{grid-template-columns:repeat(3,minmax(0,1fr))}.diea-page .project:nth-child(even){margin-top:0}.diea-native-track{display:flex;overflow-x:auto;gap:25px;scroll-snap-type:x mandatory;scrollbar-color:#009cff #edf5fa;padding-bottom:20px}.diea-native-track>.project{flex:0 0 28%;scroll-snap-align:start}.diea-page .contact-form input:not([type=radio]):not([type=checkbox]){width:100%;border:0;border-bottom:1px solid #aec5d4;padding:13px 0;font-size:16px;background:#fff}.diea-page .contact-form textarea{width:100%}.diea-page .budget-options{display:grid}.diea-page .budget-option input{accent-color:#009cff}.diea-page.admin-bar .hero-sticky{top:32px}@media(max-width:800px){.diea-page .projects{grid-template-columns:repeat(2,minmax(0,1fr))}.diea-native-track>.project{flex-basis:45%}}@media(max-width:480px){.diea-native-track>.project{flex-basis:78%}.diea-page .project-info h3{font-size:15px}}

/* ─── 포트폴리오 상세 2026-09 레이아웃 ─────────────────────────────── */
.single-page .case-study{padding:18px max(20px,3.5%) 0}
.single-page .section-top,.single-page .case-study>h1,.single-page .case-intro,.single-page .case-images,.single-page .case-next{max-width:1180px;margin-left:auto;margin-right:auto}
.single-page .case-study>h1{font-size:clamp(29px,4.2vw,60px);font-weight:600;line-height:1.28;letter-spacing:-.045em;margin-top:clamp(28px,4vw,52px);margin-bottom:clamp(34px,4.5vw,60px);word-break:keep-all}
.single-page .case-intro{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start;border-top:1px solid var(--line);padding:34px 0 clamp(44px,5vw,72px)}
.single-page .case-meta{position:sticky;top:32px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.single-page .case-meta .eyebrow{font-size:11px;letter-spacing:.16em;color:#7d93a3}
.single-page .case-meta dl{margin:0;display:flex;flex-direction:column;gap:15px}
.single-page .case-meta dt{margin:0;font-size:11px;letter-spacing:.12em;color:#8ba0af}
.single-page .case-meta dd{margin:5px 0 0;font-size:15px;line-height:1.55;color:#101820;word-break:keep-all}
.single-page .case-cta{display:inline-flex;align-items:center;gap:9px;border:1px solid #cfdde7;border-radius:999px;padding:11px 18px;font-size:13px;color:#0b2233;transition:background .2s,border-color .2s,color .2s}
.single-page .case-cta:hover{background:#009cff;border-color:#009cff;color:#fff}
.single-page .case-body{max-width:64ch}
.single-page .case-body p{font-size:clamp(15px,1.05vw,17px);line-height:1.9;color:#3a5262;margin:0 0 18px;word-break:keep-all}
.single-page .case-body p:first-child{font-size:clamp(19px,1.6vw,26px);line-height:1.62;letter-spacing:-.025em;color:#101820;margin-bottom:26px}
.single-page .case-body p:last-child{margin-bottom:0}
.single-page .case-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,32px);padding:0}
.single-page .case-shot{margin:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #edf2f6;border-radius:18px;padding:clamp(10px,1.6vw,26px);overflow:hidden}
.single-page .case-shot img{width:auto;max-width:100%;height:auto;max-height:min(72svh,780px);object-fit:contain;display:block;background:#fff}
.single-page .case-shot--wide{grid-column:1/-1}
.single-page .case-next{border-top:1px solid var(--line);margin-top:clamp(48px,6vw,80px);padding:34px 0 clamp(56px,7vw,84px)}
@media(max-width:900px){
.single-page .case-intro{grid-template-columns:1fr;gap:24px;padding:26px 0 40px}
.single-page .case-meta{position:static;gap:14px}
.single-page .case-meta dl{flex-direction:row;flex-wrap:wrap;gap:12px 30px}
.single-page .case-body{max-width:none}
.single-page .case-images{grid-template-columns:1fr;gap:14px}
.single-page .case-shot{border-radius:14px;padding:12px}
.single-page .case-shot img{max-height:none}
}

/* ─── 스티키 헤더 (2026-09) ───────────────────────────────────────── */
.diea-page .header{position:sticky;top:0;z-index:60;margin-bottom:-94px;transition:background .3s ease,color .3s ease,box-shadow .3s ease}
.diea-page .inner-page .header{position:sticky;margin-bottom:0}
.diea-page.admin-bar .header{top:32px}
.diea-page .header.is-solid{background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);color:#101820;box-shadow:0 1px 0 rgba(16,24,32,.09)}
@media(max-width:800px){.diea-page .header{margin-bottom:-80px}.diea-page .inner-page .header{margin-bottom:0}}
@media(max-width:782px){.diea-page.admin-bar .header{top:0}}
@media(prefers-reduced-motion:reduce){.diea-page .header{transition:none}}