@font-face{font-family:SUIT;src:url('./SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#262623;--muted:#64645f;--paper:#fafaf7;--stone:#efefea;--line:#d6d5ce;--orange:#c05d3a;--pad:clamp(24px,5vw,80px);font-family:SUIT,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:28px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:7px}::selection{background:var(--ink);color:var(--paper)}html{scrollbar-color:#7b7b73 var(--stone)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex:none}img{max-width:100%;display:block}p,h1,h2,h3,dl,dd{margin:0}p{font-size:18px;line-height:1.75;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty}.copy-sentence{display:block}.copy-phrase{display:inline-block;max-width:100%}h1,h2,h3{font-weight:650;letter-spacing:-.04em;word-break:keep-all;text-wrap:balance}h2{font-size:clamp(34px,3.4vw,50px);line-height:1.3}h3{font-size:25px;line-height:1.4}a{text-underline-offset:5px}.frame{width:calc(100% - var(--pad)*2);max-width:1520px;margin-inline:auto}.icon-defs,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:12px;left:20px;padding:12px 18px;background:var(--paper);z-index:10;transform:translateY(-160%)}.skip-link:focus{transform:none}.opening{background:var(--paper);padding-bottom:14px}.header{height:86px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600}.header-home{display:inline-block;min-height:44px;align-content:center}nav{display:flex;align-items:center;gap:40px}nav a{min-height:44px;display:flex;align-items:center;gap:12px}nav a:hover{text-decoration:underline}nav svg{width:18px;height:18px}.brand-sign{font-size:32px;font-weight:780;line-height:1.1;letter-spacing:-.04em;white-space:nowrap}.brand-x{color:var(--orange)}.brand-stop{color:var(--orange)}.hero{display:grid;grid-template-columns:1.65fr 1fr;background:var(--stone)}.hero-main{background:var(--ink);color:var(--paper);padding:clamp(28px,3.4vw,52px);min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.hero h1{font-size:clamp(38px,4.1vw,62px);line-height:1.23}.hero h1 span{color:var(--orange)}.hero-more{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #54544c;padding-top:20px;font-size:15px;line-height:1.5}.hero-more:hover{text-decoration:underline}.hero-side{padding:clamp(26px,3.1vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:32px}.hero-lead{font-size:clamp(22px,2vw,29px);line-height:1.5;font-weight:600;letter-spacing:-.035em;margin-bottom:24px}.hero-side-copy>p+p{font-size:16px;line-height:1.85;color:#55554f}.hero-contact{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;line-height:1.5}.hero-contact strong{font-size:20px;font-weight:650}.round-arrow{width:64px;height:64px;color:var(--paper);background:var(--orange);display:grid;place-items:center;border-radius:50%;transition:background .2s,color .2s}.round-arrow svg{width:30px;height:30px}.hero-contact:hover .round-arrow{background:var(--ink);color:var(--paper)}.section-space{padding-block:72px}.service-intro,.service-item,.working,.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(48px,6vw,96px)}.section-intro>p{max-width:420px;color:var(--muted);margin-top:20px;font-size:17px}.service-intro>p{margin-top:8px;max-width:540px}.service-list{border-top:1px solid var(--ink);margin-top:32px}.service-item{padding-block:28px;border-bottom:1px solid var(--line)}.service-heading>p{margin-top:12px;max-width:400px;font-size:16px;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px}summary::-webkit-details-marker{display:none}summary svg{width:22px;height:22px;transition:transform .2s}details[open] summary svg{transform:rotate(45deg)}summary:hover h3{text-decoration:underline;text-underline-offset:6px}.service-body{padding:0}.service-body>p{font-size:17px;color:#55554f;max-width:540px}.service-result{margin-top:18px}.service-result dt{font-size:14px;font-weight:600;line-height:1.5;color:var(--muted);margin-bottom:6px}.service-result dd{font-size:16px;line-height:1.7;color:var(--ink);word-break:keep-all}.recent{padding:36px 40px 40px;background:var(--stone)}.recent-heading{display:flex;align-items:center;gap:30px;margin-bottom:30px}.recent-heading h2{font-size:20px;line-height:1.5;font-weight:600;letter-spacing:-.025em}.small-rule{height:1px;flex:1;background:#cbc9c1}.recent-list{display:grid;grid-template-columns:1fr 1fr;gap:40px}.project{display:grid;grid-template-columns:1fr 42%;align-items:center;gap:18px;min-width:0}.project-text>p{font-size:14px;color:#61615b;margin-top:8px}.project h3{font-size:21px;line-height:1.4;letter-spacing:-.03em}.project-action,.project-status{display:flex;align-items:center;gap:9px;font-size:14px;margin-top:25px}.project-action svg{width:16px;height:16px}.project-status>span{width:6px;height:6px;border-radius:50%;background:#64645f}.project-image{aspect-ratio:1.48;background:#e3e2da;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s cubic-bezier(.16,1,.3,1)}.project-link:hover img{transform:scale(1.04)}.project-link:hover .project-action{text-decoration:underline}.working{padding-top:72px;padding-bottom:72px}.working-list{border-top:1px solid var(--ink)}.working-list>div{padding:25px 0;border-bottom:1px solid var(--line)}.working-list dt{font-weight:600;font-size:20px;letter-spacing:-.025em;margin-bottom:10px}.working-list dd{font-size:17px;line-height:1.65;color:var(--muted);word-break:keep-all}.faq{padding-bottom:72px}.faq-list{border-top:1px solid var(--ink)}.faq summary{padding-block:22px}.faq h3{font-size:20px;line-height:1.5;letter-spacing:-.025em}.faq-body{padding:8px 24px 24px 0}.faq-body p{font-size:16px;color:#55554f}.contact{background:var(--ink);color:var(--paper)}.contact-inner{padding-block:52px}.contact-title{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:clamp(42px,4.7vw,68px);line-height:1.22}.contact-arrow{width:108px;height:108px;color:var(--orange);stroke-width:.85;margin-right:10px}.contact-bottom{display:grid;grid-template-columns:1fr 1.2fr;align-items:end;gap:clamp(48px,6vw,96px);margin-top:40px}.contact-bottom>p{font-size:17px;color:#c9c9bd}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.email{display:flex;gap:24px;align-items:center;width:100%;justify-content:space-between;font-size:clamp(20px,2.4vw,32px);font-weight:550;letter-spacing:-.02em;border-bottom:1px solid #69695f;padding-bottom:15px}.email:hover{text-decoration:underline}.kmong{display:flex;align-items:center;gap:12px;font-size:15px;min-height:32px}.kmong:hover{text-decoration:underline}.kmong svg{width:18px;height:18px}.footer{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-logo{font-size:27px;font-weight:800;letter-spacing:-.04em}.footer p{font-size:13px;color:var(--muted);margin-right:auto;margin-left:24px}.back-top{display:flex;align-items:center;gap:18px;font-size:14px}.back-top svg{transform:rotate(-90deg);width:18px;height:18px}.back-top:hover{text-decoration:underline}

@media(max-width:1100px){.hero{grid-template-columns:1.5fr 1fr}.hero-main{min-height:360px}.hero-side{padding:32px}.service-intro,.service-item,.working,.faq{gap:55px;grid-template-columns:1fr 1.2fr}.recent{padding:30px}.recent-list{gap:28px}.project{grid-template-columns:1fr 36%;gap:12px}.project h3{font-size:18px}.contact-bottom{gap:55px;grid-template-columns:1fr 1.2fr}}
@media(max-width:760px){:root{--pad:24px;scroll-padding-top:20px}.header{height:78px;font-size:14px}.opening{padding-bottom:8px}nav{gap:28px}.brand-sign{font-size:28px}.hero{grid-template-columns:1fr}.hero-main{padding:28px;min-height:252px;gap:28px}.hero h1{font-size:clamp(33px,6.7vw,49px)}.hero-more{font-size:14px;padding-top:18px}.hero-side{padding:28px;gap:24px}.hero-lead{font-size:23px;line-height:1.5;margin-bottom:16px}.hero-contact{border-top:1px solid #cbc9c1;padding-top:24px}.hero-contact>span:first-child br{display:none}.hero-contact strong{font-size:17px;margin-left:5px}.round-arrow{width:52px;height:52px}.round-arrow svg{width:25px;height:25px}.section-space{padding-block:56px}.service-intro,.service-item,.working,.faq{grid-template-columns:1fr;gap:28px}.section-intro h2{font-size:35px}.section-intro>p{font-size:16px;max-width:440px;margin-top:18px}summary{padding-block:24px;gap:16px}summary h3{font-size:22px}.service-intro>p{margin-top:0}.service-list{margin-top:28px}.service-item{gap:16px;padding-block:24px}.service-heading>p{margin-top:10px}.service-body{padding:0}.service-body>p{font-size:16px}.service-result{margin-top:16px}.faq{padding-bottom:56px}.faq h3{font-size:19px}.faq summary{padding-block:20px}.faq-body{padding:8px 0 22px}.recent{padding:26px 24px 30px}.recent-heading{margin-bottom:27px}.recent-heading h2{font-size:18px}.small-rule{display:none}.recent-list{grid-template-columns:1fr;gap:26px}.project{grid-template-columns:1fr 38%;gap:14px}.project+.project{padding-top:25px;border-top:1px solid #cbc9c1}.project h3{font-size:18px}.project-text>p{font-size:12px}.project-action,.project-status{margin-top:16px;font-size:13px}.working-list>div{padding:23px 0}.working-list dt{font-size:19px}.working-list dd{font-size:16px}.contact-inner{padding-block:48px}.contact h2{font-size:clamp(36px,8.4vw,58px)}.contact-title{gap:14px}.contact-arrow{width:60px;height:60px;margin-right:0;stroke-width:1.2}.contact-bottom{grid-template-columns:1fr;gap:32px;margin-top:30px}.contact-bottom>p{font-size:16px}.email{font-size:clamp(19px,4.6vw,27px);gap:14px}.contact-links{gap:16px}.footer{height:auto;min-height:120px;display:grid;grid-template-columns:1fr auto;gap:8px 20px;padding-block:28px}.footer-logo{font-size:25px}.footer p{grid-column:1;margin:0;font-size:12px}.back-top{grid-column:2;grid-row:1/3;font-size:13px;gap:12px}}
@media(max-width:360px){:root{--pad:18px}.header{height:70px}.brand-sign{font-size:24px}nav{gap:18px}.hero-main{padding:24px 22px;min-height:240px}.hero h1{font-size:31px}.hero-side{padding:27px 23px}.hero-lead{font-size:21px}.hero-contact{font-size:14px;gap:8px}.hero-contact strong{font-size:15px;margin-left:3px}.round-arrow{width:44px;height:44px}.section-intro h2{font-size:32px}summary h3{font-size:20px}.service-heading h3{font-size:22px}.faq h3{font-size:18px}.recent{padding:24px 20px}.recent-heading h2{font-size:17px}.project{grid-template-columns:1fr 32%;gap:10px}.project h3{font-size:16px}.contact-arrow{width:42px;height:42px}.contact h2{font-size:34px}.email{font-size:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}