/* Cluj layout refinement: one grid, with component sizes fitted to its columns. */
:root{--content-width:1280px;--page-gutter:clamp(20px,4.5vw,64px)}
body[data-city=cluj]{--s-width:var(--content-width)}
body[data-city=cluj] .s-container{width:min(var(--content-width),calc(100% - 2 * var(--page-gutter)))}
body[data-city=cluj]:not([data-page=index]) .header{width:min(var(--content-width),calc(100% - 2 * var(--page-gutter)))}
.hero{column-gap:48px;padding-block:36px 48px;border-top:0;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-copy{padding:20px 0;justify-content:center}
.hero h1{font-size:clamp(50px,5.1vw,74px);margin:30px 0 28px}
.hero-lead,.hero-text{max-width:54ch}
.hero-actions{margin:30px 0 26px;gap:28px;flex-wrap:wrap;max-width:100%}
.hero .button{font-size:15px;padding:17px 23px}
.hero-foot{max-width:48ch}
.hero-stage{min-height:0;padding:24px;isolation:isolate;border-radius:5px}
.stage-label{position:relative;display:block;inset:auto;font-size:11px;line-height:1.5;letter-spacing:.09em;padding-right:50px}
.sculpture{width:185px;top:52px;right:-25px;z-index:-1;box-shadow:none}
.work-window{position:relative;top:auto;left:auto;width:100%;margin-top:64px;transform:rotate(-3deg);border-width:5px}
.work-window:hover{transform:rotate(-1deg)}
.work-window a img{aspect-ratio:16/9;object-fit:cover;object-position:top}
.window-bar{font-size:9px;height:34px;letter-spacing:.01em}
.project-ticket{position:relative;inset:auto;margin-top:18px;padding:20px;gap:15px;transform:none;box-shadow:none;align-items:start}
.project-ticket strong{display:block;font-size:21px;line-height:1.25;letter-spacing:-.025em}
body[data-page=index] .project-ticket p{font-size:14px!important;line-height:1.55!important;margin-top:8px}
.project-ticket>span:last-child{font-size:24px;line-height:1.3}
.stage-footer{position:relative;inset:auto;margin-top:16px;padding-top:16px}
.stage-footer>span{font-size:10px;letter-spacing:.06em}
.project-picker{gap:8px;margin-top:12px}
.project-picker button{font-size:12px;min-height:44px;letter-spacing:0}
.web-section,.more-work,.search-section,.identity-section,.automation-section,.collab-section{padding-block:88px}
.service-heading,.service-workspace{gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.service-heading{align-items:start;margin-block:44px 48px}
.service-heading h2,.work-heading h2,.search-heading h2{font-size:clamp(40px,4vw,58px)}
.identity-section,.automation-section,.collab-section{gap:64px}
.identity-copy h2,.automation-copy h2,.collab-section h2{font-size:clamp(38px,3.7vw,54px);line-height:1.1}
.brand-board{padding:26px;gap:18px;grid-template-columns:1.1fr 1fr}
.brand-poster{padding:24px;min-height:350px}
.brand-poster strong{font-size:clamp(30px,2.65vw,40px)}
body[data-page=index] .brand-board>p{font-size:14px!important;line-height:1.55!important}
.board-label,.study-label{font-size:11px;line-height:1.5;letter-spacing:.05em}
.type-card span{font-size:14px;line-height:1.5}
.work-heading,.search-heading{gap:26px 64px;align-items:start}
.work-heading>p:last-child{max-width:52ch;justify-self:start}
.work-pair,.search-columns{gap:64px}
.work-example.second{margin-top:85px}
.search-columns h3{font-size:clamp(52px,5vw,76px)}
body[data-page=index] .search-example p,body[data-page=index] .budget-note p{font-size:16px!important;line-height:1.6!important}
.search-bottom{align-items:start}
.workflow li{padding-block:25px}
.collab-steps b{font-size:16px;margin-bottom:9px}
.contact-layout{grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.contact-layout>div{justify-self:start;max-width:52ch}
.contact-layout h2{font-size:clamp(44px,4.5vw,64px)}
.final-contact{padding-bottom:36px}
.s-home-directory{padding-block:75px}
@media(min-width:801px) and (max-width:1100px){
 .hero{gap:32px;padding-top:20px}.hero h1{font-size:clamp(43px,5vw,55px)}
 .hero-stage{padding:22px}.sculpture{width:155px}.work-window{margin-top:85px}
 .project-ticket{padding:17px;gap:12px}.project-ticket strong{font-size:18px}.ticket-number{width:27px;height:27px}
 .service-heading,.service-workspace,.identity-section,.automation-section,.collab-section,.work-pair,.search-columns,.contact-layout{gap:36px}
 .brand-board{padding:18px;gap:12px}.brand-poster{padding:16px}.brand-poster strong{font-size:29px}.type-card{padding:16px}
}
@media(max-width:800px){
 :root{--page-gutter:20px}
 .hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:24px 40px}
 .hero-copy{padding:0}.hero h1{font-size:clamp(42px,9vw,66px);margin-top:27px}
 .hero-stage{width:100%;max-width:600px;justify-self:center;padding:24px}
 .stage-label{font-size:10px}.sculpture{width:170px;top:47px}
 .work-window{margin-top:85px}.window-bar{font-size:8px}
 .project-ticket{padding:18px;gap:13px;margin-top:20px}.project-ticket strong{font-size:20px}
 .stage-footer{margin-top:20px}.project-picker button{font-size:11px}
 .web-section,.more-work,.search-section,.identity-section,.automation-section,.collab-section{padding-block:52px}
 .service-heading,.service-workspace,.identity-section,.automation-section,.collab-section,.work-heading,.search-heading,.work-pair,.search-columns,.contact-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 .service-heading{margin-block:32px}.service-heading h2,.work-heading h2,.search-heading h2{font-size:40px}
 .identity-copy h2,.automation-copy h2,.collab-section h2{font-size:39px}
 .brand-board{padding:20px;gap:14px}.brand-poster{padding:18px;min-height:310px}.brand-poster strong{font-size:clamp(24px,6vw,36px)}
 .type-card{padding:16px}.type-card span{font-size:13px}
 .work-example.second{margin-top:0}.contact-layout h2{font-size:clamp(40px,8.5vw,62px)}
 .contact-layout{margin-bottom:0}.final-contact{padding-bottom:35px}.s-home-directory{padding-block:50px}
}
@media(max-width:380px){
 .hero h1{font-size:38px}.hero-actions{gap:18px}.hero .button{font-size:14px;padding:16px 18px}
 .hero-stage{padding:18px}.project-ticket{padding:16px;gap:10px}.ticket-number{width:25px;height:25px;font-size:10px}
 .project-ticket strong{font-size:18px}.project-ticket>span:last-child{display:none}
 .window-bar{font-size:7px;padding-inline:4px}.stage-label{font-size:9px;padding-right:0}
 .brand-board{padding:14px;gap:10px}.brand-poster{padding:12px;min-height:270px}.brand-poster strong{font-size:23px}
 .type-card{padding:12px}.type-card strong{font-size:56px}.type-card span{font-size:12px}
 .service-heading h2,.work-heading h2,.search-heading h2,.identity-copy h2,.automation-copy h2,.collab-section h2{font-size:35px}
}