:root{--ink:#262722;--blue:#283980;--paper:#f7f6f2;--line:#dcded8;--muted:#666963;--display:clamp(36px,4.2vw,60px);--heading:clamp(30px,3.1vw,43px);--title:21px;--body:16px;--small:14px;--caption:11px;--space:120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,Arial,sans-serif;line-height:1.75;font-size:var(--body);word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.3}h1{font-size:var(--display)}h2{font-size:var(--heading)}h3{font-size:var(--title)}p{color:var(--muted)}.shell{width:min(1360px,calc(100% - 100px));margin:auto}.section{padding-top:var(--space);padding-bottom:var(--space)}.eyebrow{font-size:var(--caption);font-weight:500;letter-spacing:.13em;color:var(--blue);margin-bottom:26px}.text-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid var(--ink);padding:9px 0;font-size:var(--small);margin-top:34px}.text-link span{font-size:21px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:0}header{background:var(--paper);position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.head{height:91px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand img{width:170px;height:auto}.head nav{display:flex;gap:37px;font-size:var(--small)}.head nav a:hover{color:var(--blue)}.consult{border-bottom:1px solid var(--ink);font-size:var(--small);padding:6px 0;display:flex;gap:34px}.menu{display:none;border:0;background:none;font-size:var(--caption);letter-spacing:1px}.menu span{margin-left:8px}.hero-heading{display:grid;grid-template-columns:1fr 2fr;padding:67px 0 58px;gap:40px}.hero-heading .eyebrow{margin-top:10px}.hero-heading .eyebrow span{display:block;color:var(--muted);letter-spacing:0;font-size:var(--caption);margin-top:13px}.hero-heading h1 span{color:#7e807b}.hero-heading>div{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.hero-heading>div p{font-size:var(--small);margin-bottom:8px}.hero-heading{animation:up .8s both}.hero-stage{height:560px;position:relative;overflow:hidden;background:#acb1ae}.slides,.slides img,.image-shade{position:absolute;inset:0;width:100%;height:100%}.slides img{object-fit:cover;object-position:center 54%;opacity:0;transition:opacity 1.2s,transform 7s;transform:scale(1.04)}.slides img.active{opacity:1;transform:scale(1)}.image-shade{background:linear-gradient(transparent 60%,#1318129c)}.hero-caption{position:absolute;bottom:30px;left:0;right:0;color:#fff;display:flex;align-items:flex-end;justify-content:space-between}.hero-caption>a>span{font-size:var(--caption);letter-spacing:.13em;opacity:.8}.hero-caption h2{font-size:var(--title);margin-top:10px;display:flex;gap:35px}.hero-caption i{font-style:normal}.controls{display:flex;align-items:center;gap:18px;font-size:var(--small)}.slide-line{width:90px;height:1px;background:#ffffff70}.controls .total{opacity:.5;margin-right:20px}.controls button{color:white;background:none;border:0;font-size:21px;padding:5px}.controls button:last-child{font-size:14px}.hero-foot{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-top:19px;padding-bottom:19px;font-size:var(--caption);letter-spacing:.1em;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px}.section-head>p,.section-head>div>p:not(.eyebrow){font-size:var(--small)}.filters{display:flex;gap:26px;justify-content:flex-end;margin-top:26px}.filters button{background:none;border:0;border-bottom:1px solid transparent;color:#999;padding:5px 0;font-size:var(--small)}.filters button.active{border-color:var(--ink);color:var(--ink)}.projects{display:grid;grid-template-columns:1.18fr 1fr;gap:65px 40px;align-items:start}.project:nth-child(2){margin-top:100px}.project:nth-child(4){margin-top:100px}.project[hidden]{display:none}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;height:410px;object-fit:cover;transition:transform .7s}.project:nth-child(even) img{height:350px}.project:hover img{transform:scale(1.035)}.project-arrow{position:absolute;bottom:0;right:0;background:var(--paper);height:49px;width:49px;display:grid;place-items:center;font-size:25px}.project-meta{display:flex;justify-content:space-between;gap:15px;margin-top:22px;align-items:center}.project-meta h3{font-size:var(--title)}.project-meta span{font-size:var(--caption);letter-spacing:.07em;color:#888}.projects.filtered .project{margin-top:0}.about{background:#eae9e3;padding:95px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.about-photo{position:relative;padding-right:50px}.about-photo img{height:610px;width:100%;object-fit:cover}.about-photo>span{position:absolute;right:16px;top:0;writing-mode:vertical-rl;font-size:var(--caption);letter-spacing:.15em;color:#777}.about-copy .lead{font-size:var(--title);color:var(--ink);line-height:1.7;margin:30px 0 25px}.about-copy p:not(.eyebrow){margin-top:22px;font-size:var(--small)}.about-copy p.lead{font-size:var(--title)}.service{display:grid;grid-template-columns:70px 1fr 1fr 35px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:35px 0;transition:color .2s}.service:last-child{border-bottom:1px solid var(--line)}.service .num{font-size:var(--caption);color:#aaa;align-self:start;padding-top:10px}.service h3{font-size:clamp(28px,3vw,42px);font-weight:400;letter-spacing:-.035em}.service div>span{font-size:var(--small);color:#999}.service p{font-size:var(--small);max-width:420px}.service .arrow{font-size:30px}.service:hover{color:var(--blue)}.wide-photo{height:470px;position:relative;color:#fff;overflow:hidden}.wide-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 55%}.wide-photo:after{content:'';position:absolute;inset:0;background:#11201355}.wide-photo>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1}.wide-photo .eyebrow{color:#fff;opacity:.8}.wide-photo h2{font-size:var(--heading)}.process{display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.process>div>p:not(.eyebrow){margin-top:25px;font-size:var(--small)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:30px;padding:29px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-size:var(--caption);color:#aaa}summary>b{font-size:23px;font-weight:400;margin-left:auto}details[open] summary>b{transform:rotate(45deg)}details[open] summary h3{color:var(--blue)}details p{font-size:var(--small);margin-left:43px;padding:0 0 30px;max-width:460px}.contact{background:#263677;color:#fff;padding:85px 0 60px}.contact .eyebrow{color:#b5bfdf}.contact-head{display:flex;align-items:center;justify-content:space-between}.contact h2{font-size:clamp(38px,4.5vw,64px);font-weight:400}.circle-link{width:116px;height:116px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:55px;transition:background .25s}.circle-link:hover{background:#ffffff15}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid #ffffff30;margin-top:52px;padding-top:27px}.contact-bottom p{font-size:var(--small);color:#bac2df}.contact-bottom>a{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.04em}.contact-bottom>a>span{font-size:var(--caption);display:block;text-align:right;letter-spacing:0;color:#bbc4df}footer{padding-top:55px;padding-bottom:24px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top p,.footer-top>div>a{font-size:var(--caption);color:#7b7d78}.footer-links{display:flex;gap:25px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:45px;padding-top:23px;font-size:10px;color:#969892}.mobile-cta{display:none}#mobile{padding:20px 25px;border-top:1px solid var(--line)}#mobile:not([hidden]){display:grid;gap:14px;font-size:var(--small)}.reveal.ready{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}:focus-visible{outline:2px solid #8ea2ed;outline-offset:6px}@media(min-width:901px){#mobile{display:none!important}}@media(max-width:1200px){.hero-heading{grid-template-columns:1fr 2.5fr}.hero-heading>div{display:block}.hero-heading>div p{margin-top:20px}.hero-stage{height:510px}.about-grid{gap:55px}.project-meta{display:block}.project-meta span{display:block;margin-top:5px}.head nav{gap:25px}.process{gap:55px}.footer-top{flex-wrap:wrap}}@media(max-width:900px){:root{--space:85px}.shell{width:calc(100% - 48px)}.head{height:78px}.head nav{display:none}.menu{display:block}.consult{margin-left:auto}.hero-heading{padding:45px 0;grid-template-columns:1fr 2fr}.hero-heading .eyebrow{max-width:150px}.hero-stage{height:470px}.section-head{gap:25px}.section-head>div:last-child>p{max-width:230px}.project-image img{height:300px}.project:nth-child(even) img{height:260px}.projects{gap:35px 25px}.project:nth-child(even){margin-top:70px}.about-grid{gap:35px}.about-photo{padding-right:28px}.about-photo>span{right:8px}.about-photo img{height:490px}.service{grid-template-columns:35px 1fr 1.1fr 25px}.process{gap:35px}.footer-links{gap:20px}.footer-bottom{flex-wrap:wrap}}@media(max-width:600px){:root{--space:65px;--title:19px;--small:13px}.shell{width:calc(100% - 40px)}.head{height:70px;gap:15px}.brand img{width:139px}.consult{display:none}.menu{margin-left:auto}.hero-heading{display:block;padding:30px 0}.hero-heading .eyebrow{max-width:none;margin-top:0;margin-bottom:18px;font-size:10px}.hero-heading .eyebrow span{display:none}.hero-heading h1{font-size:36px;letter-spacing:-.055em}.hero-heading>div p{font-size:13px;margin:17px 0 0;line-height:1.8}.hero-stage{height:405px}.slides img{object-position:52% center}.hero-caption{bottom:22px;display:block}.hero-caption h2{font-size:18px;gap:25px}.hero-caption>a>span{font-size:9px}.controls{margin-top:24px;gap:16px;font-size:12px}.controls .total{margin-right:auto}.slide-line{width:65px}.hero-foot{font-size:8px;letter-spacing:.04em;padding:16px 0;gap:20px}.section-head{display:block;margin-bottom:28px}.section-head>div:last-child>p{max-width:none;margin-top:20px}.section-head>p{margin-top:20px}.filters{justify-content:flex-start;margin-top:20px;gap:24px}.projects{grid-template-columns:1fr;gap:32px}.project:nth-child(even){margin:0}.project-image img,.project:nth-child(even) img{height:auto;aspect-ratio:1.3;object-fit:cover}.project-meta{display:flex;margin-top:15px;align-items:center}.project-meta h3{font-size:18px}.project-meta span{font-size:9px;white-space:nowrap}.about{padding:60px 0}.about-grid{grid-template-columns:1fr;gap:38px}.about-photo{padding-right:25px}.about-photo img{height:380px}.about-copy br{display:none}.about-copy h2 br,.about-copy .lead br{display:initial}.about-copy .lead{margin-top:25px}.service{grid-template-columns:25px 1fr 24px;gap:14px;padding:25px 0}.service h3{font-size:31px}.service p{grid-column:2/3;margin-top:4px}.service .arrow{grid-column:3;grid-row:1;font-size:25px}.wide-photo{height:360px}.process{grid-template-columns:1fr;gap:35px}.process .text-link{margin-top:18px}summary{gap:22px;padding:24px 0}details p{margin-left:35px}.contact{padding:60px 0 40px}.circle-link{width:66px;height:66px;font-size:32px;flex-shrink:0;margin-left:15px}.contact h2{font-size:36px}.contact .eyebrow{font-size:9px}.contact-bottom{display:block;margin-top:35px}.contact-bottom>a{display:inline-block;font-size:31px;margin-top:25px}.contact-bottom>a>span{text-align:left}.footer-top{display:block}.footer-top>div{margin-top:22px}.footer-top p{font-size:11px}.footer-links{display:flex}.footer-bottom{display:block;font-size:9px;margin-top:30px}.footer-bottom>span{display:block;margin-bottom:11px}.footer-bottom>a{display:inline-block;margin-top:7px}footer{padding-bottom:90px!important}.mobile-cta{display:flex;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);padding:15px 24px;z-index:25;font-size:13px}.mobile-cta span{color:var(--blue)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.ready{opacity:1;transform:none}}
/* Photo-led services and process */
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{display:block}.service-visual{position:relative;overflow:hidden;background:#e6e5df}.service-visual img{width:100%;height:360px;object-fit:cover;transition:transform .7s}.service-card:hover img{transform:scale(1.04)}.service-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 35%)}.service-index{position:absolute;top:22px;left:23px;color:white;z-index:1;font-size:var(--caption);letter-spacing:.1em}.service-open{position:absolute;bottom:0;right:0;background:var(--paper);width:52px;height:52px;display:grid;place-items:center;font-size:27px;z-index:1}.service-copy{padding-top:25px}.service-copy h3{font-size:var(--title)}.service-copy p{font-size:var(--small);margin-top:12px;max-width:350px}.journey{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}.journey-photo{position:relative}.journey-photo img{height:475px;width:100%;object-fit:cover}.journey-photo>div{position:absolute;bottom:0;left:0;right:0;background:#263677ed;color:white;display:flex;justify-content:space-between;gap:20px;padding:20px 23px;font-size:var(--caption)}.journey-photo>div>span:first-child{letter-spacing:.12em}.journey-step summary{padding:27px 0}.journey-step[open] summary>b{transform:rotate(0);color:var(--blue)}.journey-step[open]{border-top-color:var(--blue)}.journey-step p{padding-bottom:26px}.process-visual .section-head .text-link{margin-top:18px}@media(max-width:900px){.service-cards{gap:18px}.service-visual img{height:280px}.service-index{left:15px;top:16px;font-size:9px}.journey{gap:30px}.journey-photo img{height:480px}.journey-photo>div{display:block}.journey-photo>div>span{display:block}.journey-photo>div>span+span{margin-top:5px}}@media(max-width:600px){.service-cards{grid-template-columns:1fr;gap:36px}.service-visual img{height:290px}.service-index{font-size:10px;left:20px;top:20px}.service-copy{padding-top:18px}.service-copy p{margin-top:8px}.journey{grid-template-columns:1fr;gap:24px}.journey-photo img{height:280px}.journey-photo>div{display:flex;padding:15px 17px;font-size:10px}.journey-photo>div>span+span{margin:0}.journey-step summary{padding:23px 0}}

/* Company introduction — existing site type roles and palette. */
.company-intro{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:start}
.company-signature{margin-top:30px;font-size:var(--small);color:var(--blue)}
.company-copy>p{font-size:var(--body);line-height:1.85}
.company-copy>p+p{margin-top:20px}
.company-copy .text-link{margin-top:26px}
.company-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:65px 0 0;padding:30px 0 0;border-top:1px solid var(--line)}
.company-scope>div{margin:0}
.company-scope dt{font-size:var(--title);font-weight:500;letter-spacing:-.045em;line-height:1.3}
.company-scope dd{margin:12px 0 0;color:var(--muted);font-size:var(--small)}
footer.shell{border-top:1px solid var(--line)}
@media(max-width:1200px){.company-intro{gap:55px}}
@media(max-width:900px){.company-intro{gap:35px}.company-scope{gap:25px}}
@media(max-width:600px){.company-intro{grid-template-columns:1fr;gap:28px}.company-signature{margin-top:22px}.company-scope{grid-template-columns:1fr;gap:24px;margin-top:38px;padding-top:28px}.company-scope dd{margin-top:8px}}