/* Founder copy revisions, 22 October 2026. */
.hero-copy h1{font-size:clamp(42px,4.2vw,68px)}
.statement h2{font-size:clamp(42px,4vw,64px)}
.statement h2 .ai-percent{font-family:Manrope,system-ui,sans-serif;font-size:1.4em;font-weight:500;letter-spacing:-.075em;color:var(--tq);line-height:1.1}
.call-cta{gap:24px;min-height:70px;text-align:left;border-radius:24px;padding:14px 24px}
.call-copy{display:flex;flex-direction:column;gap:5px}.call-copy b{font-size:13px;font-weight:750;line-height:1.4}.call-copy small{font-size:21px;letter-spacing:.025em;font-weight:650;line-height:1.3}
@media(min-width:581px) and (max-width:800px){.hero-copy h1{font-size:41px}.statement h2{font-size:45px}}
@media(max-width:580px){.hero-copy h1{font-size:clamp(35px,9.5vw,53px)}.statement h2{font-size:clamp(36px,9.6vw,50px)}.call-cta{padding:15px 20px}.call-copy b{font-size:12px}.call-copy small{font-size:21px}}

/* The branch promise stands alone as a centered statement. */
#s01 .hero-copy{text-align:center;max-width:1080px;margin:auto}
#s01 .hero-copy h2{font-size:clamp(37px,4.9vw,76px);line-height:1.12;margin-bottom:32px}
#s01 .hero-copy .lead{max-width:740px;margin:0 auto;font-size:clamp(15px,1.4vw,20px);line-height:1.9;text-wrap:balance}
@media(max-width:580px){#s01 .hero-copy h2{font-size:clamp(32px,8.5vw,45px);line-height:1.17;margin-bottom:25px}#s01 .hero-copy .lead{font-size:15px}}

/* First selected product story uses the supplied portrait video. */
#s04 [data-portfolio="urun"] .ka{width:min(100%,245px);aspect-ratio:9/16}

@media(min-width:801px){#s04 [data-portfolio="urun"]{transform:translateY(-24px)}}

/* Selected atmosphere stories retain their portrait composition. */
#s05 [data-portfolio="mekan"] .ka{width:min(100%,245px);aspect-ratio:9/16}
#previewBody>.landscape .ka{width:min(100%,300px);aspect-ratio:9/16}
@media(min-width:801px){#s05 [data-portfolio="mekan"]{transform:translateY(-24px)}}

#previewBody>.motion-post-stage .ka{width:min(100%,330px);aspect-ratio:4/5}

/* Keep the f handle in control of mouse and touch gestures. */
.ka .ka-ic{pointer-events:none}
.ka .ka-tutamac{pointer-events:auto;touch-action:none;cursor:ew-resize;-webkit-user-drag:none}
.ka .ka-tutamac::before{content:"";position:absolute;inset:-12px;border-radius:32px}
.ka .ka-tutamac svg{pointer-events:none}
.ka.is-dragging,.ka.is-dragging *{cursor:ew-resize!important}
.ka .ka-ic img,.ka .ka-ic video{-webkit-user-drag:none;user-select:none}

/* Closing contact actions: precise corners, balanced typography. */
#s15 .contact-actions{display:grid;grid-template-columns:minmax(0,340px) minmax(0,306px);gap:16px;max-width:662px;margin:0 auto}
#s15 .contact-actions .button{border-radius:8px;min-height:84px;padding:17px 22px;gap:17px;text-align:left;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
#s15 .contact-actions .primary{background:linear-gradient(135deg,#87ecdf,#56d5c6);border-color:#a2f2e6;box-shadow:inset 0 1px 0 #ffffff59,0 8px 24px #00000026}
#s15 .contact-actions .ghost{background:linear-gradient(135deg,#0c2024de,#081215e6);border-color:#7ab7b967;box-shadow:inset 0 1px 0 #ffffff0a,0 8px 24px #00000020}
#s15 .contact-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
#s15 .contact-copy b{font-size:12px;line-height:1.4;font-weight:650}
#s15 .email-cta .contact-copy b{font-size:10px;letter-spacing:.15em;color:#8db6b7}
#s15 .contact-copy small{font-size:21px;line-height:1.3;letter-spacing:.025em;font-weight:650}
#s15 .contact-copy strong{font-size:18px;line-height:1.4;letter-spacing:-.025em;font-weight:600;color:#e2efec}
#s15 .contact-arrow{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #0a4b4330;border-radius:5px;font-size:18px;line-height:1}
#s15 .email-cta .contact-arrow{border-color:#81c4c03d;color:#80d8cd}
#s15 .contact-actions .button:hover{transform:translateY(-2px);border-color:#a2f2e6;box-shadow:0 10px 28px #0005}
#s15 .contact-actions .button:focus-visible{outline:2px solid #b7fff1;outline-offset:5px}
@media(max-width:680px){#s15 .contact-actions{grid-template-columns:1fr;max-width:370px;gap:12px}#s15 .contact-actions .button{min-height:82px;padding:16px 20px}#s15 .contact-copy b{font-size:12px}#s15 .contact-copy strong{font-size:18px}}
