.commercial-page{background:#f0f2ed;color:#263135}.commercial-page img{display:block;max-width:100%}.commercial-page :focus-visible{outline:3px solid #ff6347;outline-offset:4px}.commercial-page ::selection{background:#ff6347;color:#172124}
.commercial-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:min(840px,100svh);background:#263135;color:#f0f2ed;overflow:hidden}.commercial-hero>.background-word{top:auto;bottom:0;left:-1vw;right:auto;font-size:clamp(110px,19vw,330px);color:#ffffff08;white-space:nowrap;z-index:0}.commercial-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:150px 5vw 76px 6vw}.commercial-breadcrumb{font-size:12px;line-height:1.5;color:#e8e1db;margin-bottom:48px}.commercial-breadcrumb a{color:inherit;text-decoration:underline;text-decoration-color:#e8e1db88;text-underline-offset:5px}.commercial-hero h1{font-size:clamp(48px,5.9vw,92px);line-height:1.02;letter-spacing:-.034em;max-width:11ch;text-wrap:balance}.commercial-hero h1 em{color:#ff8e78}.commercial-hero-copy>p{font-size:clamp(15px,1.25vw,18px);line-height:1.75;max-width:49ch;margin:30px 0 36px;color:#f0f2ed}.commercial-hero .button{min-height:50px}.commercial-location{display:block;margin-top:auto;padding-top:68px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#d3d9d3}.commercial-hero-visual{position:relative;min-height:640px;overflow:hidden}.commercial-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 26%}.commercial-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#26313522,transparent 32%)}.commercial-image-mark{position:absolute;z-index:1;right:32px;bottom:28px;color:white;text-shadow:0 1px 8px #000a;font-size:11px;letter-spacing:.16em}
.commercial-tabs{display:flex;gap:34px;overflow-x:auto;scrollbar-width:thin;padding:0 6%;min-height:70px;align-items:center;border-bottom:1px solid #2631352b;background:#f0f2ed;position:relative;z-index:2}.commercial-tabs a{white-space:nowrap;font-size:13px;line-height:1.4;padding:24px 0 19px;border-bottom:2px solid transparent;color:#263135}.commercial-tabs a[aria-current=page]{border-color:#ff6347;font-weight:700}.commercial-tabs a:hover{color:#ae3826}
.commercial-section{padding:clamp(76px,9vw,138px) 6%;position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:100px}.commercial-section h2{font-size:clamp(43px,5vw,74px);letter-spacing:-.035em;line-height:1.04;max-width:14ch;text-wrap:balance}.commercial-section h2 em{color:#b93822}.commercial-section p{font-size:clamp(15px,1.25vw,18px);line-height:1.75}.commercial-section>.background-word{pointer-events:none;font-size:clamp(110px,19vw,330px);color:#b938220a;top:0;left:1%;white-space:nowrap}.commercial-section-heading{display:grid;grid-template-columns:1fr minmax(260px,32vw);gap:8%;align-items:end;margin-bottom:54px;position:relative;z-index:1}.commercial-section-heading>p{max-width:50ch}.commercial-section-heading h2{max-width:14ch}
.direction-section{background:#f0f2ed}.direction-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;position:relative;z-index:1}.commercial-direction{position:relative;display:block;overflow:hidden;min-height:530px;color:#fff;background:#263135}.commercial-direction:nth-child(1),.commercial-direction:nth-child(4){grid-column:span 7}.commercial-direction:nth-child(2),.commercial-direction:nth-child(3){grid-column:span 5}.commercial-direction img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 25%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.commercial-direction:hover img,.commercial-direction:focus-visible img{transform:scale(1.04)}.commercial-direction:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#0f161bd9)}.direction-content{position:absolute;z-index:1;inset:auto 30px 30px;display:grid;gap:6px}.direction-content small{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.direction-content strong{font-family:var(--editorial,Georgia),Georgia,serif;font-weight:400;font-size:clamp(44px,5vw,76px);line-height:1.03}.direction-content>span{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:14px}
.dark-surface{background:#263135;color:#f0f2ed}.dark-surface h2 em{color:#ff8e78}.dark-surface>.background-word{color:#ffffff08}.commercial-process .commercial-section-heading{margin-bottom:70px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;position:relative;z-index:1}.process-steps>div{border-top:1px solid #f0f2ed80;padding-top:20px}.process-steps span{color:#ff8e78;font-size:22px;font-weight:600}.process-steps p{margin-top:25px;max-width:34ch;font-size:15px;color:#e0e6e0}.commercial-editorial{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;background:#ece3dc}.commercial-editorial>div{position:relative;z-index:1}.commercial-editorial p{max-width:55ch;margin-top:36px}.commercial-editorial img{width:100%;height:min(670px,64vw);object-fit:cover;object-position:center 25%}.editorial-link{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #263135;padding:13px 0;margin-top:34px}
.service-purpose{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;min-height:680px}.purpose-copy{position:relative;z-index:1}.purpose-copy h2{max-width:13ch}.purpose-copy p{max-width:51ch;margin-top:32px}.purpose-image{height:590px;overflow:hidden}.purpose-image img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.service-approach .commercial-section-heading{margin-bottom:74px}.service-details{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;position:relative;z-index:1}.service-detail{border-top:1px solid #ffffff77;padding-top:22px}.service-detail h3{font-size:clamp(22px,2vw,29px);font-weight:600}.service-detail p{font-size:15px;margin-top:20px;max-width:34ch;color:#e0e6e0}
.commercial-gallery{background:#ece3dc}.commercial-gallery .commercial-section-heading{margin-bottom:50px}.commercial-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;position:relative;z-index:1}.commercial-gallery-grid figure{margin:0;min-width:0}.commercial-gallery-grid figure[hidden]{display:none}.gallery-trigger{position:relative;display:block;overflow:hidden;width:100%;height:auto;aspect-ratio:3/4;padding:0;border:0;background:#c9c2ba;cursor:zoom-in}.gallery-trigger img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.gallery-trigger>span{position:absolute;right:12px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;background:#f0f2edd9;backdrop-filter:blur(10px);border-radius:50%;color:#263135;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.gallery-trigger:hover img,.gallery-trigger:focus-visible img{transform:scale(1.035)}.gallery-trigger:hover>span,.gallery-trigger:focus-visible>span{opacity:1;transform:translateY(0)}.commercial-gallery-grid figcaption{font-size:11px;letter-spacing:.1em;text-align:right;margin-top:8px;color:#4c5656;font-variant-numeric:tabular-nums}.commercial-gallery .gallery-more{margin-top:42px;min-height:50px}
.commercial-faq{display:grid;grid-template-columns:.8fr 1fr;gap:10%;background:#f0f2ed}.commercial-faq>div:first-child p{margin-top:28px;max-width:38ch}.faq-list details{border-top:1px solid #26313551;padding:23px 0}.faq-list summary{font-size:clamp(17px,1.4vw,21px);line-height:1.4;cursor:pointer}.faq-list details p{font-size:15px;max-width:65ch;margin-top:20px}.related-section{background:#e8ded6}.related-links{display:flex;flex-wrap:wrap;gap:14px 32px;margin-top:45px}.related-links a{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #b93822;padding:12px 0}
.commercial-contact{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:end}.commercial-contact h2{position:relative;z-index:1}.commercial-contact p{margin-top:30px;max-width:45ch}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;z-index:1}.contact-actions a:first-child{font-size:clamp(28px,3vw,42px);line-height:1.1}.contact-actions a:not(:first-child){display:flex;align-items:center;gap:9px;border-bottom:1px solid #f0f2ed70;padding:10px 0}.contact-actions small{margin-top:20px;color:#d5ddd7;font-size:12px;line-height:1.5}
.portfolio-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#101719f5;color:#f0f2ed;overflow:hidden}.portfolio-viewer::backdrop{background:#101719ed}.portfolio-viewer[open]{display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center}.portfolio-viewer button{border:0;background:#f0f2ed24;color:inherit;border-radius:50%;height:48px;width:48px;display:grid;place-items:center;cursor:pointer;justify-self:center}.portfolio-viewer button:hover{background:#f0f2ed48}.viewer-close{position:absolute;z-index:2;top:calc(15px + env(safe-area-inset-top));right:calc(15px + env(safe-area-inset-right))}.viewer-frame{min-width:0;height:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:32px 0}.viewer-frame img{max-width:100%;max-height:calc(100dvh - 92px);width:auto;height:auto;object-fit:contain}.viewer-counter{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
@media(max-width:950px){.commercial-hero{min-height:680px}.commercial-hero-copy{padding:145px 5vw 65px 6vw}.commercial-hero h1{font-size:clamp(43px,5vw,68px)}.commercial-hero-visual{min-height:650px}.commercial-direction{min-height:450px}.commercial-section-heading{grid-template-columns:1fr 1fr}.purpose-image{height:490px}.commercial-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.commercial-hero{grid-template-columns:1fr;min-height:0}.commercial-hero-copy{padding:125px 6% 42px;min-height:560px}.commercial-breadcrumb{margin-bottom:38px}.commercial-hero h1{font-size:clamp(43px,10vw,60px)}.commercial-hero-copy>p{font-size:15px;margin:25px 0 28px}.commercial-location{padding-top:46px}.commercial-hero-visual{min-height:0;height:450px}.commercial-image-mark{right:18px;bottom:18px}.commercial-tabs{gap:22px;padding:0 6%;min-height:62px}.commercial-tabs a{padding:19px 0 16px}.commercial-section{padding:72px 6%}.commercial-section h2{font-size:clamp(40px,10vw,56px)}.commercial-section-heading,.commercial-faq,.commercial-contact,.service-purpose,.commercial-editorial{grid-template-columns:1fr;gap:34px}.commercial-section-heading{margin-bottom:36px}.commercial-section-heading>p{font-size:16px}.direction-grid{grid-template-columns:1fr;gap:12px}.commercial-direction:nth-child(n){grid-column:auto;min-height:460px}.direction-content{inset:auto 22px 24px}.direction-content strong{font-size:55px}.process-steps,.service-details{grid-template-columns:1fr;gap:30px}.commercial-process .commercial-section-heading,.service-approach .commercial-section-heading{margin-bottom:45px}.process-steps p,.service-detail p{margin-top:12px}.commercial-editorial img{height:420px}.service-purpose{min-height:0}.purpose-image{height:460px}.commercial-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.commercial-gallery-grid figcaption{font-size:10px}.commercial-faq>div:first-child p{margin-top:20px}.related-links{margin-top:26px}.commercial-contact{gap:45px}.contact-actions a:first-child{font-size:34px}.portfolio-viewer[open]{grid-template-columns:52px minmax(0,1fr) 52px}.portfolio-viewer button{width:42px;height:42px}.viewer-frame{padding:40px 0}.viewer-frame img{max-height:calc(100dvh - 110px)}}
@media(prefers-reduced-motion:reduce){.commercial-direction img,.gallery-trigger img,.gallery-trigger>span{transition:none}}
.commercial-gallery .gallery-more{display:block;min-height:50px;margin:42px auto 0;padding:12px 28px;border:1px solid #263135;background:transparent;color:#263135;font:inherit;font-size:14px;cursor:pointer;transition:background-color .2s,color .2s}.commercial-gallery .gallery-more:hover,.commercial-gallery .gallery-more:focus-visible{background:#263135;color:#f0f2ed}.commercial-gallery .gallery-more[hidden]{display:none}
html:has(.portfolio-viewer[open]){overflow:hidden;scrollbar-gutter:stable}