@font-face{font-family:BigShoulders;src:url('assets/BigShoulders-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Work;src:url('assets/WorkSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Work;src:url('assets/WorkSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Work,'Helvetica Neue',Arial,sans-serif;color:white;background:#080909}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #fff;outline-offset:5px}#stage{position:relative;width:100%;height:100%;overflow:hidden}.scene{position:absolute;inset:0;visibility:hidden;overflow:hidden;background:#080909}.scene.active{visibility:visible}header{position:absolute;z-index:5;top:4.8%;left:4.2%;right:4.2%;display:flex;justify-content:space-between;align-items:flex-start}header .logo{width:clamp(118px,9vw,160px);filter:brightness(0) invert(1);opacity:.95}header>span{font-size:clamp(11px,.87vw,16px);line-height:1.45;text-align:right;font-weight:400;text-shadow:0 1px 9px #0005}.portrait-window,.craft-window{position:absolute;inset:0;overflow:hidden;background:#181a1b;z-index:0}.loop{display:block;height:100%;width:100%;object-fit:cover}.portrait-window video{object-position:center 44%}.cover-shade,.services-shade,.feature-shade{position:absolute;inset:0;z-index:1;pointer-events:none}.cover-shade{background:linear-gradient(180deg,#0004,transparent 32%,#0002 50%,#000b),linear-gradient(90deg,#0005,transparent 70%)}.cover-copy{position:absolute;left:4.2%;bottom:18%;z-index:3;width:65%}.cover h1{margin:0;font-size:clamp(64px,6.9vw,132px);font-weight:400;line-height:1;letter-spacing:-.065em;text-shadow:0 2px 24px #0002}.line{display:block;overflow:hidden;padding-bottom:.06em}.line>span{display:block}.cover-copy p{font-size:clamp(16px,1.22vw,23px);line-height:1.4;margin:3vh 0 0;letter-spacing:-.03em;color:#ffffffe0}.scene-note{position:absolute;z-index:3;bottom:5.6%;left:4.2%;font-size:clamp(10px,.78vw,14px);color:#ffffffa8}.feature-film{position:absolute;inset:0}.feature-shade{background:linear-gradient(180deg,#0005,transparent 32%,#0001 45%,#000c)}.feature-copy{position:absolute;z-index:3;left:4.2%;bottom:18%;width:75%}.feature-intro{font-size:clamp(13px,1vw,19px);margin:0 0 1.6vh;color:#ffffffc9}.feature h2{font-size:clamp(80px,8vw,150px);line-height:1.04;font-weight:400;letter-spacing:-.065em;margin:0 0 2.5vh}.feature-bottom{display:flex;align-items:center;gap:5vw}.feature-bottom p{font-size:clamp(15px,1.15vw,22px);margin:0;line-height:1.4}.play-film{border:0;border-bottom:1px solid #ffffff6b;background:none;color:white;display:flex;align-items:center;gap:13px;padding:12px 0;font-size:15px}.play-icon{font-size:11px}.duration{font-size:11px;opacity:.55;margin-left:22px}.play-film:hover{border-bottom-color:#fff}.services-shade{background:linear-gradient(180deg,#0006,transparent 25%,#0005 44%,#000c 71%,#000e)}.service-lead{position:absolute;z-index:3;left:4.2%;right:4.2%;bottom:39%}.services h2{font-size:clamp(45px,4.7vw,90px);font-weight:400;letter-spacing:-.06em;line-height:1.06;margin:0}.craft-window video{object-position:center 50%}.service-list{position:absolute;z-index:3;left:4.2%;right:4.2%;bottom:17%;height:16%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4vw}.service-list article{padding-top:2.6vh;border-top:1px solid #ffffff4f}.service-list h3{font-size:clamp(20px,1.65vw,31px);font-weight:400;letter-spacing:-.045em;margin:0 0 1.6vh}.service-list p{font-size:clamp(14px,1.02vw,20px);line-height:1.45;margin:0;color:#ffffffb3}.controls{position:fixed;bottom:3.7%;right:3.7%;z-index:20;display:flex;align-items:center;gap:27px;color:white}.controls button{background:none;border:0;color:inherit;height:34px;min-width:34px}.chapters{display:flex;gap:18px}.chapters button{padding:0;font-size:11px;opacity:.48;border-bottom:1px solid transparent}.chapters button[aria-current]{border-bottom-color:#ffffff9c;opacity:.9}.control-actions{display:flex;gap:6px;align-items:center}.control-actions>button{font-size:19px;opacity:.62}.control-actions>button:hover{opacity:1}.control-actions>button:disabled{opacity:.18;cursor:default}#counter{font-size:10px;min-width:44px;opacity:.45}#wipe{display:none}.hint{position:fixed;bottom:11%;left:4.2%;color:#ffffff75;z-index:25;font-size:10px;pointer-events:none}dialog{border:0;padding:22px;background:#090909;color:white;width:95vw;max-width:1500px}dialog::backdrop{background:#000e}dialog video{display:block;width:100%;max-height:77vh}dialog button{display:block;margin-left:auto;background:none;border:0;color:white;padding:0 0 14px;font-size:15px}dialog button span{opacity:.6;margin-left:30px}dialog p{margin:15px 0 0;font-size:13px;color:#bbb}
@media(min-aspect-ratio:2/1){.cover h1{font-size:14vh}.services h2{font-size:10vh}.cover-copy p{margin-top:2vh}.service-list h3{font-size:4vh}.service-list p{font-size:2.8vh}.feature h2{font-size:18vh}}
@media(max-width:700px){header{top:4%;left:6%;right:6%}header .logo{width:110px}header>span{font-size:10px}.cover-copy{left:6%;bottom:22%;width:88%}.cover h1{font-size:13vw;line-height:1.04;letter-spacing:-.06em}.cover-copy p{font-size:15px;margin:2vh 0 0}.portrait-window video{object-position:55% center}.controls{left:6%;right:6%;bottom:3%;justify-content:space-between;gap:8px}.chapters{gap:12px}.chapters button{font-size:10px}.control-actions{gap:0}.control-actions button{min-width:28px}.scene-note{left:6%;bottom:10.7%;font-size:9px}.hint{bottom:16%;left:6%;font-size:9px}.feature-copy{left:6%;bottom:23%;width:88%}.feature h2{font-size:19vw}.feature-intro{font-size:12px}.feature-bottom{gap:17px;align-items:flex-start;flex-direction:column}.service-lead{bottom:58%;left:6%;right:6%}.services h2{font-size:10vw;line-height:1.08}.service-list{left:6%;right:6%;bottom:17%;height:34%;display:flex;flex-direction:column;gap:2vh}.service-list article{padding-top:1.6vh;flex:1}.service-list h3{font-size:22px;margin:0 0 5px}.service-list p{font-size:12px;line-height:1.3}.services .scene-note{bottom:11%}.services-shade{background:linear-gradient(180deg,#0006,transparent 18%,#0008 40%,#000d)}.feature-shade{background:linear-gradient(180deg,#0005,transparent 25%,#0005 50%,#000c)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Cinematic type and full-height vertical-film composition. */
.cover h1,.feature h2{font-family:BigShoulders,Work,sans-serif;text-transform:uppercase;font-size:clamp(85px,8.8vw,166px);letter-spacing:-.035em;line-height:.92;font-weight:400}
.feature h2{font-size:clamp(85px,9.5vw,175px)}
.triptych{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#080909}
.triptych .loop{object-fit:cover;object-position:center center;min-width:0;min-height:0}
@media(max-width:700px){.cover h1{font-size:18vw}.feature h2{font-size:23vw}.triptych{grid-template-columns:repeat(3,1fr)}.triptych .loop{object-position:50% center}.services h2{font-size:9.5vw}}

.mobile-credit{display:none}@media(max-width:700px){.triptych{display:block}.triptych video{display:none}.triptych video:nth-child(2){display:block;width:100%;height:100%;object-fit:cover}.desktop-credit{display:none}.mobile-credit{display:inline}}

/* Accents extend above condensed capitals. Do not clip Turkish diacritics. */
.line{overflow:visible;padding-top:.13em;padding-bottom:.07em;margin-top:-.13em}
.cover h1,.feature h2{line-height:1.04}

.urban-triptych{grid-template-columns:repeat(3,1fr)}
.feature-bottom p{font-size:clamp(12px,1.02vw,19px);line-height:1.6}
@media(max-width:700px){.feature-bottom p{font-size:12px}.cover-triptych video:nth-child(2){display:block}.feature h2{font-size:23vw}}

.cover header .agency-label{font-family:BigShoulders,Work,sans-serif;font-size:clamp(22px,2vw,36px);line-height:1.03;letter-spacing:.025em;text-align:right;font-weight:400} @media(max-width:700px){.cover header .agency-label{font-size:23px}}

/* Portfolio-led full presentation. */
.portfolio .feature-copy{width:88%;bottom:17%}.portfolio h2{font-size:clamp(80px,8.5vw,160px)}
.split-media{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2px}.split-panel{position:relative;overflow:hidden}.split-panel>.loop{position:absolute;inset:0}.split-panel>.feature-shade{background:linear-gradient(180deg,#0007,transparent 30%,#0005 55%,#000d)}.panel-copy{position:absolute;z-index:3;left:8.4%;right:7%;bottom:18%}.panel-copy>p{font-size:clamp(11px,.9vw,17px);line-height:1.5;margin:0 0 1.4vh}.panel-copy>p:first-child{letter-spacing:.09em;font-size:clamp(10px,.75vw,14px)}.panel-copy h2{font-family:BigShoulders,Work,sans-serif;font-weight:400;font-size:clamp(54px,5.7vw,108px);line-height:1.1;letter-spacing:-.025em;margin:0 0 1.4vh}.panel-copy .play-film{margin-top:2vh;display:inline-flex}
.concept-art,.still-back{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.concept-art{object-position:center}.concept-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0004,transparent 57%)}.concept-copy{position:absolute;left:4.2%;top:32%;z-index:3;width:40%}.eyebrow{font-size:clamp(11px,.9vw,17px);line-height:1.5;margin:0 0 3vh;color:#ffffffc0}.concept h2,.process h2,.team h2,.contact h2{font-family:BigShoulders,Work,sans-serif;font-weight:400;letter-spacing:-.025em;line-height:1.1;margin:0;font-size:clamp(58px,5.7vw,108px)}.concept-detail{font-size:clamp(13px,1.05vw,20px);line-height:1.75;margin:3vh 0 0;color:#ffffffce}.concept .scene-note{font-size:10px}
.process-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0005),linear-gradient(0deg,#000c,transparent)}.process-copy{position:absolute;left:4.2%;right:4.2%;top:26%;z-index:3}.process h2{font-size:clamp(58px,5.6vw,108px)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:6vh}.process-steps article{border-top:1px solid #ffffff60;padding-top:2vh}.process-steps span{font-size:11px;color:#ffffff8a}.process-steps h3{font-weight:400;font-size:clamp(23px,2.3vw,44px);letter-spacing:-.03em;margin:1vh 0}.process-steps p{font-size:clamp(12px,1vw,18px);color:#ffffffb0;margin:0}
.team{background:radial-gradient(ellipse at 18% 90%,#302a22,transparent 62%),#101111}.team-title{position:absolute;left:4.2%;top:27%;width:42%}.team h2{font-size:clamp(110px,12vw,220px);line-height:.95}.team-list{position:absolute;left:51%;right:6%;top:23%;bottom:17%;padding:0;margin:0;list-style:none;display:grid;grid-template-columns:1fr;gap:0}.team-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff2b;padding:1vh 0}.team-list strong{font-weight:400;font-size:clamp(17px,1.5vw,28px);letter-spacing:-.03em}.team-list span{font-size:clamp(10px,.8vw,15px);color:#ffffff9b;text-align:right}
.contact-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b,#0002),linear-gradient(0deg,#000c,transparent)}.contact-copy{position:absolute;left:4.2%;right:4.2%;bottom:23%}.contact h2{font-size:clamp(85px,9vw,170px);line-height:1.04;margin-bottom:3vh}.contact a{color:inherit;text-decoration:none}.contact a:hover{text-decoration:underline}.contact .email{font-size:clamp(22px,2.6vw,47px);letter-spacing:-.04em}.contact-links{display:flex;gap:3vw;margin-top:3vh;font-size:clamp(11px,.9vw,17px);color:#ffffffb5}
@media(max-width:700px){
.chapters{gap:9px}.chapters button{font-size:9px}.controls{left:5%;right:5%}.control-actions{gap:0}#counter{min-width:40px;font-size:9px}.control-actions button{min-width:26px}
.portfolio h2{font-size:20vw}.portfolio .feature-copy{left:6%;width:88%;bottom:22%}.portfolio .feature-bottom{gap:12px}.portfolio .play-film{font-size:13px;padding:9px 0}
.split-media{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:2px}.panel-copy{left:6%;bottom:9%;right:6%}.split-panel:last-child .panel-copy{bottom:20%}.panel-copy h2{font-size:12vw;margin:0 0 4px}.panel-copy>p{font-size:10px;margin:0 0 5px}.panel-copy>p:first-child{font-size:9px}.panel-copy .play-film{position:absolute;right:0;bottom:0;margin:0;font-size:11px}.split-work header{top:3%}.split-work header .logo{width:90px}.split-work header>span{font-size:9px}
.concept-art{object-position:64% center}.concept-shade{background:linear-gradient(0deg,#000e,transparent 78%),linear-gradient(90deg,#0005,transparent)}.concept-copy{left:6%;top:auto;bottom:22%;width:86%}.concept h2{font-size:14vw;line-height:1.03}.eyebrow{font-size:11px;margin-bottom:2vh}.concept-detail{font-size:13px;line-height:1.5;margin-top:2vh}.concept .scene-note{font-size:9px;bottom:11%}
.process-copy{left:6%;right:6%;top:22%}.process h2{font-size:13vw}.process-steps{margin-top:4vh;gap:2vh;grid-template-columns:1fr}.process-steps article{padding-top:1vh;display:grid;grid-template-columns:20px 1fr;align-items:baseline;column-gap:12px}.process-steps h3{font-size:24px;margin:0 0 5px}.process-steps p{grid-column:2;font-size:11px}.process .scene-note{bottom:11%}
.team-title{left:6%;top:20%;width:88%}.team-title .eyebrow{font-size:10px}.team h2{font-size:16vw;line-height:1}.team h2 br{display:none}.team-list{top:40%;left:6%;right:6%;bottom:17%}.team-list li{padding:6px 0}.team-list strong{font-size:17px}.team-list span{font-size:9px}
.contact-copy{left:6%;right:6%;bottom:24%}.contact h2{font-size:22vw}.contact .email{font-size:5.5vw}.contact-links{flex-direction:column;gap:14px;font-size:12px}
}

/* Directional cinematic reveal and quiet reading progress. */
body::after{content:'';position:fixed;left:0;top:0;right:0;height:2px;background:#e7d7b7;transform:scaleX(var(--deck-progress,.0714));transform-origin:left;transition:transform 1.1s cubic-bezier(.65,0,.35,1);z-index:30;pointer-events:none}#stage{touch-action:none}.hint{font-size:12px;letter-spacing:.03em;color:#ffffffb0}

.overview{background:radial-gradient(ellipse at 90% 95%,#4c3924,transparent 65%),#101111}.overview-copy{position:absolute;left:7%;right:7%;top:24%;bottom:18%}.area-links{display:flex;flex-direction:column;height:100%}.area-links button{display:flex;align-items:center;gap:3vw;background:none;color:white;border:0;border-top:1px solid #ffffff40;text-align:left;padding:2vh 0;flex:1;transition:color .3s}.area-links button:hover{color:#e7d7b7}.area-links h2{font-family:BigShoulders,Work,sans-serif;font-weight:400;font-size:clamp(44px,5.4vw,104px);line-height:1.12;letter-spacing:-.025em;margin:0}.area-links button>span{font-size:12px;opacity:.5}.area-links em{font-size:32px;font-style:normal;margin-left:auto}.chapters{gap:17px}.chapters button{font-size:10px}
@media(max-width:700px){.controls{flex-wrap:wrap;justify-content:center;row-gap:4px;bottom:2%}.chapters{width:100%;justify-content:space-between;gap:7px}.chapters button{font-size:9px}.control-actions{margin-left:auto}.overview-copy{left:6%;right:6%;top:25%;bottom:27%}.area-links h2{font-size:9.7vw}.area-links button{gap:12px}.area-links em{font-size:22px}.area-links button>span{font-size:9px}.event h2{font-size:18vw}}

/* Revised agency signature and vivid campaign compositions. */
.cover .cover-brand{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.cover header .agency-label{font-family:Work,Arial,sans-serif;font-size:clamp(12px,1vw,17px);line-height:1.4;letter-spacing:.015em;text-align:left;opacity:.9;text-shadow:0 1px 12px #0009}.cover-brand .logo{display:block}.brand .concept-shade{background:linear-gradient(90deg,#002f9c25,transparent 55%)}.digital .concept-shade{background:linear-gradient(90deg,#40001c38,transparent 54%)}
@media(max-width:700px){.cover .cover-brand{gap:12px}.cover header .agency-label{font-size:11px;letter-spacing:.01em}.brand .concept-shade{background:linear-gradient(0deg,#043dcc 0%,#043dcce8 31%,#043dcc15 76%)}.digital .concept-shade{background:linear-gradient(0deg,#65002c 0%,#65002ceb 30%,transparent 76%)}}