@import url("button-system.css");
.tekion-art{background:linear-gradient(140deg,#4fa5b2,#8fcbd0)}
.tekion-art img{inset:4%;width:92%;height:92%}
.finezzy-art{background:#f6b99c}
.finezzy-art img{inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none}
.dekho-art{background:#251638}
.dekho-art img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.samsung-art{background:linear-gradient(140deg,#dfe8ff,#bfccec)}
.samsung-art img{inset:4%;width:92%;height:92%}
.apeita-art{background:#8799a5;height:0;padding-bottom:64%}
.apeita-art img{position:absolute;inset:0;display:block;width:100%;height:100%;filter:none;object-fit:cover;object-position:center;transition:transform .35s ease}
.case-card:hover .apeita-art img,.case-card:focus-visible .apeita-art img{transform:scale(1.025)}
.case-card:focus-visible{outline:3px solid var(--teal);outline-offset:8px;border-radius:12px}
@media(prefers-reduced-motion:reduce){.apeita-art img{transition:none}.case-card:hover .apeita-art img,.case-card:focus-visible .apeita-art img{transform:none}}
.apeita-browser{position:absolute;inset:8%;overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 20px 44px #003c3440}
.apeita-browser-bar{height:10%;min-height:34px;padding:0 3%;display:flex;align-items:center;gap:8px;background:#f3f5f6;border-bottom:1px solid #dce2e3}
.apeita-browser-bar i{width:10px;height:10px;border-radius:50%;background:#ff7e74}
.apeita-browser-bar i:nth-child(2){background:#ffc55c}
.apeita-browser-bar i:nth-child(3){background:#55c988}
.apeita-browser-bar span{margin:auto;color:#718087;font-size:clamp(9px,.8vw,13px);letter-spacing:.02em}
.apeita-browser-screen{position:absolute;left:0;right:0;top:10%;bottom:0;overflow:hidden;background:#fff}
.apeita-browser-screen img{position:absolute;inset:0;width:100%;height:auto;filter:none;animation:apeita-scroll 18s ease-in-out infinite}
@keyframes apeita-scroll{0%,12%{transform:translateY(0)}82%,92%{transform:translateY(-92.2%)}100%{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.apeita-browser-screen img{animation:none}}
.adimprints-art{background:#082f3b}
.adimprints-art img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.connect{background:linear-gradient(145deg,#fff,var(--lavender));color:var(--ink);min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.connect h2{font-size:clamp(72px,9vw,150px);line-height:.95;margin:24px 0 70px}
.connect div{gap:22px}
.connect div a{display:inline-flex;align-items:center;justify-content:center;min-width:176px;padding:22px 34px;border-radius:24px;text-decoration:none;border:2px solid var(--ink)}
.connect-primary{background:var(--ink);color:#fff}
.connect-secondary{background:#fff;color:var(--ink)}
.connect .email{margin-top:90px;color:var(--text);font-size:18px;text-decoration:none}
@media(max-width:650px){.connect{min-height:600px}.connect h2{font-size:58px;margin-bottom:48px}.connect div a{min-width:140px;padding:17px 24px;border-radius:18px}.connect .email{margin-top:65px;font-size:15px}}

/* Type scale */
.hero>p{font-size:clamp(18px,1.55vw,24px);max-width:820px}
.case-card>p:last-child{font-size:clamp(16px,1.25vw,20px);line-height:1.6}
.about-copy p,.about-wide{font-size:clamp(18px,1.55vw,24px);line-height:1.7}

/* Circular portrait treatment */
.portrait-chip{box-shadow:0 9px 22px #1b2a4a2e;filter:none}
.portrait-chip img{border-radius:50%}

/* Motion and interaction */
.site-header nav a,.brand,.case-card,.about-preview>a,.connect a{transition:transform .3s ease,color .3s ease,background-color .3s ease,box-shadow .3s ease,opacity .3s ease}
.site-header nav a{position:relative}
.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--teal);transition:right .3s ease}
.site-header nav a:hover:after{right:0}
.brand:hover{transform:translateY(-2px)}
.case-card:hover{transform:translateY(-8px)}
.case-card:hover .case-art{box-shadow:0 24px 55px #1b2a4a1f}
.case-art{transition:box-shadow .4s ease}
.portrait-chip{animation:portrait-float 4.5s ease-in-out infinite}
.down{animation:arrow-bounce 2s ease-in-out infinite}
.about-preview>img{transition:transform .45s ease,box-shadow .45s ease}
.about-preview>img:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 18px 38px #1b2a4a24}
.about-preview>a:hover{color:var(--teal);transform:translateX(5px)}
.connect div a:hover{transform:translateY(-5px);box-shadow:0 12px 24px #1b2a4a20}
.connect-secondary:hover{background:var(--lavender)}
.email:hover{color:var(--teal)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.case-card:nth-child(2),.case-card:nth-child(4){transition-delay:.08s}
@keyframes portrait-float{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-6px)}}
@keyframes arrow-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait-chip,.down{animation:none}.reveal{opacity:1;transform:none}.case-card:hover,.about-preview>img:hover,.connect div a:hover{transform:none}}

/* Homepage about: a compact editorial row with a wide portrait */
.about-preview{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(48px,7vw,112px)}
.about-copy{max-width:820px}
.about-copy h2{margin-bottom:38px}
.about-copy p{margin:0}
.about-copy p+p{margin-top:24px}
.about-copy>a{display:inline-block;margin-top:38px;font-size:18px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--ink);transition:transform .3s ease,color .3s ease,border-color .3s ease}
.about-copy>a:hover{color:var(--teal);border-color:var(--teal);transform:translateX(5px)}
.about-preview>img{width:100%;max-width:420px;aspect-ratio:3/4;object-fit:cover;object-position:50% 22%;background:#e4e7e7;padding:0;justify-self:end;transform:rotate(-2deg);border:10px solid #fff;border-radius:30px;box-shadow:0 18px 42px #1b2a4a20}
@media(max-width:900px){.about-preview{grid-template-columns:1fr}.about-preview>img{grid-row:auto;max-width:480px;justify-self:center}.about-copy{max-width:720px}}
.home-awards{padding:110px max(5vw,32px) 125px;background:#fff}.home-awards>h2{text-align:center;font-size:clamp(48px,5vw,78px);line-height:1;letter-spacing:-.055em;margin:0 0 78px;color:var(--ink)}.home-awards-top,.home-awards-bottom{display:grid;align-items:center;justify-items:center;margin-inline:auto}.home-awards-top{max-width:940px;grid-template-columns:repeat(3,minmax(0,1fr));gap:84px;margin-bottom:58px}.home-awards-bottom{max-width:1450px;grid-template-columns:1.45fr .9fr 1fr .75fr;gap:70px}.home-awards figure{width:100%;height:150px;margin:0;padding:8px;display:flex;align-items:center;justify-content:center;overflow:visible}.home-awards img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none;opacity:1}.home-awards-top figure:first-child{height:210px}.home-awards-top figure:first-child img{max-height:190px}.home-awards-top figure:nth-child(2) img{max-height:135px}.home-awards-top figure:nth-child(3) img{max-height:130px}.home-awards-bottom figure:first-child img{max-height:105px}.home-awards-bottom figure:nth-child(2) img{max-height:105px}.home-awards-bottom figure:nth-child(3) img{max-height:125px}.home-awards-bottom figure:nth-child(4) img{max-height:82px}@media(max-width:850px){.home-awards{padding:85px 24px 95px}.home-awards>h2{margin-bottom:55px}.home-awards-top,.home-awards-bottom{max-width:680px;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 42px;margin-bottom:34px}.home-awards figure,.home-awards-top figure:first-child{height:145px}.home-awards-top figure:first-child img{max-height:135px}.home-awards-bottom figure:last-child{grid-column:1/-1;max-width:260px}}@media(max-width:480px){.home-awards{padding-inline:18px}.home-awards-top,.home-awards-bottom{grid-template-columns:1fr;gap:20px}.home-awards figure,.home-awards-top figure:first-child{height:125px}.home-awards-bottom figure:last-child{grid-column:auto;max-width:none}.home-awards-top figure:first-child img{max-height:115px}.home-awards img{max-width:min(100%,290px)}}
.tk-card-concept{position:absolute;inset:0;padding:8%;display:flex;flex-direction:column;justify-content:center;color:var(--ink);transition:transform .35s}.tk-card-concept span{font-size:14px;font-weight:700;letter-spacing:.08em}.tk-card-concept strong{font-size:clamp(32px,4vw,64px);line-height:1.1;letter-spacing:-.04em;margin:18px 0}.tk-card-concept small{font-size:16px}.case-card:hover .tk-card-concept{transform:translateY(-5px)}