:root{color-scheme:light;--khaki:#b9b99d;--sandstone:#d2bc94;--tan:#d8ae99;--terracotta:#a45632;--walnut:#75432d;--umber:#6b6253;--bg:var(--sandstone);--ink:#493122;--muted:#604632;--accent:var(--terracotta);--line:#75432d40;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--terracotta);color:#fff5e9}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--bg);padding:15px}.skip:focus{top:20px}.header{position:absolute;top:0;left:0;width:100%;z-index:5;padding:14px 5%;background:var(--sandstone);color:var(--walnut);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font-size:26px;letter-spacing:.12em;font-weight:700;line-height:1.05}.brand .wordmark{font:inherit;letter-spacing:inherit;margin:0}.brand .wordmark span{display:block;letter-spacing:.43em;font-size:12px;margin-top:7px;font-weight:400}.header nav{display:flex;gap:32px;font-size:14px}.header nav a{padding:8px 0}.header nav a:hover{color:var(--accent)}.journey{height:430vh;position:relative;--p:0}.stage{height:100svh;position:sticky;top:0;overflow:hidden;background:var(--umber);color:#fff5e9}.poster,#film,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#film{opacity:0;transition:opacity .3s}#film.ready{opacity:1}.shade{background:linear-gradient(90deg,#28180faa,transparent 85%),linear-gradient(0deg,#28180fbb,transparent 35%,#28180f60)}.hero-copy{position:absolute;left:7%;top:30%;max-width:950px;opacity:var(--intro-opacity,1);transform:translateY(var(--intro-y,0px));pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:500;margin:0 0 32px}.hero-copy h1{font-weight:400;font-size:clamp(50px,6.9vw,108px);letter-spacing:-.055em;line-height:1.04;margin:0 0 28px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.intro{font-size:17px;color:#f1e5d3;line-height:1.65}.scene-copy{position:absolute;left:7%;top:35%;opacity:var(--scene-opacity,0);pointer-events:none}.scene-copy span{font-size:12px;letter-spacing:.2em}.scene-copy p{font-size:clamp(46px,6vw,88px);line-height:1.05;margin:24px 0}.bottom-line{position:absolute;bottom:44px;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between;gap:20px}.small-label{font-size:11px;letter-spacing:.15em;display:block;margin-bottom:9px;color:#f1e5d3}.project-name{font-size:14px}.scroll-cue{display:flex;align-items:center;gap:25px;font-size:14px}.arrow{font-size:28px;font-weight:300}.motion{position:absolute;top:135px;right:5%;background:#493122b3;border:1px solid #d2bc9477;border-radius:30px;padding:10px 15px;color:#fff5e9;font-size:12px;cursor:pointer}.motion:hover{background:#493122}.progress{height:3px;position:absolute;bottom:0;left:0;width:100%;background:#ffffff24}.progress span{display:block;height:100%;background:var(--tan);width:calc(var(--p)*100%)}.video-status{position:absolute;bottom:105px;right:5%;font-size:12px;color:#ddd}.section{padding:105px 7%}.section-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:50px}.section-top .eyebrow{margin:0}.section-top>span{font-size:12px;letter-spacing:.13em;color:var(--muted)}h2{font-size:clamp(40px,5vw,74px);line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:0}p{line-height:1.65}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}.project-grid p{margin:0 0 22px;font-size:18px;max-width:510px}.project-grid p.secondary{font-size:16px;color:var(--muted)}.text-link{display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid var(--accent);padding:8px 0;font-size:14px;margin-top:10px}.text-link span{font-size:24px;color:var(--accent)}figure{margin:64px 0 0}figure img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover}figcaption{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:14px}.services{background:var(--khaki);color:#493122}.services .section-top{margin-bottom:35px}.service-list{margin-top:65px}.service-list article{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;border-top:1px solid #75432d40;padding:28px 0;align-items:baseline}.service-list article:last-child{border-bottom:1px solid #75432d40}.number{font-size:13px;color:#604632}h3{font-size:clamp(20px,2vw,28px);font-weight:400;letter-spacing:-.035em;margin:0}.service-list p{font-size:16px;color:#493e31;max-width:460px;margin:0}.approach{padding-bottom:120px;background:var(--umber);color:#fff5e9;--muted:#f1e5d3;--line:#d2bc9466;--accent:var(--tan)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.steps div{border-top:1px solid var(--line);padding-top:22px}.steps span{font-size:12px;letter-spacing:.1em;color:var(--accent)}.steps p{max-width:280px;color:var(--muted);font-size:17px}footer{background:var(--sandstone);border-top:1px solid var(--line);padding:40px 7%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer>a:last-child{font-size:14px;color:var(--muted)}.still .journey{height:100svh}.still .hero-copy{opacity:1;transform:none}.still .scene-copy{display:none}.still .progress{display:none}
@media(min-width:1600px){.section{padding-left:max(7%,calc((100vw - 1450px)/2));padding-right:max(7%,calc((100vw - 1450px)/2))}}@media(max-width:700px){.header{padding:12px 6%}.brand{font-size:21px}.brand .wordmark span{font-size:10px}.brand img{width:62px;height:62px}.brand{gap:10px}.header nav{gap:16px;font-size:13px}.header nav a:last-child{display:none}.hero-copy{left:7%;right:7%;top:32%}.hero-copy h1{font-size:clamp(40px,10.5vw,70px)}.hero-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:25px}.intro{font-size:16px}.motion{top:108px;font-size:12px}.journey{height:360vh}.bottom-line{bottom:32px;align-items:start;flex-direction:column;gap:20px}.small-label{font-size:10px}.scroll-cue{gap:16px}.scene-copy{left:7%;right:7%}.section{padding:64px 7%}.section-top{margin-bottom:32px}.section-top>span{display:none}.project-grid{grid-template-columns:1fr;gap:30px}.project-grid p{font-size:16px}figure{margin-top:35px}figure img{aspect-ratio:4/3}.service-list{margin-top:40px}.service-list article{grid-template-columns:25px 1fr;gap:12px;padding:25px 0}.service-list p{grid-column:2}.steps{grid-template-columns:1fr;gap:22px;margin-top:40px}.steps p{max-width:none}footer{flex-wrap:wrap;padding:35px 7%}footer p{display:none}.video-status{bottom:145px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#film{transition:none}}

.brand img{object-fit:contain;flex-shrink:0}.header nav a:hover{color:#493122}.services .number{color:var(--walnut)}.approach .eyebrow{color:var(--tan)}.project .eyebrow,.services .eyebrow{color:var(--walnut)}
@media(max-width:400px){.header nav{gap:12px;font-size:12px}.brand{font-size:18px;gap:8px}.brand img{width:52px;height:52px}.header .brand .wordmark span{font-size:9px}}

/* Audience split, original logo lettering and second chapter */
.brand .wordmark-art{width:150px;height:69px;object-fit:contain}.brand{gap:8px}
.journey{height:650vh}.hero-copy{top:23%;max-width:1050px;pointer-events:auto}.hero-copy h1{font-size:clamp(42px,5.3vw,82px)}
.entry-paths{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:810px;margin-top:26px;border-top:1px solid #d2bc9480;border-bottom:1px solid #d2bc9480;background:#49312285;backdrop-filter:blur(8px)}
.entry-paths a{position:relative;display:block;padding:19px 48px 21px 22px}.entry-paths a+a{border-left:1px solid #d2bc9480}.entry-paths a:hover{background:#75432d99}.entry-paths span{display:block;font-size:11px;letter-spacing:.1em;line-height:1.5;color:#ead5b5;min-height:33px}.entry-paths strong{font-size:23px;font-weight:400;line-height:1.18;display:block}.entry-paths b{position:absolute;right:20px;bottom:24px;font-size:24px;font-weight:400}
#film-interior{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.interior-poster{opacity:0}.hero-copy.hidden{visibility:hidden;pointer-events:none}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:60px}.audience-grid article{border-top:1px solid #75432d60;padding-top:30px;scroll-margin-top:25px}.audience-kicker{display:block;font-size:12px;letter-spacing:.1em;line-height:1.6;min-height:40px}.audience-grid h3{font-size:36px;line-height:1.12;margin:15px 0 25px}.audience-grid p{max-width:440px}.audience-grid ul{padding:0;list-style:none;margin:25px 0}.audience-grid li{padding:12px 0;border-bottom:1px solid #75432d35;font-size:16px;line-height:1.5}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center;background:var(--sandstone)}.portrait-wrap{position:relative}.portrait-wrap img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}.portrait-wrap>span{font-size:11px;letter-spacing:.12em;display:block;margin-top:16px}.about-copy h2{font-size:clamp(38px,4vw,62px)}.about-copy p{font-size:16px;line-height:1.8}.about-copy .about-lead{font-size:20px;line-height:1.6;margin-top:30px}.about-principles{border-top:1px solid #75432d55;margin-top:28px;padding-top:22px;display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--walnut)}
@media(max-width:700px){.brand .wordmark-art{width:105px;height:49px}.brand{gap:5px}.header nav a:last-child{display:block}.header nav a:first-child{display:none}.header nav{gap:14px}.hero-copy{top:24%;right:7%}.hero-copy h1{font-size:clamp(35px,8vw,55px);margin-bottom:18px}.hero-copy .intro{font-size:14px;line-height:1.5}.entry-paths{margin-top:20px}.entry-paths a{padding:13px 12px 16px}.entry-paths span{font-size:9px;min-height:42px;letter-spacing:.06em}.entry-paths strong{font-size:18px}.entry-paths b{display:none}.hero-copy .eyebrow{margin-bottom:18px}.journey{height:550vh}.audience-grid,.about{grid-template-columns:1fr;gap:45px}.audience-grid{margin-top:38px}.audience-grid h3{font-size:31px}.about{gap:35px}.portrait-wrap{max-width:440px}.about-copy .eyebrow{margin-bottom:20px}.bottom-line{gap:14px}.scene-copy p{font-size:clamp(37px,9vw,60px)}}
@media(max-height:720px) and (min-width:701px){.hero-copy{top:22%}.hero-copy h1{font-size:48px;margin-bottom:16px}.hero-copy .eyebrow{margin-bottom:16px}.hero-copy .intro{margin:10px 0}.entry-paths{margin-top:15px}.entry-paths a{padding-top:12px;padding-bottom:12px}.entry-paths strong{font-size:21px}}
@media(max-height:700px) and (max-width:700px){.hero-copy{top:21%}.hero-copy h1{font-size:32px}.hero-copy .intro{font-size:13px}.entry-paths{margin-top:12px}.entry-paths strong{font-size:16px}.entry-paths a{padding:10px}.bottom-line .small-label{display:none}.motion{top:95px}.hero-copy .eyebrow{font-size:9px;margin-bottom:12px}}

/* Dedicated biography page */
.about-page .header{position:relative}.about-page .about{max-width:1400px;margin:0 auto;min-height:calc(100svh - 250px);padding-top:58px;padding-bottom:58px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:8%}.about-page .portrait-wrap{max-width:430px}.about-page .about-copy h1{font-size:clamp(42px,5vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0 0 28px}.about-page .about-copy .eyebrow{margin-bottom:22px}.header nav a[aria-current="page"]{border-bottom:2px solid var(--terracotta)}
@media(max-width:700px){.about-page .about{grid-template-columns:1fr;padding-top:35px;padding-bottom:50px;gap:30px}.about-page .portrait-wrap{max-width:360px;width:100%;margin:0 auto}.about-page .about-copy h1{font-size:44px}.about-page .about-copy .about-lead{font-size:18px}}

/* Persistent choice and scroll-timed story */
.service-choices{position:absolute;z-index:4;top:145px;left:50%;transform:translateX(-50%);width:min(1000px,88%);display:grid;grid-template-columns:1fr 1fr;text-align:center;background:#49312285;border:1px solid #d2bc9477;backdrop-filter:blur(10px)}
.service-choices a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 20px 17px;color:#fff5e9}.service-choices a+a{border-left:1px solid #d2bc9477}.service-choices a:hover,.service-choices a:focus-visible{background:#75432dc0}.service-choices span{font-size:11px;letter-spacing:.1em;line-height:1.5;min-height:30px}.service-choices strong{font-size:clamp(28px,3.3vw,48px);line-height:1.08;font-weight:400;letter-spacing:-.035em}.service-choices small{font-size:13px;margin-top:12px;color:#ead5b5}
.scroll-story{position:absolute;top:49%;bottom:125px;left:5%;right:5%;display:grid;place-items:center;text-align:center;pointer-events:none}.story-message{grid-area:1/1;opacity:0;max-width:1100px}.story-message h1,.story-message p{font-size:clamp(44px,6.1vw,88px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0}.story-message span{display:block;font-size:clamp(17px,1.6vw,24px);line-height:1.5;max-width:700px;margin:24px auto 0;color:#fff5e9}
.transition-brand{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;padding-top:240px;background:transparent}.transition-brand img{width:clamp(140px,18vw,240px);height:auto;max-height:32svh;object-fit:contain}.stage .motion{top:auto;bottom:115px;right:5%;z-index:5}.bottom-line{z-index:5}
.still .stage{height:auto;min-height:100svh}.still .journey{height:auto}.still .service-choices{position:relative;top:auto;left:auto;transform:none;margin:140px auto 35px}.still .scroll-story{position:relative;inset:auto;display:flex;flex-direction:column;gap:30px;padding:0 6% 210px}.still .story-message{opacity:1}.still .story-message h1,.still .story-message p{font-size:clamp(32px,4vw,56px)}.still .transition-brand{display:none}
@media(max-width:700px){.service-choices{top:115px;width:90%}.service-choices a{padding:15px 10px}.service-choices span{font-size:9px;letter-spacing:.04em;min-height:40px}.service-choices strong{font-size:clamp(23px,5.6vw,36px)}.service-choices small{font-size:12px}.scroll-story{top:47%;bottom:165px}.story-message h1,.story-message p{font-size:clamp(35px,8.6vw,58px)}.story-message span{font-size:17px;margin-top:18px}.transition-brand{padding-top:170px}.transition-brand img{width:160px}.stage .motion{bottom:135px;top:auto}.still .service-choices{margin-top:115px}.still .scroll-story{padding-bottom:240px}}
@media(max-height:700px){.service-choices{top:105px}.service-choices a{padding-top:10px;padding-bottom:10px}.service-choices strong{font-size:28px}.service-choices span{min-height:24px;font-size:9px}.service-choices small{margin-top:7px}.scroll-story{top:48%;bottom:140px}.story-message h1,.story-message p{font-size:36px}.story-message span{font-size:16px;margin-top:12px}.transition-brand{padding-top:140px}.transition-brand img{max-height:25svh}}

/* Transparent logo overlays the moving footage, never a title card. */
.transition-brand{background:transparent;padding-top:190px}.transition-brand img{width:clamp(280px,34vw,460px);max-width:75vw;max-height:48svh;height:auto;filter:drop-shadow(0 3px 10px #0005);transform:scale(var(--logo-scale,1))}
@media(max-width:700px){.transition-brand{padding-top:150px}.transition-brand img{width:72vw;max-height:39svh}}
@media(max-height:700px){.transition-brand{padding-top:155px}.transition-brand img{max-height:38svh}}

/* Editorial project presentation and dedicated services */
.project-showcase{background:var(--sandstone);padding:100px 0 0}.showcase-heading{padding:0 7% 55px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;align-items:end}.showcase-heading .eyebrow{align-self:start}.showcase-heading h2{font-size:clamp(48px,6.5vw,94px)}.showcase-heading>p:last-child{font-size:16px;line-height:1.7}.project-window{position:relative;margin:0 3%;overflow:hidden}.image-reveal{overflow:hidden}.project-window img{display:block;width:100%;height:75svh;min-height:400px;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.65,.3,1)}.project-window:hover img{transform:scale(1.035)}.project-window:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#21170dc9);pointer-events:none}.project-window figcaption{position:absolute;z-index:1;left:5%;right:5%;bottom:45px;display:flex;align-items:end;gap:30px;color:#fff5e9;margin:0}.project-index{font:italic 60px Georgia;opacity:.7}.project-window .eyebrow{display:block;margin-bottom:12px}.project-window h3{font-size:clamp(38px,5vw,72px)}.image-kind{margin-left:auto;font-size:14px}.project-editorial{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:8%;padding:95px 7%}.project-editorial>div>p:not(.eyebrow){max-width:380px;margin-top:28px}.project-editorial figure{margin:0}.project-editorial figure img{aspect-ratio:4/3;height:auto;object-fit:cover;width:100%}.project-editorial figcaption{gap:15px;flex-wrap:wrap}.project-editorial figcaption a{color:var(--walnut)}
.service-page .header{position:relative}.header nav{gap:24px}.service-intro{padding:75px 7% 55px;display:grid;grid-template-columns:1.5fr 1fr;column-gap:8%;align-items:end}.service-intro .eyebrow{grid-column:1/-1}.service-intro h1{font-size:clamp(48px,6.3vw,92px);font-weight:400;letter-spacing:-.05em;line-height:1.06;margin:0}.service-lead{font-size:21px;line-height:1.65;max-width:450px;margin:0 0 8px}.service-image{margin:0 4%}.service-image img{width:100%;height:62svh;min-height:340px;object-fit:cover;display:block}.service-image figcaption{padding:0 3%;font-size:13px}.service-scope{padding:75px 7%}.service-scope article{display:grid;grid-template-columns:60px 1fr 1fr;gap:25px;border-top:1px solid var(--line);padding:30px 0;align-items:baseline}.service-scope h2{font-size:28px}.service-scope p{margin:0;max-width:440px}.service-scope article>span{color:var(--terracotta);font-size:14px}.service-next{padding:45px 7%;background:var(--khaki);display:flex;align-items:center;justify-content:space-between;gap:30px}.service-next>span{font-size:12px;letter-spacing:.15em}.service-next a{font-size:clamp(25px,3vw,42px)}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.project-window .image-reveal{animation:project-open linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes project-open{from{clip-path:inset(0 9%)}to{clip-path:inset(0 0)}}}}
@media(max-width:900px){.header{flex-wrap:wrap;gap:18px}.header nav{gap:17px;flex-wrap:wrap}.service-lead{font-size:18px}.showcase-heading{grid-template-columns:1fr 2fr}.showcase-heading>p:last-child{grid-column:2}.service-choices{top:170px}}
@media(max-width:700px){.header nav a:first-child,.header nav a:last-child{display:block}.header nav{width:100%;justify-content:space-between;font-size:12px;gap:10px}.header .brand img:first-child{width:48px;height:48px}.header .brand .wordmark-art{width:96px;height:44px}.service-choices{top:155px}.project-showcase{padding-top:60px}.showcase-heading{display:block;padding-bottom:35px}.showcase-heading .eyebrow{margin-bottom:22px}.showcase-heading h2{font-size:52px}.showcase-heading>p:last-child{margin-top:22px}.project-window{margin:0 4%}.project-window img{height:60svh;min-height:360px}.project-window figcaption{bottom:25px;gap:15px;flex-wrap:wrap}.project-index{font-size:38px}.project-window h3{font-size:38px}.image-kind{display:none}.project-editorial{grid-template-columns:1fr;padding:55px 7%;gap:35px}.service-intro{display:block;padding:45px 7% 35px}.service-intro h1{font-size:48px}.service-lead{margin-top:25px;font-size:18px}.service-image img{height:42svh;min-height:260px}.service-scope{padding:45px 7%}.service-scope article{grid-template-columns:25px 1fr;gap:15px}.service-scope h2{font-size:25px}.service-scope p{grid-column:2}.service-next{align-items:start;flex-direction:column;gap:15px}}

/* Contact */
.contact-section{background:var(--tan);display:grid;grid-template-columns:1.5fr 1fr;gap:10%;padding-top:115px;padding-bottom:120px;scroll-margin-top:25px}
.contact-intro h2{font-size:clamp(43px,5.5vw,82px)}
.contact-intro>p:last-child{max-width:490px;font-size:18px;margin:30px 0 0}
.contact-details{padding-top:44px;align-self:center}
.contact-row{border-top:1px solid var(--line);padding:25px 0 28px}
.contact-row>span{font-size:11px;letter-spacing:.18em}
.contact-row p{font-size:clamp(20px,2.1vw,30px);margin:12px 0 0;letter-spacing:-.025em}
.contact-pending{color:var(--muted)}
.contact-note{border-top:1px solid var(--line);padding-top:23px;font-size:14px;line-height:1.7;max-width:400px}
@media(max-width:700px){.contact-section{grid-template-columns:1fr;gap:32px;padding-top:65px;padding-bottom:65px}.contact-intro h2{font-size:clamp(38px,9.5vw,60px)}.contact-intro>p:last-child{font-size:16px}.contact-details{padding-top:0}.header nav{row-gap:12px}.header nav a{white-space:nowrap}}

/* Brand refresh: supplied Horeca logo + cool light-grey surfaces */
:root{
  --khaki:#bfc3c4;
  --sandstone:#c9cdce;
  --tan:#ff2525;
  --terracotta:#ff2525;
  --walnut:#161616;
  --umber:#292929;
  --bg:var(--sandstone);
  --ink:#161616;
  --muted:#5e6062;
  --accent:var(--terracotta);
  --line:#1616162b;
}
body{background:var(--sandstone);color:var(--ink)}
::selection{background:var(--accent);color:#fff}
.header{padding-top:5px;padding-bottom:5px;background:#c9cdcef2;color:var(--ink);border-color:var(--line);backdrop-filter:blur(12px)}
.header .brand>img:first-child{width:148px;height:148px}.brand .wordmark-art{display:none}
.header nav{font-size:17px;gap:34px}
.header nav a:hover{color:var(--accent)}
.header nav a[aria-current="page"]{border-bottom-color:var(--accent)}
.stage{background:var(--umber);color:#fff}
.shade{background:linear-gradient(90deg,#111111c7,transparent 84%),linear-gradient(0deg,#111111d1,transparent 38%,#1111117d)}
.small-label,.intro,.story-message span{color:#fff}
.motion{background:#151515c9;border-color:#ffffff5c;color:#fff}.motion:hover{background:var(--accent)}
.progress span{background:var(--accent)}
.service-choices{background:#171717b8;border-color:#ffffff52}
.service-choices a{color:#fff}.service-choices a+a{border-left-color:#ffffff52}
.service-choices strong{color:#ff2525}
.service-choices a:hover,.service-choices a:focus-visible{background:#ff2525d9}
.service-choices a:hover strong,.service-choices a:focus-visible strong{color:#fff}
.service-choices span,.service-choices small{color:#fff}
.project-showcase,.about{background:var(--sandstone)}
.services{background:var(--khaki);color:var(--ink)}
.services .number,.project .eyebrow,.services .eyebrow,.project-editorial figcaption a{color:var(--accent)}
.audience-grid article{border-color:#16161635}.audience-grid li{border-color:#16161624}
.approach{background:var(--umber);color:#fff;--muted:#e7e7e7;--line:#ffffff42;--accent:#ff4141}
.service-scope article>span{color:var(--accent)}
.service-next{background:var(--khaki)}
.contact-section{background:#bfc3c4}
.contact-row address{font-style:normal;font-size:clamp(20px,2.1vw,30px);line-height:1.35;margin-top:12px;letter-spacing:-.025em}
.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.contact-row a{transition:color .2s ease}.contact-row a:hover,.contact-row a:focus-visible{color:var(--accent)}
footer{background:var(--sandstone);border-color:var(--line)}
footer .brand>img:first-child{width:126px;height:126px}
.transition-brand img{width:clamp(360px,42vw,560px);max-width:82vw;max-height:58svh;filter:drop-shadow(0 8px 20px #0008)}
@media(max-width:700px){
  .header .brand>img:first-child{width:96px;height:96px}
  .header nav{font-size:14px}
  footer .brand>img:first-child{width:104px;height:104px}
  .transition-brand img{width:80vw;max-height:48svh}
  .service-choices{top:185px}
}

/* Sequential service stories */
.service-stories{padding:0;background:var(--sandstone)}
.services-intro{padding:110px 7% 75px;max-width:1500px;margin:0 auto}
.services-intro h2{max-width:1000px}
.service-feature{display:grid;grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);gap:4%;align-items:center;padding:85px 4% 115px;max-width:1840px;margin:0 auto;border-top:1px solid var(--line)}
.service-feature-reverse{grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr)}
.service-feature-reverse .service-feature-copy{order:2}.service-feature-reverse .tilt-card{order:1}
.service-feature-copy h3{font-size:clamp(48px,5.4vw,86px);line-height:.98;margin:22px 0 32px;color:var(--accent)}
.service-feature-copy>p{font-size:19px;line-height:1.7;max-width:560px}
.service-feature-copy ul{list-style:none;padding:0;margin:35px 0;max-width:600px}
.service-feature-copy li{font-size:17px;line-height:1.45;padding:16px 0;border-bottom:1px solid var(--line)}
.tilt-card{--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:50%;position:relative;margin:0;padding:18px;transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .16s ease-out,box-shadow .25s ease;box-shadow:0 30px 70px #1113;background:#292b2c;border:1px solid #ffffff20}
.tilt-card:hover{box-shadow:0 42px 95px #1116}
.tilt-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff30,transparent 38%);pointer-events:none;opacity:0;transition:opacity .2s}
.tilt-card:hover:after{opacity:1}
.tilt-card img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;transform:translateZ(34px) scale(1.012);transition:transform .25s ease}
.tilt-card:hover img{transform:translateZ(52px) scale(1.035)}
.service-feature-reverse .tilt-card img{object-fit:contain;background:#202223}

/* Compact home contact */
.contact-compact{display:grid;grid-template-columns:1.3fr .8fr auto;gap:7%;align-items:end;padding:75px 7%;background:#b9bdbe;border-top:1px solid var(--line)}
.contact-compact .eyebrow{margin-bottom:18px;color:var(--accent)}
.contact-compact h2{font-size:clamp(34px,4vw,62px)}
.contact-compact-details{display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.45}
.contact-compact-details strong{font-size:17px;margin-bottom:4px}
.contact-compact-details a:hover{color:var(--accent)}
.contact-cta{display:inline-flex;align-items:center;gap:32px;border-bottom:2px solid var(--accent);padding:12px 0;font-size:18px;white-space:nowrap}.contact-cta span{font-size:27px;color:var(--accent)}

/* Dedicated contact page */
.contact-page .header{position:relative}
.contact-main{padding:80px 7% 115px;max-width:1550px;margin:0 auto}
.contact-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:8%;align-items:end;margin-bottom:80px}
.contact-hero .eyebrow{grid-column:1/-1;color:var(--accent);margin-bottom:0}
.contact-hero h1{font-size:clamp(56px,7.2vw,112px);font-weight:400;line-height:.98;letter-spacing:-.055em;margin:25px 0 0}
.contact-hero>p:last-child{font-size:19px;line-height:1.7;margin:0 0 8px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start;border-top:1px solid var(--line);padding-top:55px}
.contact-grid h2{font-size:clamp(28px,3vw,42px);margin-bottom:35px}
.contact-card dl{margin:0}.contact-card dl>div{border-top:1px solid var(--line);padding:18px 0 22px}.contact-card dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase}.contact-card dd{margin:9px 0 0;font-size:18px;line-height:1.55}.contact-card dd a{display:block}.contact-card address{font-style:normal}.contact-card a:hover{color:var(--accent)}
.contact-form{display:grid;gap:20px}.contact-form h2{margin-bottom:10px}.contact-form label{display:grid;gap:9px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #16161670;background:#ffffff26;color:var(--ink);font:18px/1.5 Arial,sans-serif;padding:14px 12px;outline:0}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--accent);background:#ffffff40}.contact-form button{justify-self:start;border:0;background:var(--accent);color:#fff;padding:16px 24px;font-size:16px;cursor:pointer}.contact-form button:hover{background:#151515}.form-note{font-size:13px;color:var(--muted);max-width:520px;margin:0}

@media(max-width:900px){.header .brand>img:first-child{width:124px;height:124px}.header nav{font-size:15px;gap:18px}.service-feature,.service-feature-reverse{grid-template-columns:1fr;gap:45px}.service-feature-reverse .service-feature-copy,.service-feature-reverse .tilt-card{order:initial}.contact-compact{grid-template-columns:1fr 1fr}.contact-cta{justify-self:start}.contact-hero,.contact-grid{grid-template-columns:1fr}.contact-hero>p:last-child{max-width:600px}.contact-grid{gap:55px}}
@media(min-width:701px) and (max-width:900px){.service-feature{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:3%;padding-left:3%;padding-right:3%}.service-feature-reverse{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.service-feature-reverse .service-feature-copy{order:2}.service-feature-reverse .tilt-card{order:1}.service-feature-copy h3{font-size:clamp(39px,5vw,56px)}.service-feature-copy>p{font-size:16px}.service-feature-copy li{font-size:14px}.tilt-card{padding:14px}}
@media(max-width:700px){.services-intro{padding:70px 7% 45px}.service-feature{padding:55px 7% 70px}.service-feature-copy h3{font-size:clamp(43px,12vw,64px)}.service-feature-copy>p{font-size:17px}.service-feature-copy li{font-size:16px}.tilt-card img{aspect-ratio:4/3}.contact-compact{grid-template-columns:1fr;gap:30px;padding:55px 7%}.contact-main{padding:50px 7% 75px}.contact-hero{margin-bottom:50px;gap:28px}.contact-hero h1{font-size:clamp(48px,14vw,72px)}.contact-grid{padding-top:40px}.contact-page .header .brand>img:first-child{width:96px;height:96px}}
@media(prefers-reduced-motion:reduce){.tilt-card,.tilt-card img{transition:none!important;transform:none!important}}
.header nav a[href="projeler.html"]{font-weight:600}
.header nav{gap:clamp(12px,1.6vw,26px);font-size:clamp(12px,1.2vw,17px)}
@media(max-width:700px){.header nav a:nth-child(3),.header nav a:nth-child(4){display:none}.header nav{justify-content:space-between}}
.technical-planning .service-image{background:#292b2c;padding:18px}.technical-planning .service-image img{object-fit:contain;background:#202223}

/* Motion controls stay attached to the viewport and fade before sticky scenes release. */
.journey .stage .motion{position:fixed;top:auto;right:5%;bottom:115px}
@media(max-width:700px){.journey .stage .motion{top:auto;bottom:135px}}

/* Larger biography typography. */
.about-page .about-copy h1{font-size:clamp(64px,7vw,108px);line-height:.98;margin-bottom:34px}
.about-page .about-copy .about-lead{font-size:24px;line-height:1.55}
.about-page .about-copy p:not(.eyebrow):not(.about-lead){font-size:18px;line-height:1.78}
@media(max-width:820px){
  .about-page .about-copy h1{font-size:clamp(54px,14vw,78px)}
  .about-page .about-copy .about-lead{font-size:21px}
  .about-page .about-copy p:not(.eyebrow):not(.about-lead){font-size:17px}
}

/* Direct contact-form feedback. */
.form-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form button:disabled{opacity:.62;cursor:wait}
.form-note.is-success{color:#176a3b;font-weight:700}
.form-note.is-error{color:#b00020;font-weight:700}

/* Chrome-safe biography layout: prevent the copy column from collapsing. */
.about-page .about{
  width:100%;
  grid-template-columns:minmax(300px,430px) minmax(420px,720px);
  justify-content:center;
  align-items:center;
  column-gap:clamp(55px,8vw,120px);
}
.about-page .portrait-wrap{
  width:100%;
  min-width:0;
  max-width:430px;
}
.about-page .portrait-wrap img{
  display:block;
  width:100%;
  max-width:430px;
  height:auto;
  aspect-ratio:1122/1402;
  object-fit:cover;
  background:#bfc3c4;
}
.about-page .about-copy{
  width:100%;
  min-width:0;
  max-width:720px;
}
.about-page .about-copy p{
  max-width:680px;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
@media(max-width:1050px){
  .about-page .about{
    grid-template-columns:minmax(260px,360px) minmax(360px,1fr);
    column-gap:45px;
  }
}
@media(max-width:820px){
  .about-page .about{
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    row-gap:38px;
  }
  .about-page .about-copy{max-width:680px}
  .about-page .portrait-wrap{max-width:390px}
}
/* Mobile navigation remains complete, with a horizontally scrollable link row. */
@media(max-width:700px){
  .header{flex-wrap:wrap;gap:4px;max-width:100%}
  .header nav{width:100%;min-width:0;display:flex;flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important;gap:20px;padding:2px 0 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .header nav a:nth-child(n){display:block!important;flex:0 0 auto;white-space:nowrap;min-height:44px;align-content:center}
  .header .brand{flex-shrink:0}
  input,textarea,select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}