@media(max-width:650px){.hero-foot,.project-info>span{font-size:12px}}
.extensions-grid video{aspect-ratio:16/10}
.language,.button{border-radius:999px}
.hero{margin:0 18px;border-radius:30px}
.project .image-wrap{border-radius:24px}
.process{margin:0 18px;border-radius:32px}
video{border-radius:20px;overflow:hidden}
.web-service{margin:0 18px;border-radius:32px}
dialog{border-radius:26px}
.viewer-frame>img{border-radius:18px}
.viewer-arrow{border-radius:999px}
.services span{border-radius:4px}
.web-number{font-size:initial;letter-spacing:normal;line-height:normal}
.web-number img{display:block;width:100%;max-width:430px;height:auto;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:650px){.hero,.process,.web-service{margin-inline:10px;border-radius:22px}.project .image-wrap,video{border-radius:18px}}

/* Refined spacing, navigation and contact composition. Existing palette retained. */
header{position:sticky;top:0;height:88px;border-bottom:1px solid var(--line);gap:30px}
.brand img{height:66px;width:116px}
nav{gap:32px;align-items:center}
nav a{min-height:44px;display:flex;align-items:center;position:relative}
nav a::after{content:'';position:absolute;bottom:5px;inset-inline:0;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s}
nav a:hover::after,nav a:focus-visible::after{transform:scaleX(1)}
.language{min-height:42px;padding-inline:18px}
.hero{height:calc(100svh - 108px)}
.section{padding-block:90px}
.intro{padding-block:95px 65px}
.intro-copy{padding-top:6px}
.services{gap:18px 28px}
.work{padding-top:40px;padding-bottom:95px}
.section-head{margin-bottom:35px;align-items:center}
.section-note{max-width:340px;line-height:2}
.filters{border:0;gap:10px;margin:32px 0 30px}
.filters button{border:1px solid var(--line);border-radius:999px;padding:9px 23px;min-height:44px;transition:background .2s,border-color .2s}
.filters button.active{background:#e6eeed;border-color:var(--blue);color:var(--ink)}
.filters button:hover{background:#e6eeed}
.gallery{gap:38px 28px}
.project-info{padding:4px 5px 0;align-items:start}
.project .category{margin-top:7px;line-height:1.8}
.project h3{line-height:1.65}
.project-info>span{white-space:nowrap}
.project .image-wrap:after{box-shadow:0 3px 12px #17272b18}
.process-pair{gap:28px}
.video-label{padding-bottom:18px;gap:20px;align-items:center}
.extensions-head{margin-top:55px}
.video-grid{gap:25px}
.video-card h3{line-height:1.7;margin-top:17px}
.video-card p{margin-top:5px;line-height:1.7}
.web-service{gap:10%;grid-template-columns:.85fr 1.15fr;padding-block:85px}
.web-number{display:flex;justify-content:center;align-items:center}
.web-number img{max-width:350px}
.web-service .eyebrow{max-width:430px}
.contact{padding-block:95px 75px}
.contact h2{font-size:clamp(40px,5.3vw,72px)}
.contact-bottom{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;margin-top:36px;padding-top:35px;align-items:start}
.contact-bottom>p{font-size:17px;line-height:2}
.contact-links{display:grid;gap:12px;align-items:stretch;min-width:0}
.contact-card{display:flex;align-items:center;gap:18px;width:100%;min-height:90px;padding:17px 20px;border:1px solid var(--line);border-radius:20px;transition:background .2s,border-color .2s,transform .2s}
.contact-card:hover{background:#e6eeed;border-color:var(--blue);transform:translateY(-2px);color:var(--ink)}
.contact-icon{width:48px;height:48px;border-radius:50%;background:#e6eeed;color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.contact-icon svg{width:25px;height:25px}
.contact-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-label{font-size:12px;color:var(--muted)}
.contact-value{font-size:15px;overflow-wrap:anywhere;line-height:1.6}
.contact-arrow{margin-inline-start:auto;color:var(--blue);font-size:22px;flex-shrink:0}
footer{padding-block:28px;align-items:center}
@media(max-width:1000px){nav{gap:22px}.section{padding-block:70px}.intro{padding-bottom:45px}.work{padding-top:30px}.web-service{gap:6%}.contact-bottom{gap:6%}.contact-card{padding:15px;gap:13px}.contact-value{font-size:14px}}
@media(max-width:650px){header{height:auto;min-height:114px;display:grid;grid-template-columns:1fr auto;gap:0 16px;padding:6px 6% 8px}.brand{grid-column:1;grid-row:1;justify-self:start;margin:0}.brand img{height:55px;width:98px}.language{grid-column:2;grid-row:1;justify-self:end;min-height:36px}nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:12px;width:100%;margin-top:3px}nav a,nav a:nth-child(2),nav a:nth-child(3){display:flex;font-size:12px;min-height:36px;white-space:nowrap}.hero{min-height:580px;height:calc(90svh - 128px)}.section{padding-block:58px}.intro{gap:25px;padding-bottom:38px}.section-head{margin-bottom:25px}.work{padding-top:25px}.filters{gap:8px;margin:25px 0}.filters button{font-size:12px;padding:8px 15px;min-height:42px}.gallery{gap:28px}.project-info{gap:10px}.project-info>span{font-size:12px}.project h3{font-size:17px}.project .category{font-size:12px}.video-label{font-size:12px;gap:10px}.web-service{grid-template-columns:1fr;gap:30px;padding-block:50px}.web-number img{width:min(75%,260px)}.contact-bottom{grid-template-columns:1fr;gap:26px;margin-top:28px;padding-top:25px}.contact-bottom>p{font-size:16px}.contact-card{min-height:86px;padding:16px;gap:14px}.contact-icon{width:44px;height:44px}.contact-value{font-size:14px}.contact-links{gap:12px}html{scroll-padding-top:135px}}

/* No decorative arrows anywhere in the interface. */
.project .image-wrap:after,.services span:before{display:none;content:none}
.button{gap:0}
.viewer-arrow{width:auto;min-width:68px;height:42px;padding:8px 12px;font-size:13px;font-family:var(--font)}
.viewer-arrow{display:grid;place-items:center;width:48px;min-width:48px;height:48px;padding:0;border:1px solid #d9dfdd;background:#f8f8f4f2;color:var(--ink);border-radius:50%;box-shadow:0 4px 16px #17272b1f;transition:background .2s,box-shadow .2s}
.viewer-arrow svg{width:23px;height:23px;display:block}
.viewer-arrow:hover{background:#e6eeed;color:var(--blue);box-shadow:0 5px 20px #17272b30}
.viewer-arrow.previous{left:14px}
.viewer-arrow.next{right:14px}
@media(max-width:650px){.viewer-arrow{width:44px;min-width:44px;height:44px}.viewer-arrow.previous{left:8px}.viewer-arrow.next{right:8px}}
.hero>img{z-index:0}
.hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;opacity:0;transition:opacity .6s;pointer-events:none;z-index:1;aspect-ratio:auto}
.hero .hero-video.is-playing{opacity:1}
.hero-shade{z-index:2}
.hero-copy,.hero-foot{z-index:3}
.hero-playback{position:absolute;inset-inline-end:5%;top:25px;z-index:4;display:flex;align-items:center;gap:10px;border:1px solid #ffffff60;background:#17272b66;color:#fff;border-radius:999px;padding:10px 17px;min-height:44px;font-size:12px;backdrop-filter:blur(8px)}
.hero-playback svg{width:17px;height:17px;flex-shrink:0}
.hero-playback .play-symbol{display:none}
.hero-playback.is-paused .pause-symbol{display:none}
.hero-playback.is-paused .play-symbol{display:block}
.hero-playback[hidden]{display:none}
.hero-playback:hover{background:#17272bb3}
@media(max-width:650px){.hero-playback{top:18px;inset-inline-end:5%;padding:9px 13px}}

.music-toggle{position:fixed;bottom:22px;inset-inline-start:22px;z-index:25;display:flex;align-items:center;gap:10px;min-height:44px;padding:11px 17px;border:1px solid var(--line);border-radius:999px;background:#f8f8f4f2;color:var(--ink);box-shadow:0 4px 22px #17272b18;backdrop-filter:blur(10px);font:inherit;font-size:12px;cursor:pointer}
.music-toggle svg{width:20px;height:20px;color:var(--blue)}
.music-toggle[aria-pressed="true"]{background:#e6eeed;border-color:var(--blue)}
.music-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.music-credit{padding:0 6% 80px;text-align:center;font-size:11px;line-height:1.8;color:var(--muted)}
.music-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.music-toggle{bottom:14px;inset-inline-start:14px;padding:10px 14px}}

.music-controls{position:fixed;bottom:22px;inset-inline-start:22px;z-index:25;display:flex;align-items:center;gap:12px;padding-inline-end:16px;border:1px solid var(--line);border-radius:999px;background:#f8f8f4f2;box-shadow:0 4px 22px #17272b18;backdrop-filter:blur(10px)}
.music-controls .music-toggle{position:static;border:0;box-shadow:none;background:transparent;backdrop-filter:none}
.music-controls input{width:76px;accent-color:var(--blue);cursor:pointer}
@media(max-width:650px){.music-controls{bottom:14px;inset-inline-start:14px;gap:5px;padding-inline-end:12px}.music-controls input{width:62px}}


/* Dark gallery wall with concealed perimeter lighting. */
.work{background:#17272b;color:#f8f8f4;margin:0 18px;border-radius:32px;padding-top:65px}
.work .section-note,.work .project .category,.work .project-info>span{color:#b8c9cc}
.project .image-wrap{border:1px solid #b6dbe3b3;box-shadow:0 0 3px 1px #a5d5e2cc,0 0 20px 4px #79b4c780,0 0 42px 9px #467f954d;transition:box-shadow .35s}
.project:hover .image-wrap,.project:focus-visible .image-wrap{box-shadow:0 0 4px 1px #bee5efe6,0 0 20px 4px #79b4c799,0 0 42px 8px #467f9563}
.gallery{gap:46px 34px}
@media(max-width:650px){.work{margin-inline:10px;border-radius:22px;padding-top:48px}.gallery{gap:38px}.project .image-wrap{box-shadow:0 0 3px 1px #a5d5e2cc,0 0 18px 4px #79b4c780,0 0 32px 7px #467f954d}}

/* Brighter blue concealed lighting around gallery frames. */
.project .image-wrap{border-color:#c7edf5;box-shadow:0 0 5px 2px #bce9f5,0 0 23px 7px #79b4c7b3,0 0 52px 13px #467f956b}
.project:hover .image-wrap,.project:focus-visible .image-wrap{box-shadow:0 0 7px 2px #d1f4ff,0 0 28px 8px #79b4c7cc,0 0 60px 15px #467f9580}
@media(max-width:650px){.project .image-wrap{box-shadow:0 0 5px 2px #bce9f5,0 0 21px 6px #79b4c7b3,0 0 42px 10px #467f956b}}

/* Keep the rounded dark sections apart instead of touching at the corners. */
.work + .process{margin-top:32px}
@media(max-width:650px){.work + .process{margin-top:24px}}

/* Coordinated warm stone surfaces, neutral light and the existing blue accent. */
.work,.process{background:linear-gradient(145deg,#66635c 0%,#54524c 55%,#484741 100%);color:#f8f8f4}
.work .section-note,.work .project .category,.work .project-info>span,.process .section-note,.process .video-card p,.process .video-label,.process .extensions-head p{color:#deddd5}
.project .image-wrap{border-color:#ecece5b3;box-shadow:0 0 5px 2px #eeeee6b3,0 0 22px 6px #e0e0d766,0 0 46px 11px #d1d1c933}
.project:hover .image-wrap,.project:focus-visible .image-wrap{box-shadow:0 0 6px 2px #f5f5edcc,0 0 26px 7px #e0e0d780,0 0 52px 12px #d1d1c940}
.web-service{background:#eeede7}
@media(max-width:650px){.project .image-wrap{box-shadow:0 0 5px 2px #eeeee6b3,0 0 20px 5px #e0e0d766,0 0 36px 8px #d1d1c933}}

/* Brand palette: logo blue, clean white and cool neutral surfaces. */
:root{--paper:#f4f7f9;--ink:#20343e;--muted:#607580;--blue:#467f95;--line:#d5e1e7}
body,header{background:var(--paper)}
.work,.process{background:linear-gradient(145deg,#2a4552 0%,#223b48 55%,#1b303b 100%);color:#f4f7f9}
.work .section-note,.work .project .category,.work .project-info>span,.process .section-note,.process .video-card p,.process .video-label,.process .extensions-head p{color:#c1d4df}
.project .image-wrap{border-color:#a6d6e5b3;box-shadow:0 0 5px 2px #a5d5e2cc,0 0 22px 6px #79b4c780,0 0 46px 11px #467f954d}
.project:hover .image-wrap,.project:focus-visible .image-wrap{box-shadow:0 0 6px 2px #bee5efe6,0 0 26px 7px #79b4c799,0 0 52px 12px #467f9563}
.web-service{background:#e2ecf1}
.contact-icon,.contact-card:hover,.button:hover,.viewer-arrow:hover{background:#e2ecf1}
.viewer-arrow,.music-controls{background:#f4f7f9f2}
.viewer-frame>img{background:#e7eef2}
.music-toggle[aria-pressed="true"]{background:#e2ecf1}
@media(max-width:650px){.project .image-wrap{box-shadow:0 0 5px 2px #a5d5e2cc,0 0 20px 5px #79b4c780,0 0 36px 8px #467f954d}}

.creator-credit{text-align:center;padding:24px 6% 18px;color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.02em}