
/* Bekas V7 — architectural editorial layer */
.v7-design{--v7-ink:#0a2442;--v7-red:#e30613}
.v7-design .hero{position:relative}
.v7-design .hero:after{content:"";position:absolute;bottom:0;left:3%;width:28%;height:1px;background:linear-gradient(90deg,var(--v7-red),transparent);pointer-events:none}
.v7-design .hero-copy h1{letter-spacing:-.052em;line-height:1.08}
.v7-design .section-heading h2{letter-spacing:-.035em}
.v7-project-story{padding:clamp(80px,11vw,170px) 0;background:#091e36;color:white;position:relative;overflow:hidden}
.v7-project-story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,#000,transparent 75%);pointer-events:none}
.v7-project-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(35px,7vw,125px);align-items:center;position:relative}
.v7-project-visual{position:relative;aspect-ratio:1.1;overflow:hidden}
.v7-project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.v7-project-visual:hover img{transform:scale(1.035)}
.v7-corner{position:absolute;width:50px;height:50px;border-color:#f0454c;pointer-events:none}
.v7-corner-tl{top:14px;left:14px;border-top:2px solid;border-left:2px solid}
.v7-corner-br{bottom:14px;right:14px;border-bottom:2px solid;border-right:2px solid}
.v7-project-index{position:absolute;bottom:20px;left:24px;background:#081f3f;padding:9px 16px;font-size:12px;letter-spacing:.18em}
.v7-kicker{font-size:12px;letter-spacing:.24em;color:#ff6269;font-weight:700}
.v7-project-copy h2{font-size:clamp(44px,5.7vw,92px);line-height:1.02;letter-spacing:-.06em;margin:24px 0}
.v7-project-copy h2 em{font-style:normal;color:#ff6269}
.v7-project-copy p{color:#c6d3e0;font-size:clamp(16px,1.35vw,20px);line-height:1.8;max-width:500px}
.v7-project-facts{display:flex;gap:45px;margin:36px 0;border-top:1px solid #ffffff38;padding-top:22px}
.v7-project-facts div{display:flex;flex-direction:column;gap:8px}
.v7-project-facts dt{font-size:11px;letter-spacing:.16em;color:#9aadc3}
.v7-project-facts dd{margin:0;font-weight:700}
.v7-arrow-link{display:inline-flex;align-items:center;gap:42px;padding:16px 0;border-bottom:2px solid #f0454c;color:white;text-decoration:none;font-weight:700}
.v7-arrow-link span{font-size:24px;transition:transform .25s}
.v7-arrow-link:hover span{transform:translate(4px,-4px)}
.v7-design .service-row-image,.v7-design .corporate-stack,.v7-design .project-spotlight-media{position:relative}
.v7-design .service-row-image:after,.v7-design .project-spotlight-media:after{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #ffffff80}
.v7-design .service-row-copy>span,.v7-design .mini-title{letter-spacing:.16em}
.v7-design .service-row{scroll-margin-top:100px}
.v7-design .service-row-image img{transition:transform .7s ease}
.v7-design .service-row:hover .service-row-image img{transform:scale(1.025)}
.v7-design .corporate-hero-copy h1{letter-spacing:-.05em}
.v7-gallery-link{display:block;position:relative;cursor:zoom-in;color:inherit}
.v7-gallery-link img{display:block}
.v7-gallery-link:after{content:"＋";position:absolute;right:18px;top:18px;display:grid;place-items:center;width:42px;height:42px;background:#081f3f;color:#fff;font-size:25px}
.v7-lightbox[hidden]{display:none!important}
.v7-lightbox{position:fixed;inset:0;z-index:99999;background:#04101bef;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;padding:55px 15px 25px}
.v7-lightbox figure{margin:0;min-width:0;text-align:center}
.v7-lightbox figure img{max-width:100%;max-height:76vh;object-fit:contain}
.v7-lightbox figcaption{color:white;padding:12px}
.v7-lightbox button{border:1px solid #ffffff66;background:#142f4d;color:#fff;cursor:pointer;font-size:32px;min-height:48px}
.v7-lightbox-close{position:absolute;right:22px;top:15px;width:52px}
.v7-lightbox-prev,.v7-lightbox-next{width:55px}
.v7-design :focus-visible{outline:3px solid #ff5d65;outline-offset:4px}
.v7-design .whatsapp-float{z-index:80}
@media(max-width:850px){.v7-project-layout{grid-template-columns:1fr;gap:35px}.v7-project-visual{aspect-ratio:1.35}.v7-project-copy h2{font-size:clamp(44px,10vw,70px)}}
@media(max-width:560px){.v7-project-story{padding:65px 0}.v7-project-visual{aspect-ratio:1}.v7-project-facts{gap:20px}.v7-lightbox{grid-template-columns:40px minmax(0,1fr) 40px;padding:65px 5px 15px}.v7-lightbox-prev,.v7-lightbox-next{width:38px}.v7-lightbox figure img{max-height:65vh}.v7-design .hero-copy h1{letter-spacing:-.035em}}
@media(prefers-reduced-motion:reduce){.v7-design *, .v7-design *:before,.v7-design *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.v7-architecture-statement{background:#f1f4f6;padding:clamp(75px,10vw,155px) 0;position:relative;overflow:hidden}
.v7-architecture-statement:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 98px,#0b2a4412 99px,#0b2a4412 100px);pointer-events:none}
.v7-statement-inner{position:relative;max-width:1060px}
.v7-statement-inner p{font-size:clamp(32px,4.8vw,72px);line-height:1.17;letter-spacing:-.045em;color:#112b45;margin:25px 0 40px}
.v7-statement-inner p strong{font-weight:700;color:#c90918}
.v7-statement-line{display:block;width:120px;height:3px;background:#e30613}
.v7-services-intro{padding-top:clamp(30px,5vw,70px);display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}
.v7-services-intro p{max-width:720px;font-size:clamp(18px,2vw,26px);line-height:1.6;letter-spacing:-.02em;margin:0;color:#243d53}
@media(max-width:700px){.v7-services-intro{grid-template-columns:1fr;gap:12px}}
