@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--ink:#050505;--muted:#666;--line:#ccc;--accent:#111;--font:'DM Sans','Noto Sans KR',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fff;color:#050505;font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #657ee7;outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.8;word-break:keep-all}h1,h2,h3{word-break:keep-all}em{font-style:italic;font-weight:400}.skip{position:fixed;top:-100px;left:20px;background:#111;color:#fff;z-index:100;padding:12px}.skip:focus{top:20px}.header{position:fixed;left:0;right:0;top:0;height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 2.4%;z-index:25;background:#ffffffed}.wordmark{font-size:39px;font-weight:700;letter-spacing:-3px;position:relative;display:inline-block;line-height:1}.wordmark-circle{width:40px;height:40px;border:1.5px solid #111;border-radius:50%;position:absolute;left:-6px;top:-3px}.header nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600;letter-spacing:.3px}.header nav a{padding:5px 10px;border-radius:25px;transition:color .2s,background .2s}.header nav a:hover,.header nav .nav-work{background:#050505;color:#fff}.hero{position:relative;min-height:760px;height:100svh;max-height:1200px;background:#fff;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-statement{width:100%;z-index:2;position:relative;padding-top:30px}.hero h1{font-size:clamp(72px,11.9vw,190px);line-height:1.03;font-weight:400;letter-spacing:-.065em;text-align:center;white-space:nowrap}.hero-statement p{font-size:clamp(15px,1.7vw,25px);text-align:right;width:82%;margin:28px auto 0;letter-spacing:-.8px;font-weight:500}.chrome-object{position:absolute;width:min(61vw,820px);height:min(65vw,790px);top:50%;left:50%;transform:translate(-50%,-48%);z-index:0;filter:drop-shadow(0 20px 30px #8a96a322);pointer-events:none}.chrome-core{width:100%;height:100%;border-radius:47% 53% 57% 43% / 46% 36% 64% 54%;background:radial-gradient(ellipse at 22% 22%,#fff 0%,#f6f7f9 12%,transparent 40%),radial-gradient(ellipse at 78% 31%,#fff 0%,#edf0f3 17%,transparent 40%),radial-gradient(ellipse at 70% 77%,#f6f7f9 0%,#e4e8ed 23%,transparent 50%),linear-gradient(115deg,#e3e5e9 0%,#b7bec8 16%,#f8f9fa 33%,#e9ecf0 46%,#b3bbc7 62%,#eff1f5 81%,#fff 100%);box-shadow:inset 14px 10px 18px #fff9,inset -15px -10px 32px #78849344,inset 42px 0 44px #fff8;animation:chromeFloat 13s ease-in-out infinite;opacity:.88;filter:blur(.6px)}.chrome-core:before{content:'';position:absolute;inset:4%;border-radius:inherit;background:radial-gradient(ellipse at 30% 30%,#ffffffb5 0%,transparent 58%);box-shadow:inset 3px 4px 8px #fff8;filter:blur(5px)}.hero-scroll{position:absolute;bottom:91px;left:50%;font-size:24px;z-index:4}.marquee{position:absolute;bottom:0;left:0;right:0;padding:19px 0 23px;overflow:hidden;z-index:3}.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee-track>span{font-size:clamp(21px,2.1vw,34px);letter-spacing:-1px;white-space:nowrap}.marquee i{font-style:normal;font-size:1.3em;margin:0 22px}.intro{height:740px;position:relative;overflow:hidden;padding:110px 3%}.intro h2{font-size:clamp(48px,5.1vw,80px);line-height:1.12;letter-spacing:-3px;position:relative;z-index:2;font-weight:500}.intro h2 em{font-style:normal}.intro-image{position:absolute;width:57%;bottom:14px;left:-7%;transform:rotate(-10deg)}.intro-image img{width:100%;filter:drop-shadow(0 15px 15px #0002)}.intro-copy{position:absolute;right:4%;bottom:135px;width:46%;text-align:right}.intro-copy p{font-size:clamp(14px,1.5vw,22px);line-height:1.8;font-weight:500;letter-spacing:-.5px}.intro-copy a{display:inline-block;margin-top:35px;font-size:15px;border-bottom:1px solid #111;padding-bottom:5px}.why{padding:85px 2.4% 90px;background:#000;color:#fff}.why>h2{font-size:clamp(38px,4.5vw,70px);font-weight:500;letter-spacing:-2px}.why-icons{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;align-items:center;padding:65px 0 55px;gap:30px}.why-icons>span{font-size:125px;line-height:1.3;font-weight:400;background:linear-gradient(130deg,#e7e3ff 12%,#949bff 28%,#fff 35%,#3462b7 42%,#aaa0ed 50%,#fff 59%,#1b3a66 70%,#b4a6e5 78%,#fff 88%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(3px 5px 0 #4d417c44)}.why-icons>span:nth-child(2){transform:rotate(-15deg);font-size:105px}.why-icons>span:last-child{transform:rotate(-10deg)}.approach-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.approach-list h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0 0 12px}.approach-list p{font-size:12px;line-height:1.9;color:#ddd}.work{padding:0;background:#fff}.work-heading{padding:90px 3% 65px;text-align:center}.work-heading h2{font-size:clamp(47px,6vw,90px);font-weight:400;letter-spacing:-4px;line-height:1.2}.work-heading p{margin-top:19px;font-size:14px;color:#555}.filter-bar{display:flex;gap:35px;align-items:center;border-top:2px solid #111;border-bottom:2px solid #111;padding:25px 2.4%;margin:0 0 95px}.filter-label{font-size:30px;font-weight:600;min-width:150px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{border:1px solid transparent;padding:8px 15px;border-radius:30px;background:transparent;font-size:14px;font-weight:500;letter-spacing:.1px}.filters button.active,.filters button:hover{border-color:#111}.filters button.active{background:#fff;color:#000}#result-count{font-size:9px;color:#666;margin-left:auto;white-space:nowrap}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.project{position:relative;min-width:0;animation:enter .3s}.project[hidden]{display:none}.project-open{padding:0;width:100%;height:100%;display:block;position:relative;text-align:center;background:#111;color:#fff;overflow:hidden}.project-visual{aspect-ratio:1.3;position:relative;overflow:hidden;background:var(--bg,#ddd);display:flex;align-items:center;justify-content:center}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.25,.6,.2,1)}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#0000 40%,#0008 100%);transition:background .3s}.project-open:hover .project-visual>img{transform:scale(1.055)}.project-open:hover .project-visual:after{background:#0006}.project-meta{position:absolute;top:17px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.6px;opacity:0;z-index:3;transition:opacity .25s}.project-open:hover .project-meta{opacity:1}.project h3{position:absolute;bottom:49px;left:7%;right:7%;font-size:clamp(17px,1.7vw,26px);font-weight:500;letter-spacing:-.6px;line-height:1.4;z-index:3;transition:transform .25s;text-shadow:0 1px 12px #0004}.project-desc{position:absolute;left:5%;right:5%;bottom:22px;font-size:10px;z-index:3;color:#f8f8f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-num{position:absolute;left:20px;top:18px;font-size:10px;letter-spacing:1px;z-index:3;color:#fff;mix-blend-mode:difference}.project-arrow{position:absolute;right:19px;top:15px;font-size:22px;z-index:3;opacity:0}.project-open:hover .project-arrow{opacity:1}.project-open:hover h3{transform:translateY(-5px)}.project-visual.proposal>img{object-fit:contain;width:100%;height:100%}.project-visual.brand>img{width:72%;height:72%;object-fit:contain;mix-blend-mode:multiply}.brand-caption{display:none}.project-visual.tall>img{object-fit:contain;height:90%;width:85%}.project-visual.social>img{width:58%;height:85%;object-fit:cover;transform:rotate(-6deg);margin-left:-25%}.social-type{position:absolute;right:5%;top:18%;font-size:clamp(25px,3.1vw,48px);line-height:1.1;letter-spacing:-2px;text-align:left;color:#fff}.social-type small{font-size:8px;letter-spacing:.8px;display:block;margin-top:15px;line-height:1.5}.project-visual.editorial{padding:35px 7%;gap:20px;color:#111}.editorial-type{font-size:clamp(20px,2vw,33px);font-weight:600;letter-spacing:-1.5px;text-align:left;line-height:1.6}.editorial-type small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:15px}.editorial-sheet{padding:20px 12px;background:#fff;width:45%;transform:rotate(8deg);box-shadow:0 15px 25px #0002;border-top:4px solid #111;text-align:left}.editorial-sheet strong{font-size:14px;display:block;margin-bottom:20px}.editorial-sheet span{display:block;border-bottom:1px solid #bbb;padding:9px 0;font-size:8px;white-space:nowrap}.services{padding:110px 4% 100px}.services-title{text-align:center;margin-bottom:70px}.services-title h2{font-size:clamp(45px,5vw,76px);font-weight:400;letter-spacing:-3px}.services-title p{font-size:14px;margin-top:18px;color:#555}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.service-grid>a{text-align:center}.service-image{height:330px;background:linear-gradient(135deg,#f6f6f6,#d3d5d9);display:flex;align-items:center;justify-content:center;overflow:hidden}.service-image img{width:100%;max-height:100%;object-fit:contain;transition:transform .4s}.service-proposal img{width:86%;box-shadow:0 10px 30px #0003;transform:rotate(-8deg)}.service-brand img{width:70%;mix-blend-mode:multiply}.service-grid a:hover img{transform:scale(1.04)}.service-grid h3{font-size:25px;letter-spacing:-.6px;font-weight:500;margin:24px 0 12px}.service-grid p{font-size:13px;line-height:1.8;color:#444}.service-grid a>span{display:inline-block;font-size:12px;margin-top:25px;font-weight:600}.section-pad{padding:85px 4%}.eyebrow{font-size:10px;letter-spacing:1.1px}.numbers{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:25px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;align-items:center;padding-top:50px;padding-bottom:50px}.numbers-label>p:nth-child(2){font-size:19px;margin:12px 0}.numbers-label small{font-size:9px;color:#777;line-height:1.8;display:block}.numbers strong{font-size:65px;font-weight:400;letter-spacing:-3px;line-height:1}.numbers strong span{font-size:13px;letter-spacing:0;margin-left:7px}.numbers>div>p{font-size:12px;color:#555;margin-top:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-heading .eyebrow{margin-bottom:20px;color:#666}.section-heading h2{font-size:37px;font-weight:500;letter-spacing:-1.5px}.section-intro{font-size:12px;color:#666}.archive-table{border-top:1px solid #111;margin-top:45px}.archive details{border-bottom:1px solid #ccc}.archive summary{list-style:none;cursor:pointer;display:flex;gap:28px;align-items:center;padding:27px 0}.archive summary::-webkit-details-marker{display:none}.archive-no{font-size:10px;color:#777}.archive summary h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.archive-tags{font-size:9px;letter-spacing:.7px;color:#777;margin-left:auto}.plus{font-size:23px;transition:transform .2s}.archive details[open] .plus{transform:rotate(45deg)}.archive-body{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;padding:0 45px 30px;color:#666;font-size:12px;line-height:2}.archive-body ul{padding-left:16px;margin:0}.archive-body li{padding-bottom:7px;word-break:keep-all}.connect{background:#000;color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:480px;align-items:center;overflow:hidden}.contact-art{position:relative;height:100%;min-height:480px;display:flex;align-items:center;justify-content:center;isolation:isolate}.contact-art>span{font-size:130px;letter-spacing:-10px;transform:rotate(-15deg);padding:20px 75px 40px;background:linear-gradient(130deg,#737373,#171717 60%);border:1px solid #555;box-shadow:0 15px 50px #5d5f6740;z-index:2}.contact-ring{position:absolute;width:340px;height:340px;border:12px solid #888;border-radius:28%;transform:rotate(-25deg);box-shadow:inset 2px 3px 4px #fff,2px 3px 5px #fff8;right:-10%;top:-35%;z-index:-1}.contact-copy{padding:60px 9% 60px 4%}.contact-copy h2{font-size:clamp(32px,4.1vw,66px);font-weight:400;line-height:1.2;letter-spacing:-2px}.contact-copy p{font-size:12px;color:#bbb;margin-top:22px}.connect-link{display:flex;align-items:center;justify-content:space-between;max-width:330px;border-bottom:1px solid #777;padding:20px 0 13px;margin-top:28px;font-size:14px}.connect-link span{font-size:54px;line-height:1}footer{background:#000;color:#fff;border-top:1px solid #333;padding:35px 3%}.footer-wordmark{font-size:90px;letter-spacing:-7px;font-weight:500;color:#fff;text-shadow:1px 2px #777}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:75px;font-size:10px;color:#ccc}.footer-bottom p{font-size:10px}.floating-connect{position:fixed;right:24px;top:130px;width:66px;height:66px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 30% 20%,#fff 4%,#c7b5ec 28%,#f5d7ed 46%,#a9d9ed 65%,#d5edca 83%,#fff 100%);box-shadow:inset 0 0 7px #fff9;z-index:22;font-size:11px;line-height:1.1;font-weight:500;letter-spacing:-.5px;transition:transform .2s}.floating-connect span{position:absolute;bottom:4px;right:16px;font-size:16px}.floating-connect:hover{transform:rotate(12deg)}
@keyframes chromeFloat{0%,100%{transform:rotate(-7deg) scale(.97);border-radius:47% 53% 57% 43% / 46% 36% 64% 54%}50%{transform:rotate(9deg) scale(1.02);border-radius:55% 45% 39% 61% / 51% 53% 47% 49%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes enter{from{opacity:.5}to{opacity:1}}
dialog{padding:0;border:none;background:var(--paper);color:var(--ink);max-width:1120px;width:calc(100% - 60px);max-height:92dvh;overscroll-behavior:contain}dialog::backdrop{background:#141814bd;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:var(--paper);border-bottom:1px solid var(--line);padding:17px 32px;z-index:10;font-size:10px;letter-spacing:1px}.dialog-bar button{background:transparent;font-size:12px;padding:5px;display:flex;gap:22px;align-items:center}.dialog-bar button span{font-size:26px;line-height:1}.detail-header{padding:48px 6% 38px}.detail-header .eyebrow{color:var(--muted);font-size:10px}.detail-header h2{font-size:42px;font-weight:500;letter-spacing:-2px;line-height:1.4;margin:20px 0 18px}.detail-header>p:last-child{font-size:14px;color:var(--muted)}.detail-hero{width:100%;max-height:620px;object-fit:contain;background:#e5e5dd}.detail-info{display:grid;grid-template-columns:1fr 2fr;gap:7%;padding:44px 6%;border-bottom:1px solid var(--line)}.detail-spec{font-size:11px}.detail-spec dt{color:var(--muted);font-size:9px;letter-spacing:1px;margin:0 0 7px}.detail-spec dd{margin:0 0 22px;line-height:1.9}.detail-narrative h3{font-size:18px;font-weight:500;margin-bottom:12px}.detail-narrative p,.detail-narrative li{font-size:13px;line-height:1.95;color:#65685e;word-break:keep-all}.detail-narrative ul{padding-left:18px;margin:0 0 30px}.detail-narrative h3:not(:first-child){margin-top:26px}.detail-gallery{padding:38px 6%;display:grid;gap:28px}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;max-height:680px;object-fit:contain;background:#e9e8e1}.detail-gallery figcaption{font-size:10px;color:var(--muted);line-height:1.8;margin-top:10px}.detail-link{display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0;font-size:12px;margin-top:15px}.detail-note{font-size:10px;line-height:1.9;color:var(--muted);padding:0 6% 35px}.detail-next{border-top:1px solid var(--line);width:100%;padding:25px 6%;display:flex;justify-content:space-between;text-align:left;background:transparent;font-size:14px}.detail-next span{font-size:10px;color:var(--muted)}@media(min-width:1800px){.intro,.why,.services,.archive,.numbers{padding-left:max(3%,calc((100vw - 1700px)/2));padding-right:max(3%,calc((100vw - 1700px)/2))}.service-image{height:420px}}
@media(max-width:1050px){.header nav{gap:12px;font-size:12px}.filter-label{min-width:85px;font-size:26px}.filter-bar{gap:18px}.filters{gap:2px}.filters button{font-size:12px;padding:8px 10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project h3{font-size:23px}.project-visual{aspect-ratio:1.5}.service-image{height:255px}.service-grid h3{font-size:22px}.why .approach-list{gap:25px}.approach-list h3{font-size:16px}.approach-list p{font-size:11px}.intro{height:650px}.intro-copy{bottom:120px}.numbers strong{font-size:51px}.contact-art>span{font-size:105px;padding:20px 45px 35px}.social-type{font-size:43px}}
@media(max-width:700px){html{scroll-padding-top:70px}.header{height:68px;padding:0 5%}.wordmark{font-size:33px}.wordmark-circle{width:34px;height:34px;left:-5px;top:-2px}.header nav{gap:5px;font-size:10px;letter-spacing:0}.header nav a{padding:5px 8px}.header nav a:nth-child(2),.header nav a:nth-child(4){display:none}.hero{height:88svh;min-height:580px;max-height:900px}.hero-statement{padding-top:0}.hero h1{font-size:13vw;letter-spacing:-.065em}.hero-statement p{font-size:12px;margin-top:20px;width:90%;letter-spacing:-.5px;text-align:right}.chrome-object{width:90vw;height:94vw;transform:translate(-50%,-52%)}.hero-scroll{font-size:21px;bottom:88px}.marquee{padding:19px 0 24px}.marquee-track>span{font-size:21px}.marquee i{margin:0 15px}.intro{padding:70px 5%;height:640px}.intro h2{font-size:47px;letter-spacing:-2px;line-height:1.15}.intro-image{width:100%;bottom:-5px;left:-24%;opacity:.95}.intro-copy{width:82%;right:6%;bottom:225px}.intro-copy p{font-size:13px;line-height:1.9;text-align:right}.intro-copy a{font-size:12px;margin-top:20px}.why{padding:55px 5% 50px}.why>h2{font-size:39px;letter-spacing:-1.5px}.why-icons{padding:40px 0 35px;gap:12px}.why-icons>span{font-size:90px}.why-icons>span:nth-child(2){font-size:75px}.approach-list{grid-template-columns:1fr;gap:25px}.approach-list h3{font-size:19px;margin-bottom:8px}.approach-list p{font-size:11px}.work-heading{padding:60px 5% 40px}.work-heading h2{font-size:47px;letter-spacing:-2px}.work-heading p{font-size:12px;margin-top:16px}.filter-bar{padding:19px 5%;margin-bottom:50px;gap:15px;display:block}.filter-label{font-size:24px;display:block;margin-bottom:15px}.filters{gap:3px;flex-wrap:nowrap;overflow:auto;padding-bottom:2px}.filters button{font-size:10px;padding:7px 9px;white-space:nowrap;flex-shrink:0}#result-count{display:none}.project-grid{grid-template-columns:1fr;gap:0}.project-visual{aspect-ratio:1.45}.project h3{font-size:23px;bottom:46px}.project-desc{font-size:10px;bottom:19px}.project-meta{display:none}.project-num{font-size:9px;left:17px;top:15px}.project-arrow{opacity:1;font-size:20px}.project-visual.editorial{gap:20px;padding:30px}.editorial-type{font-size:30px}.social-type{font-size:47px}.services{padding:65px 7% 60px}.services-title{margin-bottom:35px}.services-title h2{font-size:46px;letter-spacing:-2px}.services-title p{font-size:11px;margin-top:15px}.service-grid{grid-template-columns:1fr;gap:47px}.service-image{height:310px}.service-grid h3{font-size:25px;margin-top:23px}.service-grid p{font-size:12px}.service-grid a>span{font-size:11px;margin-top:17px}.section-pad{padding:55px 6%}.numbers{grid-template-columns:1fr 1fr;gap:30px}.numbers-label{grid-column:1/-1}.numbers-label small{font-size:9px}.numbers strong{font-size:57px}.numbers>div>p{font-size:11px}.section-heading{display:block}.section-heading h2{font-size:28px;letter-spacing:-1px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.section-intro{font-size:11px;margin-top:18px}.archive-table{margin-top:30px}.archive summary{gap:15px;padding:23px 0}.archive summary h3{font-size:16px}.archive-no{font-size:9px}.archive-tags{display:none}.archive .plus{margin-left:auto}.archive-body{grid-template-columns:1fr;gap:20px;padding:0 0 25px 25px;font-size:11px}.connect{grid-template-columns:1fr;min-height:auto}.contact-art{min-height:260px;overflow:hidden}.contact-art>span{font-size:100px;padding:15px 80px 35px;transform:rotate(-12deg)}.contact-ring{width:280px;height:280px;right:-4%;top:-45%}.contact-copy{padding:40px 7% 60px}.contact-copy h2{font-size:41px;letter-spacing:-1.5px}.contact-copy p{font-size:11px;margin-top:20px}.connect-link{font-size:12px;max-width:none;margin-top:22px}.connect-link span{font-size:45px}footer{padding:28px 6%}.footer-wordmark{font-size:75px;letter-spacing:-5px}.footer-bottom{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:8px}.footer-bottom p{grid-column:1/-1;font-size:8px}.footer-bottom>a{text-align:right}.floating-connect{width:54px;height:54px;right:13px;top:88px;font-size:9px}.floating-connect span{bottom:3px;right:12px;font-size:13px}dialog{width:calc(100% - 20px);max-height:95dvh}.dialog-bar{padding:13px 6%}.detail-header{padding-top:32px}.detail-header h2{font-size:29px;letter-spacing:-1px}.detail-header>p:last-child{font-size:12px}.detail-info{grid-template-columns:1fr;padding-top:30px;gap:25px}.detail-spec{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.detail-spec>div{min-width:0}.detail-spec dd{font-size:10px}.detail-narrative h3{font-size:16px}.detail-narrative p,.detail-narrative li{font-size:12px}.detail-gallery{padding-top:26px;gap:22px}.detail-next{font-size:12px;gap:20px}.detail-next span{font-size:8px}.detail-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.chrome-core{transform:rotate(-5deg)}}
/* Four disciplines and text covers for Canva work without a public image asset. */
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.2%}
.service-grid h3{font-size:clamp(18px,1.55vw,25px)}
.service-publication{position:relative;background:#dcebe9;isolation:isolate}
.publication-poster{width:58%;height:84%;background:#155c6c;color:#fff;padding:20px 16px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-7deg);box-shadow:14px 16px 25px #18414a36}
.publication-poster small{font-size:10px;letter-spacing:.1em}
.publication-poster strong{font-size:clamp(27px,3.1vw,53px);line-height:.98;letter-spacing:-.06em}
.publication-poster span{font-size:11px;line-height:1.5}
.publication-strip{position:absolute;right:-11%;bottom:20%;transform:rotate(-7deg);background:#d2fd5a;color:#194853;font-size:9px;letter-spacing:.12em;padding:11px 25px;font-weight:700}
.project-type-cover{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:8%;color:#143c44}
.project-type-cover small{font-size:clamp(9px,.85vw,14px);letter-spacing:.14em;font-weight:700}
.project-type-cover strong{font-size:clamp(35px,4.6vw,88px);line-height:.92;letter-spacing:-.07em}
.project-type-cover span{font-size:clamp(9px,.85vw,13px);letter-spacing:.12em;font-weight:600}
.live-cover{background:radial-gradient(circle at 78% 35%,#ffbd57 0 10%,transparent 11%),radial-gradient(circle at 87% 58%,#f58b88 0 7%,transparent 8%),linear-gradient(135deg,#d9eff1,#a9cce3);color:#103a5b}
.live-cover strong{font-size:clamp(29px,3.5vw,64px);line-height:1.1}
.project-visual.publication:after,.project-visual.live-sketch:after{background:linear-gradient(transparent 65%,#0009)}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 4%}.service-grid h3{font-size:23px}}
@media(max-width:700px){.service-grid{grid-template-columns:1fr;gap:47px}.service-grid h3{font-size:25px}.project-type-cover strong{font-size:13vw}.live-cover strong{font-size:9vw}.publication-poster strong{font-size:50px}}
.catalogue-visual{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:9%;gap:1.2rem;background:#e5e9e7;color:#101916;overflow:hidden}
.catalogue-proposal{background:#dce3ed}.catalogue-publication{background:#e9e4d7}.catalogue-detail{background:#dce9e1}.catalogue-brand{background:#e6dfe8}
.catalogue-type{font-size:clamp(10px,1vw,15px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;z-index:1}
.catalogue-title{font-size:clamp(24px,3vw,58px);font-weight:700;line-height:1.14;letter-spacing:-.06em;max-width:90%;overflow-wrap:anywhere;z-index:1}
.catalogue-visual:before{content:"";position:absolute;width:55%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.2;right:-9%;top:-20%}
.folder-card .project-open{display:block;text-decoration:none;color:inherit;width:100%;height:100%}
.folder-card .project-desc{color:inherit}
.project[hidden]{display:none!important}

.folder-card .catalogue-visual{padding:0;background:#f0f1f1}.folder-card .catalogue-visual:before{content:none}.folder-card .catalogue-visual>img{width:100%;height:100%;object-fit:contain;padding:14px;transform:none}.folder-card .project-open:hover .catalogue-visual>img{transform:scale(1.025)}

.canva-preview{margin:0 auto;max-width:900px;padding:0 5% 48px;text-align:center}.canva-preview img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#f3f3f3}.canva-preview figcaption{margin-top:12px;font-size:12px;color:#666}

.service-thumbnail img{width:100%;height:100%;max-height:none;object-fit:cover}
.service-thumbnail-poster{background:#06122c}
.service-thumbnail-poster img{object-fit:contain}
.folder-card .project-open{color:#fff}
.folder-card .project-visual:after{display:none}

/* Fixed section shortcuts, with a compact menu on small screens. */
.quick-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:80;width:92px;font-family:inherit;text-align:center}
.quick-nav-panel{display:block}.quick-nav-main{display:flex;flex-direction:column;overflow:hidden;border:1px solid #dedede;border-radius:19px;background:#fafafa;color:#111;box-shadow:0 10px 26px #00000014}
.quick-nav-main a{display:flex;min-height:60px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 3px;border-bottom:1px solid #e5e5e5;font-size:10px;font-weight:600;line-height:1.2;transition:background .2s ease,color .2s ease}
.quick-nav-main a:last-child{border-bottom:0}.quick-nav-main a:hover,.quick-nav-main a:focus-visible{background:#111;color:#fff}.quick-nav-main a:focus-visible,.quick-nav-toggle:focus-visible{outline:2px solid #111;outline-offset:2px}
.quick-icon{display:block;font-size:21px;font-weight:400;line-height:1.1}.quick-top{color:#555}.quick-top .quick-icon{font-size:19px}
.quick-nav-links{display:grid;gap:7px;margin-top:10px}.quick-link{display:flex;min-height:32px;align-items:center;justify-content:center;gap:4px;border:1px solid #d9d9d9;border-radius:40px;background:#fff;color:#555;font-size:11px;font-weight:700;white-space:nowrap;cursor:default}.quick-link small{font-size:8px;font-weight:500;color:#888}.quick-youtube,.quick-kakao{background:#fff;color:#555}
.quick-nav-toggle{display:none}
@media(max-width:900px){.quick-nav{top:auto;bottom:18px;right:15px;transform:none;width:92px}.quick-nav-toggle{display:flex;width:92px;min-height:49px;flex-direction:column;align-items:center;justify-content:center;gap:0;border:0;border-radius:28px;background:#111;color:#fff;box-shadow:0 5px 18px #0000002e;font-size:10px;font-weight:700}.quick-nav-toggle>span:first-child{font-size:17px;line-height:1.1}.quick-nav-panel{display:none;position:absolute;right:0;bottom:57px;width:92px}.quick-nav.is-open .quick-nav-panel{display:block}.quick-nav-main a{min-height:55px}.quick-nav-links{margin-top:7px}}
@media(max-height:540px) and (min-width:901px){.quick-nav{top:60px;transform:none}.quick-nav-main a{min-height:46px}.quick-nav-links{display:none}}
@media(max-width:900px) and (max-height:480px){.quick-nav-panel{max-height:calc(100dvh - 85px);overflow:auto}}

/* About section: text on the left, featured project image on the right. */
.intro-image{left:auto;right:2%;width:53%;bottom:80px;transform:rotate(4deg)}
.intro-copy{left:4%;right:auto;width:41%;text-align:left}
@media(max-width:700px){
  .intro{height:680px}
  .intro-copy{left:5%;right:auto;width:90%;bottom:290px;text-align:left}
  .intro-copy p{text-align:left}
  .intro-image{left:auto;right:-8%;width:92%;bottom:35px;transform:rotate(4deg)}
}