@charset "UTF-8";
:root{--paper:#f5f4ef;--ink:#20231e;--muted:#70756c;--line:#d7dbd0;--accent:#d0e4ab;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;word-break:keep-all;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #779452;outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-80px;left:16px;background:var(--ink);color:white;padding:14px;z-index:100}.skip:focus{top:10px}.site-header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;font-weight:500}.brand-symbol{font:italic 52px/.8 var(--serif);letter-spacing:-10px;margin-right:14px}.brand-symbol span{font-style:normal}.site-header nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.site-header nav>a:hover{opacity:.6}.nav-cta{padding:14px 20px;border:1px solid var(--ink);border-radius:30px;display:flex;gap:25px;align-items:center}.hero,.section{margin:0 5%}.hero-top{padding:66px 0 48px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:600;margin-bottom:25px;display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:#779452;display:inline-block;border-radius:100%}h1{font-size:clamp(44px,5.65vw,86px);font-weight:600;line-height:1.18;letter-spacing:-.065em}.hero h1 span{color:#797e72}.hero-aside{width:260px;padding-bottom:8px}.hero-aside p{font-size:15px;line-height:1.9;color:#656b60;margin-bottom:26px}.text-link{display:inline-flex;gap:32px;align-items:center;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:9px;font-weight:600}.text-link span{font-size:22px;line-height:1}.hero-photo{display:block;position:relative;overflow:hidden;background:#c3c0b3;height:clamp(360px,43vw,650px)}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 68%;transition:transform 1s}.hero-photo:hover>img{transform:scale(1.025)}.hero-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#171e175e);pointer-events:none}.hero-label{position:absolute;z-index:1;color:white;bottom:32px;left:34px;right:34px;display:grid;grid-template-columns:1fr auto;gap:8px}.hero-label>span:first-child{font-size:11px;opacity:.8}.hero-label strong{font-size:22px;font-weight:500;grid-column:1}.round-arrow{grid-column:2;grid-row:1/3;align-self:center;border:1px solid #ffffffa0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:24px}.hero-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:18px 0}.section{padding-top:100px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(29px,3.25vw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.35}.count{font-family:var(--serif);font-style:italic;font-size:18px;vertical-align:top;margin-left:14px;color:#7c826f}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px 5%}.project-card:nth-child(even){padding-top:80px}.photo-link{display:block;position:relative;overflow:hidden;background:#e4e4da}.photo-link>img{width:100%;height:100%;aspect-ratio:1.32;object-fit:cover;transition:transform .6s}.project-card:nth-child(even) .photo-link>img{aspect-ratio:1.17}.photo-link:hover>img{transform:scale(1.035)}.photo-arrow{position:absolute;bottom:18px;right:18px;background:var(--paper);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:20px}.project-caption{display:flex;gap:20px;padding-top:20px}.project-num{font:italic 16px var(--serif);color:#929886;margin-top:2px}.project-caption p{font-size:11px;color:var(--muted);margin-bottom:8px}.project-caption h3{font-size:19px;font-weight:500;letter-spacing:-.035em}.statement{border-top:1px solid var(--line)}.statement>h2{font-size:clamp(36px,4vw,60px);line-height:1.45;margin-bottom:50px}.service-list a{display:grid;grid-template-columns:50px 1fr 1.4fr 30px;align-items:center;gap:20px;padding:28px 0;border-top:1px solid var(--line)}.service-list a:last-child{border-bottom:1px solid var(--line)}.service-list a>span:first-child{font:italic 15px var(--serif);color:var(--muted)}.service-list h3{font-size:23px;font-weight:500}.service-list p{font-size:14px;color:var(--muted)}.service-list a:hover{background:#eceee4}.process{border-top:1px solid var(--line)}.process ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:45px 0 0;gap:32px}.process li{border-top:1px solid #9da690;padding-top:20px}.process li>span{font:italic 22px var(--serif);color:#6e7a62}.process h3{font-size:19px;margin:32px 0 16px;font-weight:500}.process li p{font-size:14px;line-height:1.9;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:23px 0}details:first-child{border-top:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:16px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:18px;max-width:96%}.closing{background:#e5eadb;text-align:center;padding:95px 5% 88px}.closing .eyebrow{justify-content:center}.closing>a{display:block;font-size:clamp(34px,4.4vw,64px);line-height:1.35;letter-spacing:-.06em}.closing>a span{display:inline-block;margin-left:12px}.closing>p:last-child{font-size:14px;color:#686f5e;margin-top:28px}footer{padding:65px 5% 25px;background:var(--ink);color:var(--paper)}.wordmark{font-family:Arial,sans-serif;font-size:clamp(38px,10.3vw,160px);line-height:1.2;letter-spacing:-.07em;font-weight:600;display:block;white-space:nowrap}.wordmark>span{font-size:18px;vertical-align:top;display:inline-block;margin:1.5vw 0 0 10px;letter-spacing:0}.footer-bottom{border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:18px;padding-top:25px;margin-top:40px;font-size:11px;color:#bdc2b6}.listing h1,.about-intro>h1,.contact-page>h1{margin-bottom:55px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 45px}.filters button{background:none;border:1px solid var(--line);border-radius:30px;padding:12px 20px;font-size:13px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-grid>img{width:100%;max-height:650px;object-fit:cover}.about-grid h2{margin-bottom:30px}.about-grid p{font-size:15px;line-height:2;color:var(--muted);margin-bottom:24px}.about-grid .text-link{margin-top:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:70px}.lead{font-size:20px;line-height:1.8;color:#5e6659;letter-spacing:-.025em}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid var(--ink);background:var(--ink);color:white;padding:18px 24px;font-size:14px;border-radius:2px}.button:hover{background:#404a36}.contact-grid .button{margin:38px 0 25px}.email-link{display:block;width:fit-content;font-size:17px;border-bottom:1px solid var(--line);padding:15px 0}.muted{color:var(--muted);font-size:12px;line-height:1.8;margin-top:22px}.brief-list{background:#e9ecdf;padding:35px}.brief-list h2{font-size:22px;margin-bottom:15px}.brief-list ol{list-style:none;margin:0;padding:0;counter-reset:brief}.brief-list li{padding:25px 0;border-bottom:1px solid #cdd2c1;counter-increment:brief}.brief-list li:last-child{border:0}.brief-list strong{font-size:15px;font-weight:500;display:block}.brief-list strong:before{content:'0' counter(brief);font:italic 14px var(--serif);margin-right:15px}.brief-list li span{display:block;font-size:12px;color:var(--muted);margin:10px 0 0 30px;line-height:1.7}.detail h1{font-size:clamp(36px,5vw,70px);margin:15px 0 25px}.back-link{display:block;font-size:13px;color:var(--muted);margin-bottom:60px}.detail-gallery{margin-top:50px;display:grid;gap:40px}.detail-gallery figure{margin:0}.detail-gallery img{width:100%;max-height:850px;object-fit:contain;background:#e9e8e0}.detail-gallery figcaption{padding:15px 0;font-size:12px;color:var(--muted)}.detail-story{display:grid;grid-template-columns:1fr 1.5fr;margin:65px 0;gap:45px}.detail-story p{font-size:16px;line-height:2;color:var(--muted)}.detail>.button{margin-top:40px}.detail>.text-link{display:flex;width:fit-content}.not-found{min-height:60vh}.not-found .button{margin-top:40px}.preview-note{padding:16px;background:#e1eacb;margin-bottom:30px;font-size:14px}
/* The studio workspace shares the visual language, with denser controls. */
.admin-body{background:#f4f5ef}.admin-header{padding:22px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}.admin-header>div{display:flex;gap:22px;align-items:center;font-size:13px}.admin-header button,.admin-toolbar button{border:1px solid var(--line);background:transparent;padding:10px 16px}.admin-main{max-width:1500px;margin:auto;padding:44px 4%}.admin-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-title .eyebrow{font-size:11px;color:#6c765c;margin-bottom:15px}.admin-title h1{font-size:38px;letter-spacing:-.045em}.admin-title p:last-child{font-size:14px;color:var(--muted);margin-top:14px}.admin-toolbar{display:flex;align-items:flex-end;gap:20px;justify-content:space-between;margin:30px 0 15px}.admin-toolbar input{width:320px}.admin-body label{display:block;font-size:12px;color:#606653}.admin-body input,.admin-body textarea,.admin-body select{display:block;border:1px solid #cbd1c1;background:#fff;padding:12px;border-radius:3px;width:100%;margin-top:8px;color:var(--ink);font-size:14px;max-width:100%}.admin-body textarea{resize:vertical;line-height:1.7}.admin-layout{display:grid;grid-template-columns:290px 1fr;gap:28px;margin-top:25px}.admin-layout aside{align-self:start}.project-item{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:none;border:1px solid transparent;border-bottom:1px solid var(--line);padding:14px 8px}.project-item[aria-pressed=true]{background:#e5ead9;border:1px solid #cad4b9}.project-item img{width:64px;height:64px;object-fit:cover;background:#e4e8dc}.project-item strong{display:block;font-size:13px;line-height:1.5}.project-item small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.editor-empty{display:grid;place-content:center;min-height:400px;text-align:center;color:var(--muted);line-height:2;background:#fff;border:1px solid var(--line)}.editor-form{background:#fff;border:1px solid var(--line);padding:28px}.editor-form h2{font-size:23px}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.badge{font-size:11px;padding:7px 10px;background:#ecf0e3;border-radius:20px;white-space:nowrap}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-form label{margin-bottom:20px}.editor-form .wide{grid-column:1/-1}.upload-zone{background:#f3f6eb;border:1px dashed #a4b290;text-align:center;padding:30px 16px;margin:15px 0 22px}.upload-zone.dragging{outline:3px solid #91a174}.upload-zone p{font-size:13px;color:var(--muted);line-height:1.8;margin:12px}.upload-zone input{font-size:12px;border:0;width:auto;max-width:100%;margin:10px auto;background:transparent}.upload-zone button{padding:10px 16px;background:white;border:1px solid var(--line);font-size:13px}.image-editor-row{display:grid;grid-template-columns:110px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:16px 0}.image-editor-row img{width:110px;height:95px;object-fit:cover}.image-editor-row label{margin-bottom:10px}.image-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.image-actions button{background:#fff;border:1px solid var(--line);padding:5px 9px;font-size:11px}.image-actions span{font-size:11px;color:var(--muted);margin-right:auto}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.editor-actions button{padding:13px 17px;border:1px solid var(--line);background:#fff;font-size:13px}.editor-actions .publish{background:var(--ink);color:white;border-color:var(--ink)}.editor-actions .unpublish{margin-left:auto;color:#855b40}.editor-help{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0}.admin-status-error{color:#a73623}#admin-status{font-size:13px;min-height:20px}.login-panel{max-width:460px;margin:65px auto;padding:35px;background:white;border:1px solid var(--line)}.login-panel h1{font-size:28px;margin-bottom:30px}.login-panel .button{width:100%;margin:25px 0 15px}.login-panel p{font-size:13px}dialog{max-width:430px;width:90%;padding:30px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}dialog::backdrop{background:#0006}dialog h2{font-size:20px}dialog p{margin:20px 0;font-size:14px}dialog button{border:1px solid var(--line);padding:12px;margin:5px;background:white}
@media(min-width:1600px){.hero,.section{max-width:1500px;margin-left:auto;margin-right:auto}.site-header{padding-left:max(5%,calc((100% - 1500px)/2));padding-right:max(5%,calc((100% - 1500px)/2))}}
@media(max-width:900px){.site-header{height:85px}.site-header nav{gap:20px;font-size:12px}.nav-cta{padding:12px 15px;gap:12px}.hero-top{padding-top:48px}.hero-aside{width:220px}.project-grid{gap:45px 5%}.process ol{grid-template-columns:repeat(2,1fr);gap:40px}.faq{gap:35px}.service-list a{grid-template-columns:30px 1fr 30px}.service-list p{grid-column:2;grid-row:2}.service-list a>span:last-child{grid-row:1;grid-column:3}.admin-layout{grid-template-columns:220px 1fr;gap:18px}.editor-form{padding:20px}.project-item{gap:9px}.project-item img{width:46px;height:46px}.field-grid{grid-template-columns:1fr}.contact-grid{gap:5%}.brief-list{padding:24px}}
@media(max-width:600px){html{scroll-padding-top:25px}.site-header{height:82px;padding:0 6%;gap:12px}.brand{font-size:13px;gap:5px}.brand small{font-size:7px;letter-spacing:2px}.brand-symbol{font-size:38px;margin-right:13px}.site-header nav{gap:16px;font-size:12px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.nav-cta{padding:9px 12px;gap:6px}.hero,.section{margin-left:6%;margin-right:6%}.hero-top{padding:38px 0 28px;display:block}.eyebrow{font-size:10px;margin-bottom:23px}h1{font-size:45px}.hero-aside{width:auto;margin-top:24px;display:flex;justify-content:space-between;align-items:end;gap:16px;padding:0}.hero-aside p{font-size:12px;line-height:1.8;margin:0}.hero-aside .text-link{font-size:11px;gap:10px;max-width:125px}.hero-photo{height:370px;margin:0 -6.82%}.hero-photo>img{object-position:48% center}.hero-label{bottom:22px;left:6%;right:6%}.hero-label strong{font-size:17px}.hero-label>span:first-child{font-size:9px}.round-arrow{width:38px;height:38px}.hero-foot{font-size:9px;gap:12px;line-height:1.7}.section{padding-top:64px;padding-bottom:58px}.section-heading{margin-bottom:26px}.section-heading .text-link{font-size:11px;gap:10px;white-space:nowrap}.count{font-size:13px;margin-left:8px}h2{font-size:27px}.project-grid{grid-template-columns:1fr;gap:36px}.project-card:nth-child(even){padding-top:0}.photo-link>img,.project-card:nth-child(even) .photo-link>img{aspect-ratio:1.25}.project-caption{padding-top:15px;gap:14px}.project-caption h3{font-size:17px}.project-caption p{font-size:10px}.statement>h2{font-size:31px;margin-bottom:32px}.service-list a{padding:22px 0;gap:10px}.service-list h3{font-size:19px}.service-list p{font-size:12px;line-height:1.6}.process ol{gap:30px 20px;margin-top:25px}.process h3{font-size:15px;margin-top:25px}.process li p{font-size:12px;line-height:1.8}.process li p br{display:none}.faq{grid-template-columns:1fr;gap:30px}.faq .eyebrow{margin-bottom:15px}summary{font-size:14px}details p{font-size:13px}.closing{padding:65px 6%}.closing>a{font-size:35px}.closing>p:last-child{font-size:12px;line-height:1.8}footer{padding:45px 6% 25px}.wordmark{font-size:10.2vw}.wordmark>span{font-size:11px;margin-left:5px}.footer-bottom{flex-direction:column;gap:13px;margin-top:25px;font-size:10px}.listing h1,.about-intro>h1,.contact-page>h1{margin-bottom:32px}.filters{gap:8px;margin-bottom:30px}.filters button{font-size:11px;padding:10px 14px}.about-grid,.contact-grid,.detail-story{grid-template-columns:1fr;gap:30px}.about-grid h2{font-size:28px}.about-grid p{font-size:14px}.contact-grid{margin-top:35px}.lead{font-size:17px}.brief-list{padding:25px}.detail h1{font-size:35px}.back-link{margin-bottom:40px}.detail-gallery{margin-top:30px}.detail-story{margin:40px 0;gap:20px}.detail-story p{font-size:14px}.detail-gallery figcaption{font-size:11px}.admin-header{padding:18px 5%;gap:10px}.admin-header .brand{display:block;font-size:14px}.admin-header .brand small{font-size:9px;letter-spacing:0}.admin-header>div{gap:10px;font-size:11px}.admin-main{padding:30px 5%}.admin-title{align-items:flex-start}.admin-title h1{font-size:29px}.admin-title .eyebrow{font-size:10px;line-height:1.7;max-width:230px}.admin-title p:last-child{font-size:12px}.admin-title .button{padding:12px;white-space:nowrap;font-size:12px;gap:0;margin-top:28px}.admin-toolbar{gap:12px}.admin-toolbar label{min-width:0;flex:1}.admin-toolbar input{width:100%}.admin-toolbar button{font-size:11px;padding:13px 8px;white-space:nowrap}.admin-layout{grid-template-columns:1fr}.admin-layout aside{max-height:240px;overflow:auto;border:1px solid var(--line)}.editor-form{padding:19px}.image-editor-row{grid-template-columns:75px 1fr;gap:12px}.image-editor-row img{width:75px;height:80px}.image-actions{gap:5px}.editor-actions button{font-size:12px;padding:12px}.editor-actions .unpublish{margin-left:0}.login-panel{margin:25px auto;padding:25px}}
.project-card a[href$="/seoul-robotics"]>img{object-position:center 86%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

[hidden]{display:none!important}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid #d8d8d0;margin:20px 0}.admin-tabs button{padding:15px 24px;border:0;border-bottom:3px solid transparent;background:none;font-weight:700}.admin-tabs button[aria-pressed=true]{border-color:#242921;color:#242921;background:#e9ece4}.hero-admin-head p{line-height:1.8;color:#62665e}#hero-panel{max-width:1000px}#hero-panel .editor-form{padding:26px;background:white;border:1px solid #dedfd8;border-radius:16px;display:grid;gap:20px}#hero-panel label{display:grid;gap:8px}#hero-panel small{color:#686b62}.hero-admin-preview{position:relative;margin:24px 0;aspect-ratio:16/8;min-height:220px;background:#1c201a;color:white;border-radius:18px;overflow:hidden}.hero-admin-preview img{width:100%;height:100%;object-fit:cover;opacity:.75}.hero-admin-preview>span{position:absolute;left:6%;top:30%;font-size:clamp(22px,4vw,42px);font-weight:800;text-shadow:0 2px 12px #000}.hero-admin-preview>p{padding:35px}.hero-position-left img{object-position:left center}.hero-position-center img{object-position:center center}.hero-position-right img{object-position:right center}
