@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap";:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:min(100% - 96px,1440px);margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffed;border-bottom:1px solid #dedede;height:74px;position:sticky;top:0}.header-inner{align-items:center;gap:28px;height:100%;display:flex}.brand{letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:10px;font:800 16px DM Sans,sans-serif;display:inline-flex}.brand-star{font-size:20px;font-weight:400;line-height:1}.header-tagline{color:#999;white-space:nowrap;letter-spacing:.01em;border-left:1px solid #d8d8d8;padding-left:15px;font:600 10px DM Sans,sans-serif}.nav{align-items:center;gap:31px;margin-left:auto;display:flex}.nav a,.header-project{white-space:nowrap;font-size:12px;font-weight:700}.nav a{color:#555}.nav a:hover,.nav a.active{color:#000}.header-project{margin-left:35px}.header-pill{color:#fff;white-space:nowrap;background:#111;border-radius:30px;align-items:center;gap:10px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex}.menu-button{background:0 0;border:0;padding:4px;display:none}.button{justify-content:center;align-items:center;gap:20px;min-height:51px;padding:0 23px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark{color:#fff;background:#111;border:1px solid #111}.button-outline{color:#111;background:#fff;border:1px solid #111}.button-white{color:#111;background:#fff}.section-space{padding-block:134px}.section-kicker,.overline{letter-spacing:.17em;font:700 11px DM Sans,sans-serif}.section-title{justify-content:space-between;align-items:end;gap:25px;margin-bottom:65px;display:flex}.section-title h2{letter-spacing:-.075em;margin:24px 0 0;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.25}.section-title h2 span{font-weight:300}.section-title>p{color:#777;text-align:right;max-width:350px;margin:0 2px 9px;font-size:13px;line-height:1.7}.inline-link{border-bottom:1px solid #111;align-items:center;gap:20px;padding-bottom:9px;font-size:13px;font-weight:700;display:inline-flex}.inline-link:hover{gap:26px}.home-hero{grid-template-columns:1.06fr .94fr;min-height:670px;display:grid}.hero-copy{z-index:2;flex-direction:column;align-items:flex-start;padding:35px 30px 58px 0;display:flex;position:relative}.hero-small{color:#aaa;letter-spacing:.16em;font:600 10px DM Sans,sans-serif}.home-hero h1{letter-spacing:-.085em;white-space:nowrap;margin:23px 0 20px;font-size:clamp(42px,4vw,61px);line-height:1.31}.home-hero h1 strong{font-weight:900}.home-hero h1 span{font-weight:300}.hero-lead{color:#696969;max-width:560px;margin:0 0 35px;font-size:14px;line-height:1.95}.hero-lines{width:min(100%,530px)}.hero-lines>div{border-top:1px solid #dedede;grid-template-columns:28px 80px 1fr;align-items:center;gap:8px;min-height:49px;font-size:12px;display:grid}.hero-lines>div:last-child{border-bottom:1px solid #dedede}.hero-lines small{color:#aaa;letter-spacing:.15em;font:700 9px DM Sans,sans-serif}.hero-lines b{font-size:12px}.hero-lines span{color:#727272}.hero-actions{gap:9px;margin-top:30px;display:flex}.hero-visual{justify-content:center;align-items:end;min-height:650px;display:flex;position:relative;overflow:hidden}.hero-watermark{letter-spacing:-.1em;color:#eee;z-index:0;white-space:nowrap;font:900 clamp(100px,12vw,205px)/.83 DM Sans,sans-serif;position:absolute;top:38px;left:-15px}.hero-photo-frame{z-index:1;background:#eee;width:85%;height:82%;margin:0 0 0 auto;position:relative;overflow:hidden}.hero-photo-frame img{object-fit:cover;object-position:52% center;filter:grayscale();opacity:.94;width:100%;height:100%}.photo-note{color:#fff;z-index:2;text-shadow:0 1px 3px #000;font:600 9px DM Sans,sans-serif;position:absolute;bottom:11px;left:9%}.capability-ribbon{border-block:1px solid #e4e4e4;overflow:hidden}.capability-ribbon .shell{justify-content:space-between;align-items:center;gap:25px;min-height:82px;display:flex}.capability-ribbon span{color:#aaa;letter-spacing:.15em;font:700 10px DM Sans,sans-serif}.capability-ribbon b{color:#888;letter-spacing:.02em;font:700 15px DM Sans,sans-serif}.situation-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.situation-card{border-top:1px solid #ddd;min-height:330px;padding-top:28px;position:relative}.card-rule{background:#111;width:62%;height:2px;position:absolute;top:-2px;left:0}.small-number{letter-spacing:.15em;color:#aaa;font:700 10px DM Sans,sans-serif}.situation-code{letter-spacing:-.035em;margin:15px 0 22px;font:800 30px DM Sans,sans-serif}.situation-card h3{white-space:pre-line;letter-spacing:-.07em;margin:0 0 14px;font-size:23px;line-height:1.36}.situation-card>p{color:#777;margin:0;font-size:13px;line-height:1.75}.situation-answer{border-top:1px solid #e5e5e5;flex-direction:column;gap:8px;margin-top:36px;padding-top:19px;display:flex}.situation-answer span{color:#888;font-size:10px}.situation-answer strong{font-size:13px;line-height:1.6}.services-section{background:#f5f5f4}.service-stack{flex-direction:column;gap:20px;display:flex}.service-row{background:#fff;border:1px solid #e3e3e3;grid-template-columns:.6fr 1fr 70px;min-height:300px;padding:36px 38px;display:grid;position:relative}.service-row-1{color:#fff;background:#202020;border-color:#202020;margin-left:8%}.service-row-2{margin-left:16%}.service-row-number{font:700 13px DM Sans,sans-serif}.service-row-number span{color:#aaa;letter-spacing:.16em;margin-top:8px;font-size:10px;display:block}.service-row-content{align-self:end}.service-code{letter-spacing:-.055em;font:900 55px/1 DM Sans,sans-serif}.service-row-content h3{letter-spacing:-.06em;margin-left:18px;font-size:24px;display:inline}.service-row-content p{color:#777;max-width:550px;margin:24px 0;font-size:14px;line-height:1.7}.service-row-1 .service-row-content p{color:#c2c2c2}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#777;border:1px solid #ddd;padding:7px 10px;font-size:10px}.service-row-1 .tag-list span{color:#ddd;border-color:#666}.service-row-link{border:1px solid;border-radius:50%;place-self:end;place-items:center;width:48px;height:48px;transition:transform .2s;display:grid}.service-row-link:hover{transform:rotate(45deg)}.proof-grid{grid-template-columns:.75fr 1.25fr;align-items:center;gap:10%;display:grid}.proof-grid h2{letter-spacing:-.07em;margin:26px 0;font-size:clamp(38px,4vw,59px);line-height:1.28}.proof-grid p{color:#686868;max-width:420px;margin-bottom:32px;font-size:14px;line-height:1.9}.proof-visual{background:#efefed;min-height:440px;padding:65px 45px 28px}.proof-visual small{text-align:right;color:#888;margin-top:17px;font-size:10px;display:block}.browser-mock{background:#fff;border:1px solid #ddd;height:305px;box-shadow:0 20px 55px #00000018}.browser-top{color:#888;letter-spacing:.15em;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:34px;padding-inline:16px;font:700 8px DM Sans,sans-serif;display:flex}.browser-top div{gap:4px;display:flex}.browser-top i{background:#d2d2d2;border-radius:50%;width:6px;height:6px;display:block}.mock-main{height:calc(100% - 34px);display:flex}.mock-side{background:#f4f4f4;border-right:1px solid #e6e6e6;flex-direction:column;gap:15px;width:26%;padding:24px 15px;display:flex}.mock-side b{font:700 9px DM Sans,sans-serif}.mock-side i{background:#ddd;width:78%;height:6px}.mock-side i:nth-of-type(3){width:55%}.mock-board{flex:1;padding:22px}.mock-board>span{font:800 11px DM Sans,sans-serif}.mock-bars{gap:10px;margin-top:24px;display:flex}.mock-bars i{background:#f1f1f1;border-top:3px solid #aaa;flex:1;height:38px}.mock-chart{border-bottom:1px solid #ddd;align-items:end;gap:12px;height:95px;margin-top:25px;padding-inline:12px;display:flex}.mock-chart i{background:#dedede;flex:1;height:45%}.mock-chart i:nth-child(2),.mock-chart i:nth-child(7){height:62%}.mock-chart i:nth-child(3),.mock-chart i:nth-child(6){height:37%}.mock-chart i:nth-child(4){background:#222;height:83%}.mock-chart i:nth-child(5){height:73%}.process-section{background:#f6f6f6}.process-grid{grid-template-columns:repeat(3,1fr);gap:55px 30px;margin-bottom:55px;display:grid}.process-grid article{border-top:1px solid #bdbdbd;min-height:153px;padding-top:21px}.process-grid article>span{color:#888;font:700 11px DM Sans,sans-serif}.process-grid h3{letter-spacing:-.05em;margin:22px 0 10px;font-size:21px}.process-grid p{color:#777;margin:0;font-size:13px;line-height:1.7}.portfolio-empty{border-top:1px solid #111;border-bottom:1px solid #ddd;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:20px;min-height:275px;display:grid}.portfolio-empty>span{color:#888;letter-spacing:.1em;align-self:start;margin-top:23px;font:700 11px DM Sans,sans-serif}.portfolio-empty h3{letter-spacing:-.06em;margin:0 0 12px;font-size:29px}.portfolio-empty p{color:#888;margin:0;font-size:13px}.round-arrow{border:1px solid #111;border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.section-end-link{margin-top:31px}.home-projects,.post-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.blog-section{background:#f7f7f7}.blog-empty{border-top:1px solid #222;flex-direction:column;justify-content:center;align-items:flex-start;min-height:280px;display:flex}.blog-empty>span{letter-spacing:.16em;color:#999;font:700 10px DM Sans,sans-serif}.blog-empty h3{letter-spacing:-.06em;margin:18px 0;font-size:30px}.blog-empty a{border-bottom:1px solid #111;align-items:center;gap:12px;padding-bottom:7px;font-size:13px;font-weight:700;display:inline-flex}.contact-banner{color:#fff;background:#181818;padding:105px 0 110px}.contact-banner h2{letter-spacing:-.07em;margin:25px 0 17px;font-size:clamp(42px,5vw,71px);line-height:1.2}.contact-banner p:not(.overline){color:#bbb;margin:0 0 35px;font-size:14px}.site-footer{background:#fff;padding:68px 0 25px}.footer-top{grid-template-columns:1.3fr 1fr 1fr;gap:50px;padding-bottom:85px;display:grid}.footer-top p{color:#777;margin-top:27px;font-size:13px}.footer-navigation{grid-template-columns:repeat(2,max-content);gap:13px 35px;font-size:12px;font-weight:600;display:grid}.footer-label{letter-spacing:.14em;color:#999;margin-bottom:20px;font:700 10px DM Sans,sans-serif;display:block}.footer-mail{border-bottom:1px solid #111;padding-bottom:7px;font:700 18px DM Sans,sans-serif}.footer-bottom{color:#999;letter-spacing:.05em;border-top:1px solid #ddd;justify-content:space-between;padding-top:23px;font:600 10px DM Sans,sans-serif;display:flex}.floating-contact{z-index:48;background:#fff;border:2px solid #111;border-radius:40px;align-items:center;gap:23px;min-height:50px;padding:5px 6px 5px 20px;font-size:12px;font-weight:800;display:flex;position:fixed;bottom:28px;right:37px;box-shadow:0 3px #111}.floating-contact span{color:#fff;background:#111;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.page-top{border-bottom:1px solid #ddd;padding-top:42px;padding-bottom:85px}.breadcrumbs{color:#aaa;gap:15px;margin-bottom:58px;font-size:10px;display:flex}.page-top .overline{color:#aaa}.page-top h1{letter-spacing:-.075em;margin:25px 0;font-size:clamp(45px,5vw,75px);font-weight:700;line-height:1.22}.page-description{color:#777;max-width:680px;margin:0;font-size:15px;line-height:1.85}.wide-photo{margin-top:60px;position:relative}.wide-photo img{object-fit:cover;object-position:center 45%;filter:grayscale();width:100%;height:430px}.wide-photo span{color:#777;background:#ffffffc9;padding:5px 8px;font:700 9px DM Sans,sans-serif;position:absolute;bottom:12px;right:13px}.service-detail article{border-top:1px solid #cfcfcf;grid-template-columns:.4fr .7fr 1fr;gap:25px;padding:36px 0 55px;display:grid}.service-detail article>span{letter-spacing:.1em;color:#888;font:700 10px DM Sans,sans-serif}.service-detail article h3{letter-spacing:-.06em;margin:0;font-size:29px}.service-detail article p{color:#666;margin:0 0 22px;font-size:14px;line-height:1.8}.process-page-list{padding-top:90px}.process-page-list article{border-top:1px solid #ddd;grid-template-columns:.3fr 1fr 1fr;align-items:start;gap:30px;padding:27px 0 34px;display:grid}.process-page-list article:last-child{border-bottom:1px solid #ddd}.process-page-list span{color:#999;font:700 12px DM Sans,sans-serif}.process-page-list h2{letter-spacing:-.06em;margin:0;font-size:29px}.process-page-list p{color:#777;margin:0;font-size:14px;line-height:1.8}.about-grid{grid-template-columns:1fr 1fr;gap:12%;display:grid}.about-grid h2{letter-spacing:-.07em;margin:25px 0;font-size:clamp(40px,4vw,60px);line-height:1.35}.about-grid p{color:#666;margin:0 0 24px;font-size:16px;line-height:1.95}.listing-section{padding-top:48px;padding-bottom:125px}.filter-bar{flex-wrap:wrap;gap:8px;padding:0 0 25px;display:flex}.filter-bar button{color:#555;background:#f5f5f5;border:0;border-radius:6px;padding:11px 19px;font-size:12px;font-weight:700}.filter-bar button.selected{color:#fff;background:#111}.listing-message{color:#888;padding:80px 0;font-size:14px}.listing-empty{text-align:center;border-top:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.listing-empty span{color:#999;letter-spacing:.15em;font:700 10px DM Sans,sans-serif}.listing-empty h2{letter-spacing:-.06em;margin:20px 0 10px;font-size:31px}.listing-empty p{color:#888;font-size:13px}.portfolio-browser{border-top:1px solid #ddd;grid-template-columns:1fr 1fr;gap:48px;padding-top:35px;display:grid}.portfolio-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #dedede;grid-template-columns:45px 1fr 90px 20px;align-items:center;gap:12px;width:100%;padding:24px 10px;font-size:13px;display:grid}.portfolio-list button.active{background:#f5f5f5}.portfolio-list span,.portfolio-list small{color:#999}.portfolio-list strong{font-size:17px}.portfolio-detail{align-self:start;position:sticky;top:110px}.project-image{aspect-ratio:1.55;background:#ececec;place-items:center;display:grid;overflow:hidden}.project-image img,.post-cover img{object-fit:cover;width:100%;height:100%}.project-image>span{color:silver;letter-spacing:-.05em;font:900 45px DM Sans,sans-serif}.portfolio-detail .section-kicker{color:#999;margin-top:23px;display:block}.portfolio-detail h2{letter-spacing:-.06em;margin:13px 0;font-size:29px}.portfolio-detail p{color:#777;font-size:14px;line-height:1.8}.portfolio-detail .button{margin-top:20px}.project-card .project-meta{color:#888;justify-content:space-between;margin-top:16px;font-size:11px;display:flex}.project-card h3{letter-spacing:-.05em;margin:12px 0;font-size:21px}.project-card p{color:#777;font-size:13px;line-height:1.7}.project-card a{align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.blog-hero{color:#fff;background:#191927;padding:50px 0 64px}.blog-hero h1{letter-spacing:-.06em;margin:0;font:italic 75px Georgia,serif}.blog-hero p{color:#aaa;margin:18px 0 36px;font-size:14px}.blog-search{color:#888;background:#ffffff0d;border:1px solid #ffffff24;border-radius:7px;align-items:center;gap:13px;width:min(100%,450px);height:52px;padding:0 17px;display:flex}.blog-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:13px}.blog-listing{padding-top:17px;padding-bottom:120px}.blog-listing .filter-bar{border-bottom:1px solid #e5e5e5}.blog-listing-title{justify-content:space-between;align-items:end;margin:50px 0 35px;display:flex}.blog-listing-title h2{margin:0;font:italic 42px Georgia,serif}.blog-listing-title span{color:#999;font:700 10px DM Sans,sans-serif}.post-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;transition:transform .2s;display:block;overflow:hidden}.post-card:hover{transform:translateY(-3px)}.post-cover{color:#fff;background:#202027;place-items:center;height:210px;display:grid}.post-cover span{letter-spacing:-.06em;font:900 31px DM Sans,sans-serif}.post-content{padding:21px}.post-content>span{color:#888;font-size:10px}.post-content h3{letter-spacing:-.04em;margin:13px 0;font-size:18px;line-height:1.45}.post-content p{color:#777;font-size:12px;line-height:1.7}.blog-article{max-width:900px;padding-top:70px;padding-bottom:130px}.article-back{color:#777;font-size:12px}.article-heading{border-bottom:1px solid #ddd;padding:65px 0 45px}.article-heading>span{color:#888;font-size:12px}.article-heading h1{letter-spacing:-.07em;margin:22px 0;font-size:clamp(39px,5vw,65px);line-height:1.3}.article-heading p{color:#777;font-size:17px;line-height:1.8}.article-image{object-fit:cover;width:100%;max-height:500px;margin-top:55px}.article-body{color:#333;overflow-wrap:anywhere;padding:55px 0 70px;font-size:16px;line-height:2}.article-body h2,.article-body h3{color:#111;letter-spacing:-.05em;margin-top:2.3em;line-height:1.4}.article-body img{max-width:100%;height:auto}.article-body a{text-decoration:underline}.article-body pre{background:#f5f5f5;padding:20px;overflow:auto}.article-body blockquote{color:#666;border-left:3px solid #111;margin-left:0;padding-left:20px}.faq-list{padding-top:65px;padding-bottom:120px}.faq-list article{border-bottom:1px solid #ddd}.faq-list button{text-align:left;background:0 0;border:0;grid-template-columns:60px 1fr 25px;align-items:center;width:100%;padding:27px 0;display:grid}.faq-list button span{color:#999;font:700 11px DM Sans,sans-serif}.faq-list button strong{letter-spacing:-.04em;font-size:18px}.faq-list button svg{transition:transform .2s}.faq-list button svg.rotate{transform:rotate(180deg)}.faq-list article>p{color:#666;margin:0 0 30px 60px;font-size:14px;line-height:1.8}.contact-layout{grid-template-columns:1.4fr .75fr;gap:9%;padding-top:75px;padding-bottom:140px;display:grid}.contact-form fieldset{border:0;margin:0 0 37px;padding:0}.contact-form legend{margin-bottom:16px;font-size:14px;font-weight:700}.contact-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.contact-options label{cursor:pointer}.contact-options input{opacity:0;position:absolute}.contact-options span{border:1px solid #ddd;place-items:center;min-height:48px;font-size:12px;display:grid}.contact-options input:checked+span{color:#fff;background:#111;border-color:#111}.contact-options input:focus-visible+span{outline-offset:2px;outline:2px solid #555}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form>label,.form-row>label{margin-bottom:25px;font-size:13px;font-weight:700;display:block}.contact-form label b{color:#a33}.contact-form input:not([type=radio]):not([type=checkbox]),.contact-form textarea{background:#fff;border:1px solid #d8d8d8;outline:none;width:100%;margin-top:10px;padding:14px 15px;font-size:13px;display:block}.contact-form input:focus,.contact-form textarea:focus{border-color:#222}.contact-form textarea{resize:vertical}.privacy-check{align-items:flex-start;gap:10px;margin-top:15px;line-height:1.7;font-size:12px!important;font-weight:400!important;display:flex!important}.privacy-check input{margin-top:4px}.privacy-check a{text-decoration:underline}.form-hidden{position:absolute;left:-9999px}.submit-button{min-width:180px}.form-state{align-items:center;gap:8px;font-size:13px;line-height:1.6;display:flex}.form-state.success{color:#286447}.form-state.error{color:#a33}.contact-aside{background:#f6f6f6;align-self:start;padding:40px}.contact-aside h2{letter-spacing:-.06em;margin:20px 0 35px;font-size:29px;line-height:1.4}.contact-aside ol{margin:0;padding:0;list-style:none}.contact-aside li{border-top:1px solid #ddd;gap:18px;padding:19px 0;display:flex}.contact-aside li span{color:#999;padding-top:4px;font:700 11px DM Sans,sans-serif}.contact-aside li strong{font-size:14px}.contact-aside li p{color:#777;margin:5px 0 0;font-size:12px;line-height:1.6}.direct-email{border-top:1px solid #ddd;margin-top:20px;padding-top:25px}.direct-email>span{color:#888;margin-bottom:13px;font-size:11px;display:block}.direct-email a{align-items:center;gap:8px;font:700 15px DM Sans,sans-serif;display:inline-flex}.privacy-content{max-width:900px;padding-block:70px 130px}.privacy-content p{color:#555;font-size:14px;line-height:1.9}@media (width<=1200px){.shell{width:min(100% - 64px,1440px)}.nav{gap:17px}.header-tagline{display:none}.header-project{margin-left:5px}.home-hero h1{font-size:clamp(39px,4.2vw,58px)}.hero-photo-frame{width:94%}}@media (width<=900px){.site-header{height:66px}.header-inner{gap:14px}.nav{background:#fff;border-bottom:1px solid #ddd;flex-direction:column;align-items:stretch;gap:0;padding:20px 32px;display:none;position:absolute;top:65px;left:0;right:0;box-shadow:0 20px 30px #0000000d}.nav.is-open{display:flex}.nav a{padding:11px 0}.header-project{margin-left:auto}.menu-button{display:block}.home-hero{grid-template-columns:1fr}.hero-copy{padding:58px 0 40px}.home-hero h1{font-size:clamp(40px,6.7vw,66px)}.hero-visual{min-height:480px}.hero-photo-frame{width:75%;height:450px}.hero-watermark{font-size:18vw}.section-space{padding-block:95px}.proof-grid{grid-template-columns:1fr;gap:45px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}.service-row{grid-template-columns:.35fr 1fr 55px}.service-row-1{margin-left:5%}.service-row-2{margin-left:10%}.contact-layout{gap:35px}}@media (width<=700px){.shell{width:calc(100% - 36px)}.header-pill{display:none}.header-project{font-size:11px}.home-hero h1{white-space:normal;font-size:clamp(35px,7.7vw,52px)}.hero-lead{font-size:13px}.hero-lines>div{grid-template-columns:22px 53px 1fr}.hero-lines span{font-size:11px}.hero-actions{flex-wrap:wrap}.hero-visual{min-height:335px}.hero-photo-frame{width:84%;height:335px}.hero-watermark{font-size:17vw;top:20px}.capability-ribbon .shell{justify-content:flex-start;min-height:65px;overflow:auto}.capability-ribbon b{white-space:nowrap;font-size:12px}.capability-ribbon span{display:none}.section-space{padding-block:78px}.section-title{margin-bottom:38px;display:block}.section-title h2{font-size:clamp(35px,7vw,50px)}.section-title>p{text-align:left;margin:19px 0 0}.situation-grid{grid-template-columns:1fr;gap:20px}.situation-card{min-height:0;padding-bottom:30px}.situation-answer{margin-top:24px}.service-row,.service-row-1,.service-row-2{grid-template-columns:1fr 45px;min-height:305px;margin-left:0;padding:25px}.service-row-number{grid-column:1/-1}.service-row-content{grid-column:1}.service-row-link{grid-column:2}.service-code{font-size:42px}.service-row-content h3{font-size:20px}.proof-visual{min-height:0;padding:35px 20px 20px}.browser-mock{height:235px}.mock-side{padding:14px 9px}.mock-board{padding:14px}.mock-chart{height:65px}.process-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.portfolio-empty{grid-template-columns:1fr auto;min-height:240px}.portfolio-empty>span{grid-column:1/-1}.portfolio-empty h3{font-size:24px}.home-projects,.post-grid{grid-template-columns:1fr}.contact-banner{padding:75px 0}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.footer-top>div:last-child{grid-column:auto}.floating-contact{padding-left:14px;font-size:11px;bottom:16px;right:15px}.page-top{padding-bottom:60px}.page-top h1{font-size:clamp(39px,7vw,57px)}.breadcrumbs{margin-bottom:45px}.wide-photo{margin-top:35px}.wide-photo img{height:290px}.service-detail article{grid-template-columns:1fr 1fr;gap:15px;padding:28px 0 42px}.service-detail article>span{grid-column:1/-1}.service-detail article h3{font-size:23px}.service-detail article p{font-size:12px}.process-page-list article{grid-template-columns:45px 1fr;gap:10px;padding:25px 0}.process-page-list article p{grid-column:2}.process-page-list h2{font-size:24px}.about-grid{grid-template-columns:1fr;gap:25px}.portfolio-browser{grid-template-columns:1fr}.portfolio-detail{position:static}.portfolio-list button{grid-template-columns:35px 1fr 60px 18px}.portfolio-list strong{font-size:14px}.contact-layout{grid-template-columns:1fr;padding-block:55px 100px}.contact-aside{padding:30px}.contact-options{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr;gap:0}}@media (width<=420px){.brand{font-size:14px}.header-project{display:none}.menu-button{margin-left:auto}.home-hero h1{font-size:34px}.hero-photo-frame{width:92%}.hero-lines>div{gap:4px}.hero-actions .button{min-height:47px;padding-inline:13px;font-size:11px}.footer-bottom{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.service-row-link{transition:none}}