/*
Theme Name: DüzceDijital V1
Theme URI: https://duzcedijital.com
Author: DüzceDijital
Description: Özgün, premium ve performans odaklı dijital ajans WordPress teması.
Version: 1.11.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: duzce-dijital
*/

:root{
  --dd-ink:#111111;
  --dd-black:#080808;
  --dd-paper:#f5f4ef;
  --dd-white:#fff;
  --dd-muted:#6f6f6b;
  --dd-line:rgba(17,17,17,.13);
  --dd-accent:#d7ff4f;
  --dd-radius:2px;
  --dd-container:min(1240px,calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dd-paper);color:var(--dd-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.admin-bar .site-header{top:32px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}
.container{width:var(--dd-container);margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:16px;z-index:9999;background:var(--dd-ink);color:#fffdf8;padding:10px 14px;transform:translateY(-150%)}
.skip-link:focus{transform:none}

.site-header{position:sticky;top:0;z-index:100;background:rgba(243,239,230,.88);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.25s}
.site-header.is-scrolled{border-color:var(--dd-line);background:rgba(243,239,230,.96)}
.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em;font-size:18px}
.brand-mark{width:28px;height:28px;border:2px solid #111;display:grid;place-items:center;position:relative}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#111}
.brand-mark:before{width:12px;height:2px}
.brand-mark:after{height:12px;width:2px}
.primary-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.primary-nav a{font-size:14px;font-weight:600}
.primary-nav a:hover{opacity:.55}
.header-cta,.button{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 19px;background:var(--dd-ink);color:#fffdf8;border:1px solid #111;font-weight:700;font-size:13px;transition:transform .2s,background .2s,color .2s}
.header-cta:hover,.button:hover{transform:translateY(-2px);background:transparent;color:var(--dd-ink)}
.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:0}
.menu-toggle span{display:block;width:24px;height:2px;background:#111;margin:5px auto}

.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;padding:86px 0 110px;overflow:hidden}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:24px}
.hero h1{font-size:clamp(54px,7.4vw,112px);line-height:.91;letter-spacing:-.075em;max-width:760px;margin:0 0 34px;font-weight:800}
.hero h1 em{font-style:normal;display:block;color:transparent;-webkit-text-stroke:1px #111}
.hero-copy{max-width:570px;color:#575752;font-size:18px;line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.button--light{background:transparent;color:var(--dd-ink);border-color:var(--dd-line)}
.button--light:hover{background:var(--dd-ink);color:#fffdf8}
.hero-visual{min-height:560px;position:relative;display:grid;place-items:center}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(var(--dd-line) 1px,transparent 1px),linear-gradient(90deg,var(--dd-line) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 92%)}
.orbit{width:min(440px,70vw);aspect-ratio:1;border:1px solid rgba(17,17,17,.24);border-radius:50%;position:relative;animation:float 7s ease-in-out infinite}
.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid rgba(17,17,17,.2);border-radius:50%;inset:12%;transform:rotate(28deg) scaleX(.48)}
.orbit:after{inset:21%;transform:rotate(-30deg) scaleX(.58)}
.core{position:absolute;inset:31%;background:var(--dd-ink);border-radius:50%;display:grid;place-items:center;color:#fffdf8;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.orbit-dot{position:absolute;width:14px;height:14px;background:#c9b9a4;border:2px solid #111;border-radius:50%;top:8%;left:58%}
.orbit-label{position:absolute;right:-8%;bottom:12%;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;background:var(--dd-white);padding:10px 13px;border:1px solid var(--dd-line)}
@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}

.ticker{border-top:1px solid var(--dd-line);border-bottom:1px solid var(--dd-line);overflow:hidden;white-space:nowrap}
.ticker-track{display:flex;width:max-content;animation:ticker 24s linear infinite}
.ticker-item{padding:22px 32px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ticker-item:after{content:"✦";margin-left:64px}
@keyframes ticker{to{transform:translateX(-50%)}}

.section{padding:130px 0}
.section--dark{background:var(--dd-ink);color:#fffdf8}
.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;margin-bottom:64px}
.section-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.section-title{font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin:0;max-width:900px}
.section-intro{color:#666660;max-width:620px;font-size:17px}
.section--dark .section-intro{color:#b7b7b1}

.services{border-top:1px solid var(--dd-line)}
.service{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:30px;padding:34px 0;border-bottom:1px solid var(--dd-line);transition:padding .25s,background .25s}
.service:hover{padding-inline:22px;background:var(--dd-white)}
.service-number{font-size:12px;color:#777;font-weight:800}
.service h3{font-size:clamp(28px,4vw,52px);line-height:1;letter-spacing:-.05em;margin:0}
.service p{margin:8px 0 0;color:#73736e;max-width:600px}
.service-arrow{font-size:28px;transition:transform .25s}
.service:hover .service-arrow{transform:translate(5px,-5px)}

.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.stat{padding:34px;border-right:1px solid rgba(255,255,255,.18)}
.stat:last-child{border-right:0}
.stat strong{display:block;font-size:clamp(44px,6vw,78px);letter-spacing:-.07em;line-height:1}
.stat span{display:block;margin-top:10px;color:#bdbdb7}

.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.project-card{background:#e5dfd3;min-height:540px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}
.project-card:nth-child(2){margin-top:90px}
.project-card:nth-child(3){margin-top:-20px}
.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d9d0c2,#f7f3ea);transition:transform .5s}
.project-card:hover:before{transform:scale(1.04)}
.project-card-content{position:relative;z-index:1}
.project-meta{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.project-card h3{font-size:clamp(32px,4vw,58px);line-height:.95;letter-spacing:-.06em;margin:10px 0}
.project-link{font-weight:800;font-size:13px}

.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--dd-line)}
.process-step{padding:30px 26px 0 0;border-right:1px solid var(--dd-line);min-height:240px}
.process-step:not(:first-child){padding-left:26px}
.process-step:last-child{border-right:0}
.process-step b{font-size:11px;letter-spacing:.14em}
.process-step h3{font-size:28px;letter-spacing:-.04em;margin:34px 0 8px}
.process-step p{color:#6f6f6b;margin:0}

.local-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.local-links{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--dd-line)}
.local-links a{padding:22px 0;border-bottom:1px solid var(--dd-line);font-weight:700}
.local-links a:nth-child(odd){margin-right:24px}
.local-links a:hover{padding-left:8px}

.cta{padding:110px 0;background:#c9b9a4}
.cta h2{font-size:clamp(52px,8vw,118px);line-height:.88;letter-spacing:-.075em;max-width:1050px;margin:0}
.cta-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:55px}
.cta-copy{max-width:470px}
.cta .button{background:var(--dd-ink);color:#fffdf8}

.site-footer{background:var(--dd-ink);color:#fffdf8;padding:80px 0 26px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px;padding-bottom:70px}
.footer-brand{font-size:30px;font-weight:800;letter-spacing:-.05em}
.footer-description{color:#a7a7a2;max-width:330px;margin-top:18px}
.footer-col h3{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#8e8e89;margin:0 0 18px}
.footer-col a{display:block;margin:8px 0;color:#eee;font-size:14px}
.footer-col a:hover{opacity:.55}
.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8e8e89;font-size:12px}

.page-hero{padding:110px 0 90px;border-bottom:1px solid var(--dd-line)}
.page-hero h1{font-size:clamp(50px,7vw,100px);line-height:.92;letter-spacing:-.075em;margin:0;max-width:1000px}
.content-wrap{max-width:850px;padding:90px 0}
.content-wrap h2{font-size:40px;line-height:1;letter-spacing:-.05em}
.content-wrap p{font-size:18px;color:#555}

@media(max-width:900px){
  :root{--dd-container:min(100% - 32px,720px)}
  .primary-nav,.header-cta{display:none}
  .menu-toggle{display:block}
  .hero{grid-template-columns:1fr;padding:70px 0 80px;gap:20px}
  .hero-visual{min-height:400px}
  .section{padding:88px 0}
  .section-head{grid-template-columns:1fr;gap:20px;margin-bottom:42px}
  .service{grid-template-columns:50px 1fr auto}
  .service p{font-size:14px}
  .projects-grid{grid-template-columns:1fr}
  .project-card,.project-card:nth-child(2),.project-card:nth-child(3){margin:0;min-height:460px}
  .process{grid-template-columns:1fr 1fr}
  .process-step:nth-child(2){border-right:0}
  .process-step:nth-child(n+3){border-top:1px solid var(--dd-line);padding-top:30px}
  .local-section{grid-template-columns:1fr;gap:45px}
  .stats{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .stat:last-child{border-bottom:0}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand-wrap{grid-column:1/-1}
}
@media(max-width:560px){
  body.admin-bar .site-header{top:46px}
  .header-inner{min-height:70px}
  .hero{min-height:auto;padding-top:58px}
  .hero h1{font-size:clamp(50px,15vw,74px)}
  .hero-copy{font-size:16px}
  .hero-visual{min-height:330px}
  .orbit{width:270px}
  .orbit-label{right:-4%;bottom:5%}
  .service{grid-template-columns:34px 1fr;gap:12px;padding:24px 0}
  .service-arrow{display:none}
  .service h3{font-size:31px}
  .service p{font-size:13px}
  .projects-grid{gap:12px}
  .project-card{min-height:400px;padding:22px}
  .process{grid-template-columns:1fr}
  .process-step,.process-step:not(:first-child){border-right:0;border-top:1px solid var(--dd-line);padding:26px 0;min-height:auto}
  .process-step:first-child{border-top:0}
  .local-links{grid-template-columns:1fr}
  .local-links a:nth-child(odd){margin-right:0}
  .cta{padding:75px 0}
  .cta-row{display:block;margin-top:35px}
  .cta-copy{margin-bottom:25px}
  .footer-top{grid-template-columns:1fr}
  .footer-brand-wrap{grid-column:auto}
  .footer-bottom{display:block}
  .footer-bottom span{display:block;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* V1.2 — Soft Editorial Premium Layer */
.mobile-nav{
  position:fixed;inset:70px 0 0;background:rgba(243,239,230,.98);
  z-index:90;padding:34px 0;overflow:auto;border-bottom:1px solid var(--dd-line)
}
.mobile-nav ul{list-style:none;margin:0;padding:0}
.mobile-nav li{border-bottom:1px solid var(--dd-line)}
.mobile-nav a{display:block;padding:18px 0;font-size:26px;line-height:1.05;letter-spacing:-.04em;font-weight:700}
.mobile-nav .sub-menu{padding-left:18px}
.mobile-nav .sub-menu a{font-size:17px;font-weight:600;color:#666}
body.menu-open{overflow:hidden}

.hero{
  position:relative;
}
.hero:before{
  content:"";position:absolute;right:-8%;top:8%;width:46vw;height:46vw;max-width:720px;
  background:radial-gradient(circle at 35% 35%,rgba(170,181,155,.32),rgba(215,199,179,.12) 44%,transparent 70%);
  border-radius:50%;pointer-events:none;filter:blur(1px)
}
.hero > div:first-child{position:relative;z-index:2}
.hero-visual{z-index:1}

.eyebrow{color:#6f7667}
.section--dark .section-kicker{color:#c7d0b9}
.section--dark .service-number{color:#aeb5a6}

.soft-panel{
  background:#e9e1d5;border:1px solid rgba(44,48,42,.1);padding:34px;
  border-radius:2px
}

.project-card{
  border-radius:2px;
  box-shadow:0 16px 50px rgba(67,59,49,.07);
}
.project-card:after{
  content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.4);
  pointer-events:none;z-index:1
}
.project-card-content{padding-right:12px}

.service-arrow{
  width:48px;height:48px;border:1px solid var(--dd-line);display:grid;place-items:center;
  border-radius:50%;font-size:18px
}
.service:hover .service-arrow{
  transform:translate(3px,-3px);background:var(--dd-ink);color:#fffdf8;border-color:var(--dd-ink)
}

.process-step{
  position:relative
}
.process-step b{
  display:inline-flex;width:38px;height:38px;border:1px solid var(--dd-line);
  border-radius:50%;align-items:center;justify-content:center;color:#697060
}
.process-step h3{margin-top:25px}

.local-links a{
  display:flex;justify-content:space-between;align-items:center;
}
.local-links a:after{content:"↗";font-size:14px}
.local-links a:hover:after{transform:translate(3px,-3px)}

.cta{
  position:relative;overflow:hidden
}
.cta:after{
  content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(44,48,42,.16);
  border-radius:50%;right:-120px;bottom:-220px
}
.cta .container{position:relative;z-index:1}

.site-footer .footer-brand{color:#f6f1e8}
.footer-col a{color:#e9e7df}

@media(max-width:900px){
  .mobile-nav{inset:70px 0 0}
}
@media(max-width:560px){
  .mobile-nav{inset:70px 0 0}
  .mobile-nav a{font-size:23px}
  .hero:before{width:95vw;height:95vw;right:-40%;top:5%}
}

.dd-contact-form label{font-size:12px;font-weight:800;letter-spacing:.04em}
.dd-contact-form p{margin:0 0 18px}
.dd-contact-form input:focus,.dd-contact-form textarea:focus,.dd-contact-form select:focus{outline:2px solid var(--dd-sage);outline-offset:2px}
@media(max-width:900px){
  .page-template-page-iletisim .container[style]{grid-template-columns:1fr!important;gap:45px!important}
}



/* V1.9 — Editorial Services Showcase */
.services--editorial{display:grid;grid-template-columns:1fr 1fr;border-top:0;gap:14px;margin-top:10px}
.services--editorial .service{position:relative;display:grid;grid-template-columns:58px 1fr 54px;gap:22px;align-items:end;min-height:250px;padding:30px;background:#ebe5da;border:1px solid rgba(44,48,42,.11);overflow:hidden;transition:transform .35s,background .35s,box-shadow .35s}
.services--editorial .service:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(44,48,42,.10);border-radius:50%;right:-110px;top:-105px;transition:transform .5s}
.services--editorial .service:hover{padding-inline:30px;transform:translateY(-5px);background:var(--dd-white);box-shadow:0 22px 45px rgba(44,48,42,.09)}
.services--editorial .service--featured{grid-column:1 / -1;min-height:390px;background:var(--dd-ink);color:#f7f2e9;grid-template-columns:70px 1fr 76px;padding:42px}
.services--editorial .service--featured:before{width:480px;height:480px;right:-210px;top:-250px;border-color:rgba(255,255,255,.12)}
.services--editorial .service--featured:hover{background:#252a24}
.service-index{align-self:start;position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;font-size:12px;font-weight:800;letter-spacing:.12em}
.service-index i{width:32px;height:1px;background:currentColor;opacity:.35}
.service-copy{position:relative;z-index:1;align-self:end}
.service-meta{font-size:10px;letter-spacing:.13em;font-weight:800;opacity:.62;margin-bottom:22px}
.services--editorial .service h3{font-size:clamp(34px,4.2vw,62px);line-height:.92;letter-spacing:-.065em;margin:0;max-width:650px}
.services--editorial .service p{font-size:14px;line-height:1.55;max-width:520px;margin:16px 0 0;color:#6f706a}
.services--editorial .service--featured h3{font-size:clamp(54px,7vw,105px);max-width:800px}
.services--editorial .service--featured p{color:#c1c3bb;font-size:16px;max-width:570px}
.service-side{position:relative;z-index:1;align-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.service-side>span{font-size:9px;letter-spacing:.14em;font-weight:800;opacity:.55;writing-mode:vertical-rl}
.services--editorial .service-arrow{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(44,48,42,.2);border-radius:50%;font-size:18px;transition:transform .35s,background .35s,color .35s}
.services--editorial .service--featured .service-arrow{border-color:rgba(255,255,255,.3)}
.services--editorial .service:hover .service-arrow{transform:translate(5px,-5px);background:var(--dd-ink);color:#fffdf8}
.services--editorial .service--featured:hover .service-arrow{background:#f7f2e9;color:var(--dd-ink)}
@media(max-width:900px){
  .services--editorial{grid-template-columns:1fr}
  .services--editorial .service--featured{grid-column:auto;min-height:330px}
}
@media(max-width:560px){
  .services--editorial{gap:10px}
  .services--editorial .service,.services--editorial .service--featured{grid-template-columns:42px 1fr 42px;gap:12px;min-height:225px;padding:22px}
  .services--editorial .service--featured{min-height:300px;padding:25px}
  .services--editorial .service:hover{padding-inline:22px}
  .services--editorial .service--featured:hover{padding-inline:25px}
  .service-meta{font-size:8px;margin-bottom:14px}
  .services--editorial .service h3{font-size:35px}
  .services--editorial .service--featured h3{font-size:53px}
  .services--editorial .service p,.services--editorial .service--featured p{font-size:13px}
  .services--editorial .service-arrow{width:40px;height:40px}
}

/* V1.4 — Portfolio / Digital Product Showcase */
.projects-showcase{display:grid;grid-template-columns:1fr;gap:72px}
.case-card{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}
.case-card:nth-child(even){grid-template-columns:.65fr 1.35fr}
.case-card:nth-child(even) .case-visual{order:2}
.case-card:nth-child(even) .case-info{order:1}
.case-visual{min-height:520px;background:#e2dbce;position:relative;overflow:hidden;padding:46px 42px 38px}
.case-visual:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-130px;top:-160px;background:rgba(170,181,155,.3)}
.case-visual:after{content:"";position:absolute;inset:20px;border:1px solid rgba(44,48,42,.12);pointer-events:none}
.case-news{background:#ddd9ce}.case-estate{background:#e7ded2}.case-education{background:#dce2d5}.case-commerce{background:#e4d7cb}
.browser{position:relative;z-index:2;background:#fbfaf6;box-shadow:0 28px 60px rgba(52,48,40,.16);transform:rotate(-2deg);transition:transform .55s,box-shadow .55s}
.case-card:hover .browser{transform:rotate(0) translateY(-8px);box-shadow:0 36px 75px rgba(52,48,40,.2)}
.browser-top{height:34px;border-bottom:1px solid rgba(44,48,42,.1);display:flex;align-items:center;gap:6px;padding:0 13px;color:#9a9a92;font-size:8px}
.browser-top i{display:block;width:6px;height:6px;border-radius:50%;background:#c9c7bd}
.browser-top span{margin-left:auto;margin-right:auto;letter-spacing:.05em}
.browser-body{min-height:310px;padding:24px}
.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px}
.mock-nav b{font-size:13px;letter-spacing:-.04em}
.mock-nav span{color:#888}
.mock-content{padding:55px 12px 30px}
.mock-content small{display:block;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#85887e;margin-bottom:15px}
.mock-content strong{display:block;font-size:36px;line-height:.9;letter-spacing:-.07em;max-width:290px}
.mock-lines{margin-top:24px;width:60%}
.mock-lines i{height:3px;background:#d8d4ca;display:block;margin:7px 0}
.mock-lines i:nth-child(2){width:76%}.mock-lines i:nth-child(3){width:48%}
.case-index{position:absolute;z-index:3;right:38px;bottom:30px;font-size:11px;font-weight:800;letter-spacing:.12em}
.case-info{padding-right:30px}
.case-info .project-meta{color:#74796e}
.case-info h3{font-size:clamp(44px,5vw,76px);line-height:.9;letter-spacing:-.065em;margin:18px 0 22px}
.case-info p{max-width:500px;color:#70716a;font-size:16px;line-height:1.7;margin:0 0 30px}
.case-link{display:inline-flex;align-items:center;gap:14px;font-size:13px;font-weight:800;border-bottom:1px solid var(--dd-ink);padding-bottom:8px}
.case-link span{transition:transform .2s}.case-link:hover span{transform:translate(4px,-4px)}

.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dd-line);margin-top:85px}
.feature-strip div{padding:22px 22px 0 0;border-right:1px solid var(--dd-line)}
.feature-strip div:not(:first-child){padding-left:22px}
.feature-strip div:last-child{border-right:0}
.feature-strip b{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#73766d}
.feature-strip strong{display:block;font-size:21px;letter-spacing:-.03em;margin-top:10px}

@media(max-width:900px){
  .case-card,.case-card:nth-child(even){grid-template-columns:1fr;gap:30px}
  .case-card:nth-child(even) .case-visual,.case-card:nth-child(even) .case-info{order:initial}
  .case-visual{min-height:430px;padding:35px 28px}
  .browser-body{min-height:270px}
  .case-info{padding-right:0}
  .case-info h3{font-size:48px}
}
@media(max-width:560px){
  .projects-showcase{gap:55px}
  .case-visual{min-height:350px;padding:25px 18px}
  .browser-body{min-height:225px;padding:16px}
  .mock-content{padding:38px 8px 20px}
  .mock-content strong{font-size:27px}
  .case-index{right:22px;bottom:20px}
  .case-info h3{font-size:42px}
}

/* V1.5 — Premium Service Landing */
.service-hero{padding:95px 0 115px;overflow:hidden;background:#eee8dd}
.service-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.service-hero h1{font-size:clamp(56px,7vw,104px);line-height:.9;letter-spacing:-.075em;margin:0;max-width:760px}
.service-lead{max-width:590px;color:#686960;font-size:19px;line-height:1.65;margin:30px 0 0}
.service-art{min-height:510px;display:grid;place-items:center;position:relative}
.service-art:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:rgba(170,181,155,.32);right:0;top:15px}
.art-window{position:relative;z-index:2;width:min(540px,100%);background:#fbfaf6;box-shadow:0 35px 80px rgba(59,54,45,.15);transform:rotate(2deg);transition:.5s}
.service-art:hover .art-window{transform:rotate(0) translateY(-8px)}
.art-top{height:38px;border-bottom:1px solid var(--dd-line);display:flex;align-items:center;gap:6px;padding:0 14px;color:#96988f;font-size:9px}
.art-top i{width:6px;height:6px;border-radius:50%;background:#cbc9c0}
.art-top span{margin:auto;letter-spacing:.08em}
.art-body{padding:55px 45px 50px;min-height:400px;background:linear-gradient(145deg,#fffdf8,#eee9df)}
.art-kicker{display:block;font-size:8px;letter-spacing:.17em;color:#73786c;margin-bottom:20px}
.art-body strong{display:block;font-size:clamp(42px,5vw,67px);line-height:.88;letter-spacing:-.07em;max-width:380px}
.art-lines{margin-top:28px;width:65%}
.art-lines i{display:block;height:4px;background:#d8d4c9;margin:7px 0}
.art-lines i:nth-child(2){width:70%}.art-lines i:nth-child(3){width:48%}
.art-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:42px}
.art-blocks b{height:70px;background:#d9dfd0}.art-blocks b:nth-child(2){background:#d8c9b8}.art-blocks b:nth-child(3){background:#c7b6a4}

.service-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dd-line)}
.service-pillars>div{padding:30px 30px 0 0;border-right:1px solid var(--dd-line)}
.service-pillars>div:not(:first-child){padding-left:30px}
.service-pillars>div:last-child{border-right:0}
.service-pillars span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--dd-line);border-radius:50%;font-size:11px;font-weight:800}
.service-pillars h3{font-size:27px;letter-spacing:-.04em;margin:25px 0 8px}
.service-pillars p{color:#70716b;margin:0}

.service-list-dark{border-top:1px solid rgba(255,255,255,.16)}
.service-list-dark>div{display:grid;grid-template-columns:55px 1fr 1fr;gap:25px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.service-list-dark b{font-size:11px;color:#b8c1ad}
.service-list-dark strong{font-size:clamp(23px,3vw,36px);letter-spacing:-.04em}
.service-list-dark span{color:#b5b7b0;font-size:14px}

@media(max-width:900px){
  .service-hero{padding:70px 0 80px}
  .service-hero-grid{grid-template-columns:1fr;gap:40px}
  .service-art{min-height:390px}
  .service-pillars{grid-template-columns:1fr}
  .service-pillars>div,.service-pillars>div:not(:first-child){padding:25px 0;border-right:0;border-bottom:1px solid var(--dd-line)}
  .service-pillars>div:last-child{border-bottom:0}
  .service-list-dark>div{grid-template-columns:40px 1fr}
  .service-list-dark span{grid-column:2}
}
@media(max-width:560px){
  .service-hero h1{font-size:52px}
  .service-lead{font-size:16px}
  .service-art{min-height:310px}
  .art-body{padding:38px 25px;min-height:280px}
  .art-body strong{font-size:38px}
  .art-blocks b{height:45px}
}

.service-next{background:#eee8dd}
.service-next .service:hover{background:#fffdf8}


/* V1.7 — Hero Premium / Strong Editorial */
.hero--premium{min-height:calc(100vh - 82px);grid-template-columns:1fr 1fr;gap:70px;padding:72px 0 86px;align-items:center}
.hero-copy-block{position:relative;z-index:3;padding:10px 0}
.hero-topline{display:flex;align-items:center;justify-content:space-between;max-width:760px;margin-bottom:26px}
.hero-topline .eyebrow{margin:0}
.hero-index{font-size:10px;font-weight:800;letter-spacing:.14em;color:#7b7d75}
.hero--premium h1{font-size:clamp(64px,7.8vw,116px);line-height:.84;letter-spacing:-.082em;margin-bottom:32px}
.hero--premium h1 em{-webkit-text-stroke:1.25px #222620}
.hero--premium .hero-copy{font-size:17px;max-width:520px;color:#64655e}
.hero--premium .hero-actions{margin-top:30px}
.hero-proof{display:flex;align-items:center;gap:12px;margin-top:44px;font-size:9px;font-weight:800;letter-spacing:.16em;color:#77796f}
.hero-proof i{width:22px;height:1px;background:var(--dd-line);display:block}
.hero-visual--premium{min-height:610px;display:block;position:relative}
.hero-art-grid{position:absolute;inset:4% -5% 0 5%;background-image:linear-gradient(rgba(44,48,42,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(44,48,42,.11) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black 0%,black 72%,transparent 100%);opacity:.65}
.hero-art-panel{position:absolute;inset:4% 2% 4% 10%;background:#252a25;color:#f4f0e7;overflow:hidden;box-shadow:0 34px 80px rgba(44,48,42,.18)}
.hero-art-panel:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(234,232,220,.13);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);box-shadow:0 0 0 65px rgba(234,232,220,.025),0 0 0 130px rgba(234,232,220,.02)}
.hero-art-panel:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.12);pointer-events:none}
.hero-art-top,.hero-art-bottom{position:absolute;left:34px;right:34px;z-index:3;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;font-weight:800;color:#bfc2b8}
.hero-art-top{top:30px}.hero-art-bottom{bottom:28px}
.hero-art-bottom strong{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;border-radius:50%;font-size:16px;color:#fff}
.hero-art-center{position:absolute;inset:100px 35px 90px;display:grid;place-items:center}
.orbit--large{width:min(390px,70%);border-color:rgba(255,255,255,.26);animation:heroFloat 8s ease-in-out infinite}
.orbit--large:before,.orbit--large:after{border-color:rgba(255,255,255,.18)}
.orbit--large .core{background:#aab59b;color:#252a25;width:31%;height:31%;inset:34.5%;font-weight:800}
.orbit--large .orbit-dot{background:#d7c7b3;border-color:#fff;top:7%;left:57%}
.hero-art-word{position:absolute;left:4%;bottom:4%;font-size:clamp(32px,4vw,58px);font-weight:800;line-height:.82;letter-spacing:-.075em;z-index:4;mix-blend-mode:screen}
.hero-art-word em{font-style:normal;color:#aab59b}
.hero-float-card{position:absolute;z-index:6;background:#f7f3ea;color:#2c302a;padding:16px 18px;box-shadow:0 18px 45px rgba(44,48,42,.16);border:1px solid rgba(44,48,42,.1);min-width:145px}
.hero-float-card small{display:block;font-size:8px;font-weight:800;letter-spacing:.15em;color:#85877f;margin-bottom:8px}
.hero-float-card strong{font-size:14px;line-height:1.05;letter-spacing:-.03em}
.hero-float-card--top{right:-3%;top:12%}.hero-float-card--bottom{left:-4%;bottom:10%}
@keyframes heroFloat{50%{transform:translateY(-9px) rotate(1.5deg)}}
@media(max-width:900px){
 .hero--premium{grid-template-columns:1fr;gap:30px;padding-top:58px}
 .hero--premium h1{font-size:clamp(58px,12vw,92px)}
 .hero-visual--premium{min-height:560px}
 .hero-art-panel{inset:2% 4% 4% 7%}
 .hero-float-card--top{right:0}.hero-float-card--bottom{left:0}
}
@media(max-width:560px){
 .hero--premium{padding-top:42px;padding-bottom:58px}
 .hero-topline{margin-bottom:22px}
 .hero--premium h1{font-size:clamp(51px,15vw,75px);line-height:.87}
 .hero--premium .hero-copy{font-size:15px}
 .hero-proof{margin-top:32px;gap:8px;font-size:8px}
 .hero-visual--premium{min-height:430px}
 .hero-art-panel{inset:2% 0 3% 0}
 .hero-art-top,.hero-art-bottom{left:22px;right:22px;font-size:7px}
 .hero-art-center{inset:78px 20px 70px}
 .orbit--large{width:250px}
 .hero-art-word{font-size:32px;left:3%;bottom:2%}
 .hero-float-card{padding:12px 14px;min-width:120px}
 .hero-float-card strong{font-size:11px}
 .hero-float-card--top{top:8%;right:-1%}.hero-float-card--bottom{bottom:7%;left:-1%}
}


/* V1.8 — Studio Manifesto Transition */
.manifesto{
  background:#252a25;
  color:#f5f1e8;
  padding:112px 0 105px;
  position:relative;
  overflow:hidden;
}
.manifesto:before{
  content:"";
  position:absolute;
  width:720px;height:720px;
  border:1px solid rgba(245,241,232,.10);
  border-radius:50%;
  right:-270px;top:-310px;
  box-shadow:0 0 0 90px rgba(245,241,232,.018),0 0 0 180px rgba(245,241,232,.012);
}
.manifesto:after{
  content:"";
  position:absolute;
  width:1px;height:100%;
  left:calc(50% + 35px);top:0;
  background:rgba(245,241,232,.08);
}
.manifesto-inner{position:relative;z-index:2}
.manifesto-top{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:24px;border-bottom:1px solid rgba(245,241,232,.14);
  font-size:9px;font-weight:800;letter-spacing:.15em;color:#aeb3a7;
}
.manifesto-main{
  display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;
  padding:62px 0 56px;align-items:end;
}
.manifesto-label{
  margin:0;color:#aab59b;font-size:10px;font-weight:800;line-height:1.35;letter-spacing:.16em;
}
.manifesto h2{
  margin:0;font-size:clamp(58px,8vw,116px);line-height:.84;letter-spacing:-.085em;font-weight:800;
  max-width:920px;
}
.manifesto h2 em{font-style:normal;color:#aab59b}
.manifesto-bottom{
  display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;border-top:1px solid rgba(245,241,232,.14);padding-top:28px;
}
.manifesto-bottom p{
  grid-column:2;max-width:570px;color:#b9bbb3;font-size:16px;line-height:1.7;margin:0;
}
.manifesto-bottom a{
  grid-column:2;justify-self:start;margin-top:18px;color:#f5f1e8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  border-bottom:1px solid rgba(245,241,232,.45);padding-bottom:8px;
}
.manifesto-bottom a span{margin-left:12px;transition:transform .2s;display:inline-block}
.manifesto-bottom a:hover span{transform:translate(4px,-4px)}
@media(max-width:900px){
 .manifesto{padding:88px 0}
 .manifesto:after{display:none}
 .manifesto-main,.manifesto-bottom{grid-template-columns:1fr;gap:28px}
 .manifesto h2{font-size:clamp(54px,11vw,86px)}
 .manifesto-bottom p,.manifesto-bottom a{grid-column:auto}
}
@media(max-width:560px){
 .manifesto{padding:70px 0 76px}
 .manifesto-top{gap:20px;align-items:flex-start}
 .manifesto-top span:last-child{text-align:right;font-size:7px}
 .manifesto-main{padding:44px 0 42px;gap:22px}
 .manifesto h2{font-size:clamp(48px,14vw,70px)}
 .manifesto-bottom p{font-size:14px}
}

/* V1.10 — Editorial Case Study Showcase */
.projects-section{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(80px,9vw,130px)}
.projects-heading{align-items:end;margin-bottom:clamp(44px,6vw,82px)}
.projects-heading .section-title em{font-style:italic;color:var(--dd-clay);font-weight:500}
.projects-heading .section-intro{max-width:520px}
.editorial-cases{display:grid;gap:clamp(28px,4vw,58px)}
.editorial-case{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(300px,.68fr);min-height:650px;border-top:1px solid var(--dd-line);padding-top:28px}
.editorial-case:nth-child(even){grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr)}
.editorial-case:nth-child(even) .editorial-case__visual{order:2}
.editorial-case:nth-child(even) .editorial-case__body{order:1}
.editorial-case__visual{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e4ddd0}
.editorial-case--news .editorial-case__visual{background:#dfe4dc}
.editorial-case--estate .editorial-case__visual{background:#d9cec0}
.editorial-case--education .editorial-case__visual{background:#e2e0d6}
.editorial-case--commerce .editorial-case__visual{background:#d8ded2}
.case-topline{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(44,48,42,.65);z-index:3}
.case-device{width:min(78%,690px);transform:translateY(12px) rotate(-1deg);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.editorial-case:hover .case-device{transform:translateY(-4px) rotate(0deg) scale(1.015)}
.device-browser{border:1px solid rgba(44,48,42,.18);background:#f7f3ea;box-shadow:0 30px 80px rgba(44,48,42,.16)}
.browser-top{height:38px;border-bottom:1px solid rgba(44,48,42,.12);display:flex;align-items:center;gap:5px;padding:0 13px;color:#77786f;font-size:9px;letter-spacing:.08em}
.browser-top i{display:block;width:6px;height:6px;border-radius:50%;background:#aaa99f}.browser-top span{margin-left:auto;opacity:.65}
.device-screen{position:relative;min-height:360px;overflow:hidden;padding:24px;background:#f5f1e8}
.screen-nav{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.04em}.screen-nav b{font-size:13px}.screen-nav span{opacity:.45}
.screen-copy{position:relative;z-index:2;padding:54px 8% 40px;max-width:78%}.screen-copy small{display:block;font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-bottom:18px}.screen-copy strong{display:block;font-size:clamp(30px,4vw,58px);line-height:.92;letter-spacing:-.055em;font-weight:600;max-width:420px}.screen-lines{margin-top:28px;display:grid;gap:7px}.screen-lines i{height:4px;background:rgba(44,48,42,.15);width:80%}.screen-lines i:nth-child(2){width:58%}.screen-lines i:nth-child(3){width:38%}
.screen-orb{position:absolute;width:260px;height:260px;border-radius:50%;right:-75px;bottom:-80px;border:1px solid rgba(44,48,42,.16);box-shadow:inset 0 0 0 32px rgba(170,181,155,.16),inset 0 0 0 64px rgba(181,143,120,.08)}
.editorial-case__body{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(35px,5vw,72px) clamp(25px,5vw,76px);background:var(--dd-white);min-height:590px}
.case-copy{max-width:500px}.case-copy .project-meta{margin-bottom:28px}.case-copy h3{font-size:clamp(42px,5.2vw,82px);line-height:.88;letter-spacing:-.055em;margin:0 0 28px;font-weight:500}.case-copy p{font-size:16px;line-height:1.75;color:var(--dd-muted);max-width:440px}.case-tags{margin-top:34px}.case-tags span{display:inline-flex;padding:9px 13px;border:1px solid var(--dd-line);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.case-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--dd-line);padding-top:18px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:var(--dd-ink)}.case-link b{font-size:20px;font-weight:400;transition:transform .25s ease}.case-link:hover b{transform:translate(4px,-4px)}
.case-floating{position:absolute;right:22px;bottom:20px;font-size:9px;letter-spacing:.15em;color:rgba(44,48,42,.65)}.case-floating b{font-size:15px;margin-left:6px;font-weight:400}
.projects-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--dd-line);margin-top:34px;padding-top:20px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--dd-muted)}.projects-footer a{color:var(--dd-ink)}.projects-footer b{font-size:16px;font-weight:400;margin-left:8px}
@media(max-width:900px){.editorial-case,.editorial-case:nth-child(even){display:flex;flex-direction:column;min-height:0}.editorial-case:nth-child(even) .editorial-case__visual,.editorial-case:nth-child(even) .editorial-case__body{order:initial}.editorial-case__visual{min-height:430px}.editorial-case__body{min-height:430px;padding:38px 28px}.case-copy h3{font-size:clamp(44px,11vw,70px)}.case-device{width:82%}}
@media(max-width:560px){.editorial-case__visual{min-height:330px}.device-screen{min-height:250px;padding:16px}.screen-copy{padding:40px 4% 25px}.screen-copy strong{font-size:34px}.screen-orb{width:170px;height:170px}.case-topline{left:14px;right:14px}.case-floating{right:14px;bottom:14px}.editorial-case__body{min-height:390px;padding:34px 22px}.case-copy .project-meta{margin-bottom:20px}.case-copy h3{margin-bottom:20px}.projects-footer{align-items:flex-start;gap:18px;flex-direction:column}}

/* V1.11 — Why / Expertise Premium Layers */
.why-section{padding-top:clamp(90px,10vw,145px);padding-bottom:clamp(90px,10vw,145px)}
.why-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:end;margin-bottom:55px}
.why-intro .section-title em,.expertise-main h2 em{font-style:italic;color:var(--dd-clay);font-weight:500}
.why-intro .section-intro{max-width:600px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--dd-line)}
.why-card{min-height:285px;padding:30px 30px 28px;display:grid;grid-template-columns:38px 1fr 30px;gap:18px;border-bottom:1px solid var(--dd-line);transition:transform .35s ease,background .35s ease,box-shadow .35s ease}
.why-card:nth-child(odd){border-right:1px solid var(--dd-line)}
.why-card:hover{transform:translateY(-4px);background:#eee9df;box-shadow:0 22px 50px rgba(44,48,42,.07)}
.why-card--dark{background:var(--dd-black);color:#f5f1e8}.why-card--dark:hover{background:#2d332c}.why-card--dark p{color:#b9beb3}.why-card--dark small{color:#aab59b}
.why-card>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--dd-muted)}
.why-card>div small{display:block;font-size:9px;letter-spacing:.15em;font-weight:800;margin-bottom:28px;color:#77786f}
.why-card h3{font-size:clamp(23px,2.3vw,34px);line-height:.98;letter-spacing:-.045em;margin:0 0 18px;font-weight:500;max-width:430px}
.why-card p{font-size:14px;line-height:1.7;color:var(--dd-muted);max-width:420px;margin:0}
.why-card>b{font-size:19px;font-weight:400;justify-self:end;transition:transform .3s}.why-card:hover>b{transform:translate(4px,-4px)}
.expertise-section{padding-top:0}
.expertise-panel{background:#e3dccf;padding:clamp(30px,4vw,54px);position:relative;overflow:hidden}
.expertise-panel:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(44,48,42,.11);border-radius:50%;right:-190px;top:-260px;box-shadow:0 0 0 70px rgba(44,48,42,.025),0 0 0 140px rgba(44,48,42,.018)}
.expertise-head{position:relative;z-index:2;display:flex;justify-content:space-between;border-bottom:1px solid rgba(44,48,42,.16);padding-bottom:18px;font-size:9px;font-weight:800;letter-spacing:.15em;color:#6e7068}
.expertise-main{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;padding:70px 0 65px;align-items:end}
.expertise-main h2{font-size:clamp(52px,7vw,104px);line-height:.86;letter-spacing:-.075em;font-weight:600;margin:0}
.expertise-copy{max-width:430px}.expertise-copy p{font-size:15px;line-height:1.75;color:#66685f;margin:0 0 24px}.expertise-copy a{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--dd-ink);border-bottom:1px solid rgba(44,48,42,.35);padding-bottom:9px}.expertise-copy a b{font-size:16px;font-weight:400;margin-left:8px}
.expertise-list{position:relative;z-index:2;border-top:1px solid rgba(44,48,42,.18);display:grid;grid-template-columns:1fr 1fr}.expertise-list a{display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid rgba(44,48,42,.18);font-size:14px}.expertise-list a:nth-child(odd){padding-right:25px;border-right:1px solid rgba(44,48,42,.18)}.expertise-list a:nth-child(even){padding-left:25px}.expertise-list span{font-size:9px;letter-spacing:.12em;color:#77786f}.expertise-list strong{font-size:17px;font-weight:600;letter-spacing:-.02em}.expertise-list i{font-style:normal;font-size:17px;transition:transform .25s}.expertise-list a:hover i{transform:translate(4px,-4px)}
@media(max-width:900px){.why-intro{grid-template-columns:1fr;gap:25px}.why-grid{grid-template-columns:1fr}.why-card:nth-child(odd){border-right:0}.why-card{min-height:250px}.expertise-main{grid-template-columns:1fr;gap:35px;padding:52px 0}.expertise-main h2{font-size:clamp(52px,10vw,82px)}}
@media(max-width:560px){.why-section{padding-top:70px;padding-bottom:70px}.why-intro{margin-bottom:38px}.why-card{min-height:auto;padding:25px 20px;grid-template-columns:28px 1fr 20px}.why-card>div small{margin-bottom:20px}.why-card h3{font-size:25px}.why-card p{font-size:13px}.expertise-panel{padding:22px 18px}.expertise-head{font-size:7px}.expertise-main{padding:45px 0 42px}.expertise-main h2{font-size:clamp(46px,13vw,68px)}.expertise-list{grid-template-columns:1fr}.expertise-list a,.expertise-list a:nth-child(even),.expertise-list a:nth-child(odd){padding:17px 0;border-right:0}.expertise-list strong{font-size:15px}}

/* V1.11 — Quiet motion system */
.dd-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.dd-reveal.is-visible{opacity:1;transform:none}
.why-card:nth-child(2){transition-delay:.06s}.why-card:nth-child(3){transition-delay:.12s}.why-card:nth-child(4){transition-delay:.18s}
@media(prefers-reduced-motion:reduce){.dd-reveal{opacity:1;transform:none;transition:none}.why-card,.case-device,.service{transition:none}}

/* V1.12 — Project Visual System */
.editorial-case__visual{isolation:isolate}
.editorial-case__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 38%,rgba(44,48,42,.035));pointer-events:none;z-index:1}
.device-browser{position:relative;z-index:2;overflow:hidden;border-radius:2px}
.device-screen{background:#f6f2e9}
.device-screen--news{background:#eef1ea}
.device-screen--estate{background:#eee7dc}
.device-screen--education{background:#f1efe7}
.device-screen--commerce{background:#ecefe7}
.ui-news,.ui-estate,.ui-education,.ui-commerce{position:relative;min-height:360px;padding:30px}
.ui-news{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}
.ui-news-main{padding:25px 0 0 5px}
.ui-news-main small,.ui-estate-copy small,.ui-edu-copy small,.ui-product-copy small{display:block;font-size:8px;letter-spacing:.16em;opacity:.55;margin-bottom:18px}
.ui-news-main strong{display:block;font-size:clamp(30px,4vw,54px);line-height:.92;letter-spacing:-.06em;font-weight:600}
.ui-news-lines{margin-top:28px;display:grid;gap:7px}.ui-news-lines i{height:4px;background:rgba(44,48,42,.15);width:78%}.ui-news-lines i:nth-child(2){width:51%}
.ui-news-side{align-self:end;border-left:1px solid rgba(44,48,42,.13);padding-left:18px;display:grid;gap:12px}.ui-news-side b{font-size:8px;letter-spacing:.15em}.ui-news-side span{font-size:10px;border-top:1px solid rgba(44,48,42,.12);padding-top:10px}
.ui-estate{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}
.ui-estate-copy strong{display:block;font-size:clamp(32px,4vw,57px);line-height:.9;letter-spacing:-.06em;font-weight:600}
.ui-searchbar{margin-top:28px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.7);border:1px solid rgba(44,48,42,.13);padding:12px;font-size:9px}.ui-searchbar span{padding-right:14px;border-right:1px solid rgba(44,48,42,.1)}.ui-searchbar b{margin-left:auto;font-size:15px;font-weight:400}
.ui-property{height:230px;align-self:end;background:linear-gradient(145deg,#d7c9b8,#b9ab99);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 20px 45px rgba(44,48,42,.13)}.ui-property span{font-size:8px;letter-spacing:.15em;margin-bottom:auto}.ui-property b{font-size:22px;line-height:1;letter-spacing:-.04em}.ui-property small{font-size:9px;opacity:.65;margin-top:6px}
.ui-education{padding:24px 6px 0}.ui-edu-copy{padding:18px 15px 22px}.ui-edu-copy strong{display:block;font-size:clamp(30px,4vw,54px);line-height:.91;letter-spacing:-.06em;font-weight:600}.ui-course-row{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;border-top:1px solid rgba(44,48,42,.14);padding:16px 15px;font-size:10px}.ui-course-row span{opacity:.45}.ui-course-row b{font-size:12px;font-weight:600}.ui-course-row i{font-style:normal;font-size:16px}
.ui-commerce{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center;padding:28px}.ui-product-art{height:260px;background:linear-gradient(145deg,#cbd3c3,#e2e0d6);display:flex;flex-direction:column;justify-content:space-between;padding:18px}.ui-product-art span{font-size:8px;letter-spacing:.16em}.ui-product-art b{font-size:43px;line-height:.82;letter-spacing:-.08em;font-weight:500}
.ui-product-copy strong{display:block;font-size:clamp(30px,4vw,52px);line-height:.9;letter-spacing:-.06em;font-weight:600}.ui-price{margin-top:24px;font-size:18px;font-weight:600}
.case-device{box-shadow:0 34px 90px rgba(44,48,42,.13)}
.editorial-case:hover .device-browser{box-shadow:0 38px 95px rgba(44,48,42,.19)}
@media(max-width:900px){
 .ui-news,.ui-estate,.ui-commerce{min-height:250px}
 .ui-news{grid-template-columns:1fr .55fr}.ui-estate{grid-template-columns:1fr .65fr}
 .ui-news-main strong,.ui-estate-copy strong,.ui-edu-copy strong,.ui-product-copy strong{font-size:34px}
 .ui-property{height:180px}
 .ui-product-art{height:190px}.ui-product-art b{font-size:32px}
}
@media(max-width:560px){
 .ui-news,.ui-estate,.ui-commerce{min-height:230px;padding:18px}.ui-news{grid-template-columns:1fr}.ui-news-side{display:none}.ui-estate{grid-template-columns:1fr}.ui-property{display:none}
 .ui-education{min-height:230px}.ui-edu-copy{padding:10px 12px 15px}
 .ui-commerce{grid-template-columns:.8fr 1.2fr;gap:12px}.ui-product-art{height:185px;padding:12px}.ui-product-art b{font-size:25px}.ui-product-copy small{font-size:7px}.ui-product-copy strong{font-size:27px}.ui-price{margin-top:15px;font-size:15px}
}

/* V1.13 Signature Hero */
.hero-studio{position:relative;width:min(610px,100%);min-height:520px;background:#252a24;color:#f5f1e8;overflow:hidden;box-shadow:0 38px 100px rgba(44,48,42,.18);border-radius:2px}
.hero-studio:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(170,181,155,.22),transparent 68%);left:45%;top:37%;transform:translate(-50%,-50%)}
.hero-studio__top{height:52px;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;gap:9px;padding:0 20px;font-size:8px;letter-spacing:.15em;color:rgba(245,241,232,.58)}
.hero-studio__top b{margin-left:auto;font-size:7px;letter-spacing:.14em;color:#c9d2bd;font-weight:500}.studio-dot{width:6px;height:6px;border-radius:50%;background:#b8c4a8;box-shadow:0 0 0 5px rgba(184,196,168,.08)}
.hero-studio__main{min-height:390px;display:grid;grid-template-columns:1fr .72fr;align-items:center;padding:34px}
.studio-orbit{position:relative;width:310px;height:310px;justify-self:center}.studio-ring{position:absolute;border:1px solid rgba(225,230,217,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.studio-ring--1{width:300px;height:300px}.studio-ring--2{width:205px;height:205px;border-color:rgba(184,196,168,.32)}.studio-ring--2:after{content:"";position:absolute;inset:18px;border:1px dashed rgba(255,255,255,.12);border-radius:50%}
.studio-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;background:#aab59b;color:#242921;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 18px 55px rgba(170,181,155,.2)}.studio-core span{font-size:34px;font-weight:700;letter-spacing:-.09em;line-height:.8}.studio-core small{font-size:6px;line-height:1.2;letter-spacing:.15em;margin-top:10px;text-align:center}
.studio-node{position:absolute;width:11px;height:11px;border-radius:50%;background:#d8c6b1;box-shadow:0 0 0 7px rgba(216,198,177,.08)}.studio-node--1{left:22px;top:70px}.studio-node--2{right:12px;top:140px;background:#aab59b}.studio-node--3{left:75px;bottom:22px}
.studio-dashboard{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);padding:18px 18px 20px;backdrop-filter:blur(8px)}.dashboard-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.15em;color:rgba(245,241,232,.45)}.dashboard-head b{font-weight:500;color:#d5dccb}.dashboard-number{font-size:72px;line-height:.9;letter-spacing:-.09em;margin-top:30px;font-weight:500}.dashboard-caption{font-size:9px;color:rgba(245,241,232,.48);margin-top:6px}.dashboard-bars{height:90px;display:flex;align-items:end;gap:6px;margin-top:25px}.dashboard-bars span{display:block;flex:1;background:#aab59b;opacity:.75}
.hero-studio__bottom{display:grid;grid-template-columns:1fr 1fr 1fr 52px;border-top:1px solid rgba(255,255,255,.11);min-height:78px}.hero-studio__bottom>div{padding:14px 18px;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:center}.hero-studio__bottom small{font-size:6px;letter-spacing:.16em;color:rgba(245,241,232,.42)}.hero-studio__bottom strong{font-size:17px;font-weight:500;margin-top:4px}.studio-arrow{font-size:22px!important;align-items:center;justify-content:center!important;color:#cdd5c1}
.hero-studio + .hero-float-card--top{right:-18px;top:55px}.hero-studio + .hero-float-card--bottom{left:-26px;bottom:55px}
@media(max-width:900px){.hero-studio{min-height:460px}.hero-studio__main{min-height:330px;padding:22px}.studio-orbit{width:245px;height:245px}.studio-ring--1{width:235px;height:235px}.studio-ring--2{width:160px;height:160px}.studio-core{width:92px;height:92px}.studio-core span{font-size:28px}.hero-studio + .hero-float-card--top{right:0;top:30px}.hero-studio + .hero-float-card--bottom{left:0;bottom:40px}}
@media(max-width:640px){.hero-studio{min-height:390px}.hero-studio__main{grid-template-columns:1fr;min-height:285px;padding:20px}.studio-orbit{width:215px;height:215px}.studio-ring--1{width:210px;height:210px}.studio-ring--2{width:145px;height:145px}.studio-core{width:82px;height:82px}.studio-core span{font-size:25px}.studio-dashboard{position:absolute;right:14px;bottom:15px;width:145px;padding:12px;transform:scale(.78);transform-origin:right bottom}.dashboard-number{font-size:55px;margin-top:15px}.dashboard-bars{height:55px;margin-top:12px}.hero-studio__bottom{min-height:62px;grid-template-columns:1fr 1fr 52px}.hero-studio__bottom>div{padding:10px 12px}.hero-studio__bottom>div:nth-child(3){display:none}.hero-studio + .hero-float-card{font-size:7px}.hero-studio + .hero-float-card--top{top:12px}.hero-studio + .hero-float-card--bottom{bottom:10px;left:0}}


/* =========================================================
   V1.14 — DüzceDijital Global Premium Design System
   ========================================================= */
:root{
  --dd-radius:2px;
  --dd-radius-soft:10px;
  --dd-section:clamp(88px,10vw,150px);
  --dd-container:1380px;
  --dd-ease:cubic-bezier(.22,.61,.36,1);
  --dd-shadow:0 24px 70px rgba(44,48,42,.09);
}
html{scroll-behavior:smooth}
body{background:var(--dd-paper);color:var(--dd-ink);overflow-x:hidden}
::selection{background:var(--dd-ink);color:var(--dd-paper)}
.container{width:min(var(--dd-container),calc(100% - 48px));margin-inline:auto}
section{position:relative}
.section-label,.eyebrow,.hero__eyebrow,.section-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:600;color:var(--dd-muted)}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.045em}
p{line-height:1.7}
a{transition:color .25s var(--dd-ease),background .25s var(--dd-ease),border-color .25s var(--dd-ease),transform .25s var(--dd-ease),opacity .25s var(--dd-ease)}

.site-header{
  height:84px;
  background:rgba(243,239,230,.88);
  border-bottom:1px solid rgba(44,48,42,.10);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.site-header.is-scrolled{box-shadow:0 10px 35px rgba(44,48,42,.07)}
.site-header .container{height:100%}
.site-logo{letter-spacing:-.055em}
.site-logo-mark{box-shadow:none}
.primary-menu a{font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.header-cta,.btn,.button,.dd-btn{
  min-height:48px;
  padding:0 21px;
  border-radius:999px;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-size:9px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.header-cta:after,.btn-arrow:after{content:"↗";font-size:14px;line-height:1}
.header-cta:hover,.btn:hover,.button:hover,.dd-btn:hover{transform:translateY(-2px)}

.hero{min-height:calc(100svh - 84px);padding-block:clamp(70px,8vw,115px)}
.hero__title{font-size:clamp(54px,7.1vw,112px);line-height:.89;max-width:780px}
.hero__copy{max-width:570px;font-size:16px;color:#666a62}
.hero__actions{gap:12px}
.hero__actions a:first-child{border-radius:999px}
.hero__actions a:nth-child(2){border-radius:999px}

.manifesto,.statement,.philosophy{padding-block:var(--dd-section)}
.manifesto__title,.statement__title{font-size:clamp(48px,6vw,92px);line-height:.91;max-width:1100px}
.manifesto:before,.statement:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:1px;
  height:54px;
  background:rgba(255,255,255,.18);
}

.services,.projects,.process,.why-us,.expertise{padding-block:var(--dd-section)}
.section-heading{margin-bottom:clamp(45px,6vw,80px)}
.section-heading h2{font-size:clamp(44px,5.5vw,82px);line-height:.92}
.section-heading p{max-width:530px;color:var(--dd-muted)}

.service-card,.editorial-case,.why-card,.expertise-item,.project-card{
  border-radius:var(--dd-radius);
  transition:transform .55s var(--dd-ease),box-shadow .55s var(--dd-ease),border-color .35s var(--dd-ease);
}
.service-card:hover,.why-card:hover,.expertise-item:hover{transform:translateY(-7px);box-shadow:var(--dd-shadow)}
.service-card,.why-card,.expertise-item{border:1px solid rgba(44,48,42,.11)}

.editorial-case{overflow:hidden}
.editorial-case__visual{border-radius:var(--dd-radius);box-shadow:var(--dd-shadow)}
.editorial-case:hover{transform:translateY(-5px)}

.service-card__number,.case-number,.project-number{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.service-card h3,.editorial-case h3{font-size:clamp(28px,3vw,44px);line-height:.95}

.process-step{border-top:1px solid var(--dd-line);padding-block:25px}
.process-step:last-child{border-bottom:1px solid var(--dd-line)}

.local-section{padding-block:var(--dd-section)}
.local-section .local-card,.duzce-card{border-radius:var(--dd-radius);overflow:hidden}
.local-section h2{font-size:clamp(46px,6vw,88px);line-height:.9}

.final-cta{padding-block:clamp(100px,13vw,190px)}
.final-cta h2{font-size:clamp(54px,7vw,108px);line-height:.88}
.final-cta .btn,.final-cta a{border-radius:999px}

.site-footer{border-top:1px solid rgba(44,48,42,.12);padding-top:70px}
.site-footer h3,.site-footer h4{letter-spacing:-.025em}
.site-footer a{color:inherit;opacity:.7}
.site-footer a:hover{opacity:1}
.footer-bottom{border-top:1px solid rgba(44,48,42,.10);margin-top:55px;padding-block:22px;font-size:9px;letter-spacing:.08em;text-transform:uppercase}

.mobile-menu{background:var(--dd-ink)}
.mobile-menu a{font-size:clamp(34px,8vw,64px);letter-spacing:-.05em}

.reveal,.fade-up,.dd-reveal{transition:opacity .8s var(--dd-ease),transform .8s var(--dd-ease)}
.reveal.is-visible,.fade-up.is-visible,.dd-reveal.is-visible{opacity:1;transform:none}

@media(max-width:900px){
  .site-header{height:74px}
  .hero{min-height:auto;padding-block:70px 85px}
  .hero__title{font-size:clamp(48px,10vw,76px)}
  .container{width:min(var(--dd-container),calc(100% - 34px))}
  .section-heading{margin-bottom:45px}
}
@media(max-width:560px){
  .site-header{height:68px}
  .hero{padding-block:54px 65px}
  .hero__copy{font-size:14px}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions a{width:100%}
  .container{width:calc(100% - 28px)}
  .section-heading h2{font-size:46px}
  .manifesto__title,.statement__title{font-size:47px}
  .final-cta h2{font-size:52px}
}


/* =========================================================
   V1.15 — BOLD / ARCHITECTURAL PREMIUM
   Stronger contrast, larger type, fewer visual fragments.
   ========================================================= */
:root{
  --dd-ink:#22251f;
  --dd-black:#171a16;
  --dd-paper:#ebe6dc;
  --dd-white:#f8f5ee;
  --dd-muted:#6c6e66;
  --dd-line:rgba(34,37,31,.18);
  --dd-accent:#aab59b;
  --dd-sand:#cdbca8;
  --dd-clay:#a67f68;
  --dd-heavy:#171a16;
  --dd-heavy-soft:#242921;
}
body{background:var(--dd-paper)}
.container{width:min(1440px,calc(100% - 72px))}
.site-header{
  height:88px;
  background:rgba(235,230,220,.94);
  border-bottom:2px solid rgba(34,37,31,.12);
}
.site-logo{font-weight:800;letter-spacing:-.075em}
.site-logo-mark{width:30px;height:30px}
.primary-menu{gap:30px}
.primary-menu a{font-size:9px!important;font-weight:700;letter-spacing:.16em}
.header-cta{background:var(--dd-black);color:var(--dd-white);padding-inline:24px;min-height:50px;font-weight:800}
.header-cta:hover{background:#343a31;color:#fff}

.hero{
  min-height:calc(100svh - 88px);
  padding-block:70px 85px;
}
.hero__title{
  font-size:clamp(64px,8.4vw,128px);
  line-height:.82;
  letter-spacing:-.075em;
  max-width:850px;
}
.hero__title em{font-weight:400}
.hero__copy{font-size:17px;line-height:1.65;max-width:560px}
.hero__eyebrow,.section-label,.section-kicker{font-size:9px;font-weight:800;letter-spacing:.2em}
.hero__actions a:first-child,.btn-primary,.dd-btn-primary{
  background:var(--dd-black);
  color:var(--dd-white);
  border:1px solid var(--dd-black);
  min-height:54px;
  padding-inline:25px;
}
.hero__actions a:nth-child(2){border:1px solid rgba(34,37,31,.28);min-height:54px;padding-inline:25px}

.hero-studio{
  min-height:555px;
  border-radius:0;
  background:#171a16;
  box-shadow:28px 34px 0 rgba(34,37,31,.08),0 35px 90px rgba(34,37,31,.2);
}
.hero-studio__top{height:58px;border-bottom:2px solid rgba(255,255,255,.12)}
.hero-studio__main{min-height:415px;padding:38px}
.hero-studio__bottom{min-height:82px;border-top:2px solid rgba(255,255,255,.12)}
.studio-core{background:#b7c1a9;width:122px;height:122px}
.studio-core span{font-size:38px}
.studio-ring--1{width:330px;height:330px;border-color:rgba(255,255,255,.22)}
.studio-ring--2{width:225px;height:225px;border-color:rgba(183,193,169,.5)}
.studio-dashboard{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.075)}
.dashboard-number{font-size:82px;font-weight:600}
.hero-float-card{border-radius:0!important;box-shadow:10px 14px 35px rgba(34,37,31,.13)!important}
.hero-float-card strong{font-size:14px!important;letter-spacing:-.02em}

.manifesto,.statement,.philosophy{
  background:var(--dd-black);
  color:var(--dd-white);
}
.manifesto__title,.statement__title{
  font-size:clamp(58px,7.2vw,110px);
  letter-spacing:-.07em;
  max-width:1180px;
}
.manifesto__title em,.statement__title em{color:#b7c1a9}
.manifesto p,.statement p{color:rgba(248,245,238,.62)}
.manifesto:before,.statement:before{background:rgba(255,255,255,.25)}

.services,.projects,.why-us,.expertise,.process{background:var(--dd-paper)}
.section-heading h2{
  font-size:clamp(52px,6.5vw,96px);
  letter-spacing:-.065em;
}
.section-heading p{font-size:15px}

.service-card{
  border-radius:0!important;
  border:0!important;
  border-top:2px solid var(--dd-ink)!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:30px 0!important;
}
.service-card:hover{transform:none!important;padding-left:16px!important;background:rgba(34,37,31,.035)!important}
.service-card h3{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.055em}
.service-card__number{font-size:10px;font-weight:800}

.editorial-case{
  border-radius:0!important;
  background:var(--dd-white);
  border:1px solid rgba(34,37,31,.12);
  box-shadow:18px 22px 0 rgba(34,37,31,.05);
}
.editorial-case:hover{transform:translateY(-8px);box-shadow:20px 30px 0 rgba(34,37,31,.07),0 25px 65px rgba(34,37,31,.09)}
.editorial-case__visual{border-radius:0!important;box-shadow:none!important}
.editorial-case__meta{letter-spacing:.14em;font-weight:800}

.why-card,.expertise-item{
  border-radius:0!important;
  border:1px solid rgba(34,37,31,.17)!important;
  background:transparent;
}
.why-card:hover,.expertise-item:hover{transform:translateY(-5px);box-shadow:12px 15px 0 rgba(34,37,31,.055)}

.process-step{padding-block:31px;border-top:2px solid rgba(34,37,31,.16)}
.process-step:last-child{border-bottom:2px solid rgba(34,37,31,.16)}
.process-step strong{font-size:clamp(25px,3vw,42px);letter-spacing:-.045em}

.local-section{background:#d8d1c5}
.local-section h2{font-size:clamp(56px,7vw,106px);letter-spacing:-.07em}

.final-cta{
  background:var(--dd-black);
  color:var(--dd-white);
  padding-block:clamp(120px,15vw,220px);
}
.final-cta h2{font-size:clamp(64px,8vw,125px);letter-spacing:-.075em}
.final-cta p{color:rgba(248,245,238,.62)}
.final-cta .btn,.final-cta a{background:var(--dd-accent);color:var(--dd-black);border:0;min-height:56px;padding-inline:28px}

.site-footer{
  background:var(--dd-black);
  color:var(--dd-white);
  border-top:1px solid rgba(255,255,255,.13);
}
.site-footer a{color:rgba(248,245,238,.68)}
.site-footer a:hover{color:#fff}
.footer-bottom{border-top-color:rgba(255,255,255,.12);color:rgba(248,245,238,.48)}

@media(max-width:900px){
 .container{width:min(1440px,calc(100% - 38px))}
 .site-header{height:76px}
 .hero{min-height:auto;padding-block:60px 75px}
 .hero__title{font-size:clamp(58px,11vw,88px)}
 .hero-studio{min-height:470px}
 .hero-studio__main{min-height:340px}
}
@media(max-width:560px){
 .container{width:calc(100% - 28px)}
 .site-header{height:70px}
 .hero{padding-block:48px 62px}
 .hero__title{font-size:54px;line-height:.86}
 .hero__copy{font-size:14px}
 .hero-studio{min-height:390px;box-shadow:14px 18px 0 rgba(34,37,31,.07),0 25px 60px rgba(34,37,31,.16)}
 .hero-studio__main{min-height:285px;padding:18px}
 .studio-ring--1{width:215px;height:215px}.studio-ring--2{width:150px;height:150px}.studio-core{width:84px;height:84px}.studio-core span{font-size:27px}
 .dashboard-number{font-size:56px}
 .section-heading h2{font-size:52px}
 .manifesto__title,.statement__title{font-size:51px}
 .final-cta h2{font-size:56px}
}


/* =========================================================
   V1.16 — Premium Typography
   DM Sans + Cormorant Garamond editorial pairing
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{
  --dd-font-sans:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --dd-font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
}

html,body,button,input,textarea,select{
  font-family:var(--dd-font-sans);
}

body{
  font-weight:400;
  letter-spacing:-.012em;
}

h1,h2,h3,h4,h5,h6,
.hero__title,
.manifesto__title,
.statement__title,
.final-cta h2,
.section-heading h2,
.local-section h2{
  font-family:var(--dd-font-display);
  font-weight:500;
  letter-spacing:-.045em;
  font-variation-settings:"opsz" 72;
}

.hero__title{
  font-size:clamp(68px,8.7vw,138px);
  line-height:.78;
  letter-spacing:-.065em;
}

.hero__title em{
  font-family:var(--dd-font-display);
  font-style:italic;
  font-weight:400;
}

.manifesto__title,
.statement__title{
  font-size:clamp(62px,7.4vw,116px);
  line-height:.82;
  letter-spacing:-.055em;
}

.section-heading h2{
  font-size:clamp(58px,6.7vw,102px);
  line-height:.83;
  letter-spacing:-.055em;
}

.service-card h3,
.editorial-case h3{
  font-family:var(--dd-font-sans);
  font-weight:600;
  letter-spacing:-.055em;
}

.final-cta h2{
  font-size:clamp(68px,8.3vw,132px);
  line-height:.78;
  letter-spacing:-.06em;
}

.local-section h2{
  font-size:clamp(62px,7.5vw,116px);
  line-height:.82;
}

.site-logo,
.primary-menu,
.header-cta,
.hero__eyebrow,
.section-label,
.section-kicker,
.btn,
.button,
.dd-btn,
.service-card__number,
.case-number,
.project-number,
.hero-studio,
.site-footer,
.footer-bottom{
  font-family:var(--dd-font-sans);
}

.site-logo{
  font-weight:700;
  letter-spacing:-.07em;
}

.primary-menu a{
  letter-spacing:.13em;
  font-weight:600;
}

.hero__copy,
.section-heading p,
.final-cta p{
  font-family:var(--dd-font-sans);
  font-size:15px;
  line-height:1.72;
}

.manifesto p,.statement p{
  max-width:590px;
  font-family:var(--dd-font-sans);
}

.mobile-menu a{
  font-family:var(--dd-font-display);
  font-weight:500;
  letter-spacing:-.045em;
}

@media(max-width:900px){
 .hero__title{font-size:clamp(60px,11vw,94px)}
 .manifesto__title,.statement__title{font-size:clamp(54px,9vw,82px)}
}
@media(max-width:560px){
 .hero__title{font-size:59px;line-height:.82}
 .manifesto__title,.statement__title{font-size:52px}
 .section-heading h2{font-size:53px}
 .final-cta h2{font-size:59px}
 .local-section h2{font-size:55px}
}


/* =========================================================
   V1.17 — Rich Editorial Homepage / Contrast & Rhythm
   ========================================================= */
:root{
  --dd-section-heavy:clamp(118px,13vw,190px);
  --dd-section-tight:clamp(76px,9vw,125px);
  --dd-dark:#171a16;
  --dd-dark-2:#242921;
  --dd-light:#ebe6dc;
  --dd-light-2:#f7f3ea;
  --dd-border:rgba(34,37,31,.16);
}
.hero{padding-block:clamp(78px,8vw,120px) clamp(95px,11vw,155px)}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,37,31,.22),transparent)}
.manifesto{padding-block:var(--dd-section-heavy)!important}
.services{padding-block:var(--dd-section-tight)!important}
.projects{padding-block:var(--dd-section-heavy)!important}
.process,.why-us,.expertise{padding-block:var(--dd-section-tight)!important}
.final-cta{padding-block:var(--dd-section-heavy)!important}

/* Proof strip */
.dd-proof-strip{
  background:var(--dd-light-2);
  border-block:1px solid var(--dd-border);
  padding:34px 0 38px;
}
.dd-proof-strip .container{display:grid;grid-template-columns:.9fr 1.7fr;gap:60px;align-items:center}
.dd-proof-intro span,.dd-method-head>span,.dd-faq-intro>span{
  display:block;font:700 9px var(--dd-font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--dd-muted);margin-bottom:14px
}
.dd-proof-intro strong{font:500 clamp(22px,2.4vw,34px)/.95 var(--dd-font-display);letter-spacing:-.035em}
.dd-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.dd-proof-grid div{padding:8px 22px;border-left:1px solid var(--dd-border)}
.dd-proof-grid b{display:block;font:600 clamp(30px,3vw,47px)/.9 var(--dd-font-display);letter-spacing:-.05em}
.dd-proof-grid small{display:block;margin-top:10px;font:600 8px var(--dd-font-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--dd-muted)}

/* Rich section separators */
.services:before,.projects:before,.process:before,.why-us:before,.expertise:before{
  content:"";position:absolute;top:0;left:50%;width:min(1440px,calc(100% - 72px));height:1px;background:var(--dd-border);transform:translateX(-50%)
}

/* Method band */
.dd-method-band{background:var(--dd-dark);color:var(--dd-white);padding-block:var(--dd-section-heavy);position:relative;overflow:hidden}
.dd-method-band:before{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-220px;top:-300px}
.dd-method-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:70px}
.dd-method-head>span{grid-column:1/-1;color:#aeb9a1;margin:0}
.dd-method-head h2{font:500 clamp(58px,6.6vw,100px)/.8 var(--dd-font-display);letter-spacing:-.06em;margin:0}
.dd-method-head h2 em{font-style:italic;color:#b9c3ad}
.dd-method-head p{font:400 15px/1.75 var(--dd-font-sans);color:rgba(247,243,234,.62);max-width:520px;margin:0}
.dd-method-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.16)}
.dd-method-grid article{padding:26px 24px 10px 0;border-right:1px solid rgba(255,255,255,.13);margin-right:24px}
.dd-method-grid article:last-child{border-right:0;margin-right:0}
.dd-method-grid i{font:600 9px var(--dd-font-sans);color:#aab59b;font-style:normal;letter-spacing:.14em}
.dd-method-grid h3{font:500 38px/1 var(--dd-font-display);margin:20px 0 12px;letter-spacing:-.04em}
.dd-method-grid p{font:13px/1.65 var(--dd-font-sans);color:rgba(247,243,234,.55);max-width:240px}

/* FAQ */
.dd-home-faq{background:#d8d1c5;padding-block:var(--dd-section-heavy)}
.dd-home-faq .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.dd-faq-intro h2{font:500 clamp(52px,5.8vw,88px)/.84 var(--dd-font-display);letter-spacing:-.055em;margin:0}
.dd-faq-intro h2 em{font-style:italic}
.dd-faq-list{border-top:1px solid rgba(34,37,31,.22)}
.dd-faq-list details{border-bottom:1px solid rgba(34,37,31,.22);padding:0}
.dd-faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;font:600 15px/1.35 var(--dd-font-sans)}
.dd-faq-list summary::-webkit-details-marker{display:none}
.dd-faq-list summary b{font:400 24px/1 var(--dd-font-sans);transition:transform .25s}
.dd-faq-list details[open] summary b{transform:rotate(45deg)}
.dd-faq-list details p{max-width:650px;margin:0 0 25px;color:#65675f;font:14px/1.7 var(--dd-font-sans)}

/* More contrast in existing dark sections */
.manifesto .container,.statement .container,.philosophy .container{position:relative;z-index:2}
.dark-section,.philosophy{background:var(--dd-dark)}
.manifesto .eyebrow,.statement .eyebrow{color:#b6c0aa}

/* denser project metadata */
.editorial-case__content{padding:clamp(24px,3vw,40px)!important}
.editorial-case__content:before{content:"SELECTED WORK";display:block;font:700 8px var(--dd-font-sans);letter-spacing:.2em;color:var(--dd-muted);margin-bottom:14px}

/* Mobile */
@media(max-width:900px){
 .dd-proof-strip .container{grid-template-columns:1fr;gap:30px}
 .dd-method-head{grid-template-columns:1fr;gap:28px}
 .dd-method-head>span{grid-column:auto}
 .dd-method-grid{grid-template-columns:1fr 1fr}
 .dd-method-grid article:nth-child(2){border-right:0}
 .dd-home-faq .container{grid-template-columns:1fr;gap:55px}
}
@media(max-width:560px){
 .hero{padding-block:60px 90px}
 .dd-proof-strip{padding-block:30px}
 .dd-proof-grid{grid-template-columns:1fr 1fr;gap:18px 0}
 .dd-proof-grid div{padding:8px 14px}
 .dd-proof-grid div:nth-child(3){border-left:0}
 .dd-method-band,.dd-home-faq{padding-block:90px}
 .dd-method-head h2{font-size:55px}
 .dd-method-grid{grid-template-columns:1fr}
 .dd-method-grid article,.dd-method-grid article:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.13);margin-right:0;padding:22px 0}
 .dd-home-faq .container{gap:45px}
 .dd-faq-intro h2{font-size:53px}
 .services:before,.projects:before,.process:before,.why-us:before,.expertise:before{width:calc(100% - 28px)}
}


/* V1.18 — Tight / Dense Homepage Correction */
:root{
  --dd-section-heavy:clamp(72px,7vw,104px);
  --dd-section-tight:clamp(58px,6vw,88px);
}

/* HERO: compact, confident typography — never airy */
.hero{
  padding-block:58px 72px !important;
}
.hero__title{
  font-family:var(--dd-font-sans) !important;
  font-size:clamp(58px,7vw,104px) !important;
  line-height:.88 !important;
  letter-spacing:-.075em !important;
  word-spacing:-.06em !important;
  max-width:780px !important;
  margin:0 !important;
}
.hero__title em{
  font-family:var(--dd-font-display) !important;
  font-style:italic;
  letter-spacing:-.055em !important;
  word-spacing:-.08em !important;
}
.hero__copy{
  margin-top:22px !important;
  font-size:15px !important;
  line-height:1.55 !important;
  max-width:510px !important;
}
.hero__actions{margin-top:25px !important}

/* Eliminate oversized gaps between homepage sections */
.manifesto,
.services,
.projects,
.process,
.why-us,
.expertise,
.local-section,
.final-cta,
.dd-method-band,
.dd-home-faq{
  padding-block:var(--dd-section-tight) !important;
}

/* Hero-to-manifesto transition stays close and intentional */
.hero + .manifesto,
.hero + .dd-proof-strip{
  margin-top:0 !important;
}

/* Make headings compact rather than vertically loose */
.section-heading{margin-bottom:38px !important}
.section-heading h2{
  line-height:.88 !important;
  margin-bottom:16px !important;
}
.manifesto__title,
.statement__title{
  font-size:clamp(52px,6vw,88px) !important;
  line-height:.84 !important;
  letter-spacing:-.065em !important;
  margin:0 !important;
}
.dd-method-head{margin-bottom:46px !important}
.dd-method-head h2{
  font-size:clamp(52px,6vw,88px) !important;
  line-height:.84 !important;
}
.dd-faq-intro h2{
  font-size:clamp(48px,5.5vw,78px) !important;
  line-height:.84 !important;
}

/* Dense service rows */
.service-card{padding:22px 0 !important}
.service-card h3{line-height:.92 !important}
.process-step{padding-block:22px !important}

/* Compact proof band */
.dd-proof-strip{padding-block:26px 30px !important}

/* Compact case studies */
.editorial-case__content{padding:24px !important}

/* Final CTA still substantial, but no giant empty canvas */
.final-cta{
  padding-block:88px !important;
}
.final-cta h2{
  font-size:clamp(56px,7vw,100px) !important;
  line-height:.84 !important;
}

/* Hero visual remains substantial but not vertically isolated */
.hero__visual{min-height:540px !important}
.hero-studio{min-height:500px !important}

/* Stronger content density on desktop */
@media(min-width:901px){
  .hero .container{align-items:center}
  .hero__content{padding-right:25px}
  .dd-method-grid article{padding-top:20px}
}

/* Mobile: tight and full */
@media(max-width:560px){
  .hero{
    padding-block:42px 58px !important;
  }
  .hero__title{
    font-size:52px !important;
    line-height:.86 !important;
    letter-spacing:-.07em !important;
  }
  .hero__copy{margin-top:18px !important}
  .hero__visual{
    min-height:390px !important;
    margin-top:34px !important;
  }
  .hero-studio{min-height:370px !important}
  .manifesto,
  .services,
  .projects,
  .process,
  .why-us,
  .expertise,
  .local-section,
  .final-cta,
  .dd-method-band,
  .dd-home-faq{
    padding-block:58px !important;
  }
  .section-heading{margin-bottom:30px !important}
  .manifesto__title,.statement__title{
    font-size:48px !important;
  }
}


/* =========================================================
   V1.19 — Dense Layout + Contrast Correction
   ========================================================= */

/* 1. The real source of the empty bands: the generic .section padding. */
.section{
  padding:76px 0 !important;
}
.section-head{
  margin-bottom:34px !important;
}
.projects-section{
  padding-top:82px !important;
  padding-bottom:82px !important;
}
.soft-panel{
  padding:30px !important;
}
.section--dark{
  padding-top:78px !important;
  padding-bottom:78px !important;
}

/* 2. Hero: remove the artificial full-screen minimum and tighten the composition. */
.hero--premium{
  min-height:0 !important;
  padding:46px 0 58px !important;
  align-items:center;
}
.hero--premium h1{
  font-family:var(--dd-font-sans) !important;
  font-size:clamp(58px,6.9vw,100px) !important;
  line-height:.84 !important;
  letter-spacing:-.085em !important;
  word-spacing:-.075em !important;
  margin:0 0 22px !important;
}
.hero--premium h1 em{
  font-family:var(--dd-font-display) !important;
  font-style:italic !important;
  letter-spacing:-.055em !important;
}
.hero-copy-block{padding:0 !important}
.hero-topline{margin-bottom:20px !important}
.hero--premium .hero-copy{
  font-size:15px !important;
  line-height:1.55 !important;
}
.hero--premium .hero-actions{margin-top:22px !important}
.hero-proof{margin-top:28px !important}
.hero-visual--premium{
  min-height:510px !important;
}

/* 3. Ticker should act as a compact bridge, not another large blank section. */
.ticker{
  height:52px !important;
  min-height:52px !important;
}

/* 4. Manifesto: large typography, but compact vertical frame. */
.manifesto{
  padding-top:76px !important;
  padding-bottom:78px !important;
}
.manifesto-main{margin-block:36px !important}
.manifesto-bottom{margin-top:32px !important}

/* 5. Services: content should occupy the section, not sit inside huge air. */
.section .services{margin-top:0 !important}
.service{
  padding:25px 0 !important;
}
.service--featured{
  padding-top:29px !important;
  padding-bottom:29px !important;
}

/* 6. Studio statement: eliminate oversized internal height. */
.soft-panel .section-head{
  margin-bottom:0 !important;
}
.soft-panel .section-title{
  margin-bottom:12px !important;
}

/* 7. Dark philosophy / stats. */
.section--dark .section-head{
  margin-bottom:34px !important;
}
.stat{padding:26px !important}

/* 8. Case studies: reduce the huge 650px project rows. */
.editorial-case{
  min-height:0 !important;
}
.editorial-case__visual{
  min-height:500px !important;
}
.editorial-cases{gap:36px !important}

/* 9. Local Düzce section — FIX CONTRAST. */
.section--dark .local-section{
  background:transparent !important;
  color:#fffdf8 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.section--dark .local-section .section-title{
  color:#fffdf8 !important;
}
.section--dark .local-section .section-kicker{
  color:#aab59b !important;
}
.section--dark .local-section .section-intro{
  color:rgba(255,253,248,.68) !important;
}
.section--dark .local-links a{
  color:#fffdf8 !important;
  border-color:rgba(255,255,255,.18) !important;
}
.section--dark .local-links a:hover{
  color:#aab59b !important;
}

/* 10. Final CTA compact but still visually substantial. */
.cta{
  padding:86px 0 !important;
}
.cta h2{
  line-height:.86 !important;
}

/* 11. Never let the desktop hero create horizontal clipping. */
.hero--premium,
.hero--premium .hero-copy-block,
.hero--premium .hero-visual--premium{
  min-width:0 !important;
}
.hero--premium h1{
  overflow-wrap:normal;
  hyphens:none;
}

/* 12. Responsive density. */
@media(max-width:900px){
  .section{padding:64px 0 !important}
  .hero--premium{padding:40px 0 54px !important}
  .hero-visual--premium{min-height:450px !important}
  .editorial-case__visual{min-height:420px !important}
}
@media(max-width:560px){
  .section{padding:54px 0 !important}
  .hero--premium{padding:34px 0 46px !important}
  .hero--premium h1{
    font-size:50px !important;
    line-height:.86 !important;
    letter-spacing:-.078em !important;
  }
  .hero-visual--premium{min-height:390px !important;margin-top:26px !important}
  .manifesto{padding:58px 0 !important}
  .manifesto-main{margin-block:28px !important}
  .service{padding:21px 0 !important}
  .editorial-case__visual{min-height:300px !important}
  .cta{padding:64px 0 !important}
}


/* =========================================================
   V1.20 — HERO TITLE DEFINITIVE FIX
   ========================================================= */
.hero--premium{
  overflow:visible !important;
}
.hero--premium .container{
  overflow:visible !important;
}
.hero--premium .hero-copy-block{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  overflow:visible !important;
}
.hero--premium h1{
  display:block !important;
  width:100% !important;
  max-width:820px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;

  /* deliberately reduced from the oversized V1.19 scale */
  font-family:var(--dd-font-sans) !important;
  font-size:clamp(50px,5.7vw,88px) !important;
  line-height:.84 !important;
  letter-spacing:-.075em !important;
  word-spacing:-.045em !important;
}
.hero--premium h1 br{
  display:block !important;
  content:"" !important;
}
.hero--premium h1 em{
  font-family:var(--dd-font-display) !important;
  font-style:italic !important;
  font-weight:400 !important;
  letter-spacing:-.055em !important;
  white-space:nowrap !important;
}

/* The two-column hero gets a stable left measure so the title
   cannot be clipped by the visual column. */
@media(min-width:901px){
  .hero--premium.container{
    grid-template-columns:minmax(0,1fr) minmax(430px,.82fr) !important;
    column-gap:52px !important;
  }
  .hero--premium .hero-copy-block{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}
@media(min-width:901px) and (max-width:1450px){
  .hero--premium h1{
    font-size:clamp(48px,5.25vw,78px) !important;
  }
}

/* Tablet */
@media(max-width:900px){
  .hero--premium h1{
    max-width:760px !important;
    font-size:clamp(48px,8.8vw,74px) !important;
  }
}

/* Mobile */
@media(max-width:560px){
  .hero--premium h1{
    width:100% !important;
    max-width:100% !important;
    font-size:52px !important;
    line-height:.86 !important;
    letter-spacing:-.072em !important;
  }
}

/* =========================================================
   V1.21 — Process Section Only
   ========================================================= */
.dd-process-revamp{
  background:var(--dd-paper) !important;
  color:var(--dd-ink) !important;
  padding:82px 0 92px !important;
  overflow:hidden;
}
.dd-process-revamp:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:rgba(34,37,31,.18);
}
.dd-process-top{
  display:grid;
  grid-template-columns:110px 1.05fr .72fr;
  gap:46px;
  align-items:end;
  padding-bottom:52px;
  border-bottom:1px solid rgba(34,37,31,.17);
}
.dd-process-index{
  align-self:start;
  padding-top:8px;
  font:700 9px/1 var(--dd-font-sans);
  letter-spacing:.17em;
  color:var(--dd-muted);
}
.dd-process-lead>span{
  display:block;
  margin-bottom:14px;
  font:700 9px/1 var(--dd-font-sans);
  letter-spacing:.2em;
  color:#8c9780;
}
.dd-process-lead h2{
  margin:0;
  font:500 clamp(56px,6vw,88px)/.84 var(--dd-font-display);
  letter-spacing:-.06em;
}
.dd-process-intro{
  padding-bottom:4px;
}
.dd-process-intro p{
  margin:0;
  max-width:420px;
  font:400 14px/1.7 var(--dd-font-sans);
  color:#666961;
}
.dd-process-steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.dd-process-step{
  position:relative;
  min-height:250px;
  padding:28px 30px 30px 0;
  margin-right:28px;
  border-right:1px solid rgba(34,37,31,.15);
  display:flex;
  flex-direction:column;
  transition:background .3s ease,transform .35s ease,padding .35s ease;
}
.dd-process-step:last-child{
  margin-right:0;
  border-right:0;
}
.dd-process-step:hover{
  transform:translateY(-4px);
}
.dd-process-step__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:auto;
}
.dd-process-step__top span{
  width:38px;
  height:38px;
  border:1px solid rgba(34,37,31,.2);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font:600 10px var(--dd-font-sans);
  color:#687063;
}
.dd-process-step__top i{
  font:700 7px var(--dd-font-sans);
  letter-spacing:.17em;
  color:#8b9187;
  font-style:normal;
}
.dd-process-step h3{
  margin:42px 0 10px;
  font:500 40px/.9 var(--dd-font-display);
  letter-spacing:-.045em;
}
.dd-process-step p{
  max-width:250px;
  margin:0;
  font:400 13px/1.65 var(--dd-font-sans);
  color:#686b63;
}
.dd-process-step>b{
  position:absolute;
  right:26px;
  bottom:28px;
  font:400 18px/1 var(--dd-font-sans);
  opacity:.35;
  transition:opacity .25s,transform .25s;
}
.dd-process-step:hover>b{
  opacity:1;
  transform:translate(3px,-3px);
}
.dd-process-step--active{
  background:#d9d2c5;
  padding-left:22px;
  margin-top:0;
  margin-bottom:0;
}
.dd-process-step--active .dd-process-step__top span{
  background:var(--dd-ink);
  color:var(--dd-paper);
  border-color:var(--dd-ink);
}
.dd-process-step--active .dd-process-step__top i{
  color:#5e6659;
}
@media(max-width:900px){
  .dd-process-top{
    grid-template-columns:80px 1fr;
    gap:28px;
  }
  .dd-process-intro{
    grid-column:2;
    padding-top:0;
  }
  .dd-process-steps{
    grid-template-columns:1fr 1fr;
  }
  .dd-process-step:nth-child(2){
    border-right:0;
    margin-right:0;
  }
  .dd-process-step:nth-child(3),
  .dd-process-step:nth-child(4){
    border-top:1px solid rgba(34,37,31,.15);
  }
}
@media(max-width:560px){
  .dd-process-revamp{
    padding:58px 0 62px !important;
  }
  .dd-process-top{
    grid-template-columns:1fr;
    gap:22px;
    padding-bottom:34px;
  }
  .dd-process-index{padding-top:0}
  .dd-process-lead h2{
    font-size:52px;
  }
  .dd-process-intro{
    grid-column:auto;
  }
  .dd-process-steps{
    grid-template-columns:1fr;
  }
  .dd-process-step,
  .dd-process-step:nth-child(2),
  .dd-process-step:nth-child(3),
  .dd-process-step:nth-child(4){
    min-height:205px;
    margin:0;
    padding:22px 0;
    border-right:0;
    border-bottom:1px solid rgba(34,37,31,.15);
  }
  .dd-process-step:last-child{border-bottom:0}
  .dd-process-step--active{padding-left:16px;padding-right:16px}
  .dd-process-step h3{margin-top:30px;font-size:37px}
}


/* =========================================================
   V1.22 — Page Process / Timeline Redesign
   ========================================================= */

/* Existing process containers become a premium dark editorial panel. */
.process,
.process-section,
.dd-process,
.process-wrap{
  position:relative;
}

/* Homepage's custom process remains separately styled by .dd-process-revamp.
   This layer targets standard process components used across inner pages. */
.process:not(.dd-process-revamp),
.process-section:not(.dd-process-revamp),
.process-wrap{
  background:#1b1e1a !important;
  color:#f7f3ea !important;
  padding:78px 0 84px !important;
  border-radius:0 !important;
  overflow:hidden;
}

.process:not(.dd-process-revamp):before,
.process-section:not(.dd-process-revamp):before,
.process-wrap:before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%;
  right:-250px;
  top:-300px;
  pointer-events:none;
}

.process:not(.dd-process-revamp) .section-head,
.process-section:not(.dd-process-revamp) .section-head,
.process-wrap .section-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:90px 1fr .65fr;
  gap:38px;
  align-items:end;
  margin-bottom:54px !important;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,.15);
}

.process:not(.dd-process-revamp) .section-label,
.process-section:not(.dd-process-revamp) .section-label,
.process-wrap .section-label{
  color:#aab59b !important;
}

.process:not(.dd-process-revamp) .section-head h2,
.process-section:not(.dd-process-revamp) .section-head h2,
.process-wrap .section-head h2{
  color:#f7f3ea !important;
  margin:0 !important;
  font-family:var(--dd-font-display) !important;
  font-size:clamp(52px,6vw,88px) !important;
  line-height:.84 !important;
  letter-spacing:-.06em !important;
}

.process:not(.dd-process-revamp) .section-head p,
.process-section:not(.dd-process-revamp) .section-head p,
.process-wrap .section-head p{
  color:rgba(247,243,234,.58) !important;
  margin:0 !important;
}

/* Four steps become one connected horizontal timeline. */
.process:not(.dd-process-revamp) .process-grid,
.process-section:not(.dd-process-revamp) .process-grid,
.process-wrap .process-grid,
.process:not(.dd-process-revamp) .process-steps,
.process-section:not(.dd-process-revamp) .process-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid rgba(255,255,255,.15);
  z-index:1;
}

.process:not(.dd-process-revamp) .process-grid:before,
.process-section:not(.dd-process-revamp) .process-grid:before,
.process-wrap .process-grid:before,
.process:not(.dd-process-revamp) .process-steps:before,
.process-section:not(.dd-process-revamp) .process-steps:before{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  top:62px;
  height:1px;
  background:rgba(170,181,155,.45);
}

.process:not(.dd-process-revamp) .process-step,
.process-section:not(.dd-process-revamp) .process-step,
.process-wrap .process-step{
  position:relative;
  min-height:270px;
  padding:30px 28px 25px 0 !important;
  margin:0 26px 0 0 !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.12) !important;
  background:transparent !important;
  color:#f7f3ea !important;
  transform:none !important;
}

.process:not(.dd-process-revamp) .process-step:last-child,
.process-section:not(.dd-process-revamp) .process-step:last-child,
.process-wrap .process-step:last-child{
  margin-right:0 !important;
  border-right:0 !important;
}

.process:not(.dd-process-revamp) .process-step:before,
.process-section:not(.dd-process-revamp) .process-step:before,
.process-wrap .process-step:before{
  content:"";
  position:absolute;
  top:51px;
  left:0;
  width:23px;
  height:23px;
  border-radius:50%;
  background:#1b1e1a;
  border:1px solid #aab59b;
  box-shadow:0 0 0 6px rgba(170,181,155,.07);
  z-index:2;
}

.process:not(.dd-process-revamp) .process-step__number,
.process-section:not(.dd-process-revamp) .process-step__number,
.process-wrap .process-step__number{
  display:block;
  color:#aab59b !important;
  font:700 9px/1 var(--dd-font-sans);
  letter-spacing:.16em;
  margin-bottom:65px;
}

.process:not(.dd-process-revamp) .process-step h3,
.process-section:not(.dd-process-revamp) .process-step h3,
.process-wrap .process-step h3{
  color:#f7f3ea !important;
  font-family:var(--dd-font-display) !important;
  font-size:clamp(34px,3.1vw,48px) !important;
  line-height:.9 !important;
  margin:0 0 13px !important;
  letter-spacing:-.045em !important;
}

.process:not(.dd-process-revamp) .process-step p,
.process-section:not(.dd-process-revamp) .process-step p,
.process-wrap .process-step p{
  color:rgba(247,243,234,.55) !important;
  max-width:250px;
  margin:0 !important;
  font:400 13px/1.65 var(--dd-font-sans) !important;
}

/* Active / hover state */
.process:not(.dd-process-revamp) .process-step:hover,
.process-section:not(.dd-process-revamp) .process-step:hover,
.process-wrap .process-step:hover{
  background:rgba(255,255,255,.035) !important;
  padding-left:16px !important;
}

.process:not(.dd-process-revamp) .process-step:hover:before,
.process-section:not(.dd-process-revamp) .process-step:hover:before,
.process-wrap .process-step:hover:before{
  background:#aab59b;
  box-shadow:0 0 0 8px rgba(170,181,155,.1);
}

/* Service landing pages often use the process section without a standard grid. */
.service-process,
.service-landing-process{
  background:#1b1e1a !important;
  color:#f7f3ea !important;
  padding:78px 0 84px !important;
}
.service-process .process-step,
.service-landing-process .process-step{
  border-color:rgba(255,255,255,.13) !important;
}

/* Inner page process title treatment */
.single .process h2,
.page .process h2,
.single .process-section h2,
.page .process-section h2{
  color:#f7f3ea !important;
}

/* Responsive */
@media(max-width:900px){
  .process:not(.dd-process-revamp) .section-head,
  .process-section:not(.dd-process-revamp) .section-head,
  .process-wrap .section-head{
    grid-template-columns:70px 1fr;
  }
  .process:not(.dd-process-revamp) .section-head p,
  .process-section:not(.dd-process-revamp) .section-head p,
  .process-wrap .section-head p{
    grid-column:2;
  }
  .process:not(.dd-process-revamp) .process-grid,
  .process-section:not(.dd-process-revamp) .process-grid,
  .process-wrap .process-grid,
  .process:not(.dd-process-revamp) .process-steps,
  .process-section:not(.dd-process-revamp) .process-steps{
    grid-template-columns:1fr 1fr;
  }
  .process:not(.dd-process-revamp) .process-step:nth-child(2),
  .process-section:not(.dd-process-revamp) .process-step:nth-child(2){
    border-right:0 !important;
  }
  .process:not(.dd-process-revamp) .process-step:nth-child(3),
  .process-section:not(.dd-process-revamp) .process-step:nth-child(4){
    border-top:1px solid rgba(255,255,255,.12) !important;
  }
}
@media(max-width:560px){
  .process:not(.dd-process-revamp),
  .process-section:not(.dd-process-revamp),
  .process-wrap,
  .service-process,
  .service-landing-process{
    padding:58px 0 62px !important;
  }
  .process:not(.dd-process-revamp) .section-head,
  .process-section:not(.dd-process-revamp) .section-head,
  .process-wrap .section-head{
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:36px !important;
  }
  .process:not(.dd-process-revamp) .section-head p,
  .process-section:not(.dd-process-revamp) .section-head p,
  .process-wrap .section-head p{
    grid-column:auto;
  }
  .process:not(.dd-process-revamp) .process-grid,
  .process-section:not(.dd-process-revamp) .process-grid,
  .process-wrap .process-grid,
  .process:not(.dd-process-revamp) .process-steps,
  .process-section:not(.dd-process-revamp) .process-steps{
    grid-template-columns:1fr;
  }
  .process:not(.dd-process-revamp) .process-grid:before,
  .process-section:not(.dd-process-revamp) .process-grid:before,
  .process-wrap .process-grid:before,
  .process:not(.dd-process-revamp) .process-steps:before,
  .process-section:not(.dd-process-revamp) .process-steps:before{
    left:11px;
    right:auto;
    top:20px;
    bottom:20px;
    width:1px;
    height:auto;
  }
  .process:not(.dd-process-revamp) .process-step,
  .process-section:not(.dd-process-revamp) .process-step,
  .process-wrap .process-step{
    min-height:0;
    margin:0 !important;
    padding:25px 0 30px 48px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }
  .process:not(.dd-process-revamp) .process-step:last-child,
  .process-section:not(.dd-process-revamp) .process-step:last-child,
  .process-wrap .process-step:last-child{
    border-bottom:0 !important;
  }
  .process:not(.dd-process-revamp) .process-step:before,
  .process-section:not(.dd-process-revamp) .process-step:before,
  .process-wrap .process-step:before{
    top:29px;
  }
  .process:not(.dd-process-revamp) .process-step__number,
  .process-section:not(.dd-process-revamp) .process-step__number,
  .process-wrap .process-step__number{
    margin-bottom:28px;
  }
}


/* =========================================================
   V1.23 — Turkish Display Heading / Natural Line Break Fix
   ========================================================= */

/*
 * Desktop rule:
 * A Turkish display heading that naturally fits the available
 * content width must remain on one line. Previous max-width/
 * wrapping rules were forcing artificial line breaks.
 */
@media(min-width:901px){
  .section-title,
  .section-heading h2,
  .manifesto__title,
  .statement__title,
  .final-cta h2,
  .local-section h2,
  .dd-method-head h2,
  .dd-faq-intro h2,
  .service-hero h1,
  .service-hero__title,
  .project-hero h1,
  .page-hero h1,
  .archive-hero h1,
  .editorial-hero h1{
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
    overflow:visible !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }

  /* Centered editorial headers stay visually centered. */
  .section-heading,
  .manifesto .container,
  .statement .container,
  .final-cta .container,
  .dd-process-top,
  .dd-method-head{
    overflow:visible !important;
  }

  .section-heading h2,
  .manifesto__title,
  .statement__title,
  .final-cta h2,
  .local-section h2{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* The featured work intro in the screenshot. */
  .projects .section-heading h2,
  .projects-section .section-heading h2{
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
  }

  /* Keep supporting copy readable without forcing the headline to shrink. */
  .section-heading p{
    max-width:700px !important;
  }
}

/* Tablet: allow a natural wrap only when the viewport genuinely needs it. */
@media(min-width:561px) and (max-width:900px){
  .section-title,
  .section-heading h2,
  .manifesto__title,
  .statement__title,
  .final-cta h2,
  .local-section h2,
  .dd-method-head h2,
  .dd-faq-intro h2,
  .service-hero h1,
  .service-hero__title,
  .project-hero h1,
  .page-hero h1,
  .archive-hero h1,
  .editorial-hero h1{
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
}

/* Mobile: no forced word-breaking; browser may wrap between words. */
@media(max-width:560px){
  .section-title,
  .section-heading h2,
  .manifesto__title,
  .statement__title,
  .final-cta h2,
  .local-section h2,
  .dd-method-head h2,
  .dd-faq-intro h2,
  .service-hero h1,
  .service-hero__title,
  .project-hero h1,
  .page-hero h1,
  .archive-hero h1,
  .editorial-hero h1{
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    hyphens:none !important;
  }
}

/* Prevent the desktop headline itself from being clipped by a narrow
   parent while preserving the existing design. */
.projects .section-heading,
.projects-section .section-heading,
.services .section-heading,
.expertise .section-heading,
.why-us .section-heading{
  overflow:visible !important;
}

/* Never split Turkish words character-by-character. */
h1,h2,h3,h4,h5,h6{
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}

/* V1.24 — Actual featured-work heading fix */
.projects-heading .section-title{
  width:100% !important;
  max-width:none !important;
  white-space:normal !important;
  overflow:visible !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  hyphens:none !important;
}
.projects-heading .section-title em{
  display:inline !important;
  white-space:nowrap !important;
}
@media(min-width:901px){
  .projects-heading .section-title{
    font-size:clamp(42px,5.2vw,76px) !important;
    line-height:.9 !important;
    letter-spacing:-.065em !important;
  }
}


/* =========================================================
   DÜZCEDİJİTAL V1.25 — TIGHT PREMIUM TYPOGRAPHY
   Natural Turkish wrapping; no forced heading line breaks.
   ========================================================= */
.hero{padding:62px 0 78px;gap:48px}
.hero h1{max-width:980px;margin-bottom:28px}
.section{padding:88px 0}
.section-head{gap:40px;margin-bottom:44px}
.section-title{max-width:1100px}
.projects-showcase{gap:48px}
.cta{padding:86px 0}
.local-section{gap:52px}

/* Headings decide their own line breaks based on available width. */
.hero h1,.section-title,.manifesto h2,.cta h2,.page-hero h1,.service-hero h1{overflow-wrap:normal;word-break:normal;hyphens:none}
.hero h1 br,.section-title br,.manifesto h2 br,.page-hero h1 br,.service-hero h1 br{display:none}

/* Keep editorial headings substantial without creating artificial vertical gaps. */
.section-title em,.hero h1 em{font-style:italic}

@media (max-width:980px){
  .hero{padding:54px 0 66px;gap:34px}
  .section{padding:72px 0}
  .section-head{margin-bottom:34px}
  .projects-showcase{gap:38px}
  .cta{padding:70px 0}
}
@media (max-width:640px){
  .hero{padding:44px 0 56px}
  .hero h1{font-size:clamp(48px,14vw,74px);line-height:.92}
  .section{padding:58px 0}
  .section-head{gap:14px;margin-bottom:28px}
  .section-title{font-size:clamp(38px,11vw,58px);line-height:.96}
  .cta{padding:58px 0}
}

/* V1.26 — Hero sentence stays together; no artificial line break */
@media(min-width:901px){
  .hero--premium h1{
    white-space:nowrap !important;
    max-width:none !important;
    width:max-content !important;
    letter-spacing:-.075em !important;
    word-spacing:-.045em !important;
  }
  .hero--premium h1 em{
    display:inline !important;
    white-space:nowrap !important;
    margin:0 !important;
  }
}
@media(max-width:900px){
  .hero--premium h1{white-space:normal !important;}
  .hero--premium h1 em{display:inline !important;}
}