:root{--ink:#1d1d1b;--paper:#f7f6f2;--purple:#b2a3d7;--green:#caf19c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #68469c;outline-offset:6px}header{height:115px;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d7d1}.wordmark{font-size:22px;font-weight:600;line-height:.9;letter-spacing:-1.2px}.wordmark span{display:block;font-size:7px;letter-spacing:2.1px;margin-top:10px}nav{display:flex;gap:36px;font-size:13px}nav a:hover{opacity:.5}.contact{border:0;border-bottom:1px solid var(--ink);padding:10px 0;background:none;font-size:13px}.contact span{margin-left:32px}.hero-title{padding:60px 4% 43px;position:relative}.eyebrow,.section-label{font-size:10px;letter-spacing:1.5px;display:block;line-height:1.5}h1,h2,h3,p{margin:0}h1{font-size:clamp(64px,8.7vw,146px);font-weight:400;letter-spacing:-.072em;line-height:.96;margin-top:28px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}h1 em{padding-left:18vw}.hero-caption{position:absolute;right:5%;top:62px;display:flex;gap:42px;align-items:center}.hero-caption p{font-size:13px;line-height:1.6}.circle{border:1px solid #aaa;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;font-size:25px}.circle:hover{background:var(--green)}.hero-image{margin:0 2%;height:560px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.image-note,.image-index{position:absolute;bottom:23px;color:white;font-size:9px;letter-spacing:1.8px;text-shadow:0 1px 6px #000}.image-note{left:26px}.image-index{right:26px}.hero-bottom{padding:22px 4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.section{padding:110px 6%}.about{display:grid;grid-template-columns:1fr 3fr;gap:50px}.about>.section-label{padding-top:12px}h2{font-size:clamp(40px,4.5vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.08}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:45px 0;color:#676760;font-size:15px;line-height:1.8}.stats{border-top:1px solid #cccac3;padding-top:25px;display:flex;gap:65px;align-items:center}.stats strong{display:block;font-size:56px;font-weight:400;letter-spacing:-3px}.stats span{font-size:11px;color:#74746c}.signature{font:italic 27px Georgia;margin-left:auto;transform:rotate(-7deg)}.inspiration{background:#eae9e3}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2{margin-top:30px}.section-heading p{font-size:13px;line-height:1.8;color:#63635e}.section-heading small{display:block;font-size:10px;margin-top:16px}.gallery{display:grid;grid-template-columns:1.28fr 1fr;gap:7%}.picture{padding:0;text-align:left;background:none;border:0}.picture.small{padding-top:145px}.photo-wrap{position:relative;overflow:hidden}.large .photo-wrap{height:560px}.small .photo-wrap{height:440px}.photo-wrap img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.picture:hover img{transform:scale(1.04)}.photo-wrap>span{position:absolute;bottom:20px;right:20px;background:var(--paper);border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-size:22px}.picture-caption{padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.picture h3{font-size:20px;font-weight:400;letter-spacing:-.5px}.picture-caption>span{font-size:8px;letter-spacing:1px}.editorial{margin-top:110px;border-top:1px solid #c6c5be;padding-top:30px;position:relative}.editorial>span:first-child{font-size:10px;letter-spacing:1.2px}.editorial p{font-size:clamp(44px,6vw,85px);letter-spacing:-.055em;margin-top:12px}.asterisk{position:absolute;right:25px;top:25px;font-size:110px;color:#9480b9}.services{display:grid;grid-template-columns:1fr 1fr;gap:70px}.services h2{margin-top:30px}.services-intro{font-size:14px;color:#666;line-height:1.7;margin:30px 0}.pill{border:0;border-radius:40px;background:var(--green);padding:18px 25px;display:inline-flex;gap:50px;align-items:center;font-size:13px;transition:background .2s}.pill:hover{background:#b7df85}.pill span{font-size:20px}.service-list details{border-top:1px solid #cccac3}.service-list details:last-of-type{border-bottom:1px solid #cccac3}summary{list-style:none;display:flex;align-items:center;padding:26px 0;cursor:pointer;font-size:22px;letter-spacing:-.6px}summary::-webkit-details-marker{display:none}summary>span{font-size:10px;margin-right:25px;letter-spacing:0;color:#777}summary b{font-size:24px;font-weight:400;margin-left:auto}details[open] summary b{transform:rotate(45deg)}details>div{padding:0 25px 30px 38px;font-size:13px;line-height:1.8;color:#62625d}details ul{padding-left:16px;margin-bottom:0}.fine{font-size:10px;color:#777;line-height:1.5;margin-top:20px}.process{background:var(--purple)}.process h2{margin-top:30px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.steps article{border-top:1px solid #807398;padding-top:20px}.steps article>span{font-size:11px}.steps h3{font-size:22px;font-weight:400;margin:32px 0 18px;letter-spacing:-.5px}.steps p{font-size:13px;line-height:1.75;max-width:240px}.ending{display:grid;grid-template-columns:1fr 1fr}.ending-photo{height:620px;position:relative}.ending-photo img{width:100%;height:100%;object-fit:cover}.ending-copy{padding:90px 12%;display:flex;flex-direction:column;align-items:start;justify-content:center}.ending-copy h2{margin-top:40px}.ending-copy p{font-size:14px;line-height:1.7;margin:30px 0}footer{padding:40px 4%;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-size:18px;letter-spacing:-.7px}footer>span,footer>a:last-child{font-size:9px;letter-spacing:1px}dialog{border:0;background:var(--paper);color:var(--ink);padding:45px;width:min(560px,94vw);max-height:92vh}dialog::backdrop{background:#1d1d1bb5;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:10px;font-size:32px;background:none;border:0}.dialog-note{font-size:12px;line-height:1.6;color:#666;margin:22px 0}dialog h2{font-size:44px;margin-top:20px}form label{font-size:11px;display:block;margin:15px 0}input,select,textarea{display:block;border:0;border-bottom:1px solid #aaa;background:transparent;width:100%;padding:12px 0;font:14px Arial;color:var(--ink);border-radius:0}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form .pill{width:100%;justify-content:space-between;margin-top:10px}#form-status{font-size:12px;margin-top:14px}#lightbox{width:min(1100px,94vw);padding:40px 20px 20px;background:var(--ink);color:white}#lightbox img{width:100%;height:72vh;object-fit:contain}#lightbox p{padding-top:15px;font-size:12px;text-align:center}@media(min-width:1600px){body{max-width:1900px;margin:auto}}@media(max-width:900px){header{height:95px}nav{gap:20px}.hero-title{padding-top:40px}.hero-caption{top:42px}.hero-caption p{display:none}h1{font-size:10vw}.hero-image{height:450px}.section{padding:75px 5%}.about{grid-template-columns:1fr;gap:25px}.services{gap:35px}.signature{display:none}.gallery{gap:5%}.large .photo-wrap{height:420px}.small .photo-wrap{height:330px}.picture-caption{display:block}.picture-caption>span{display:block;margin-top:8px}.steps{gap:20px;grid-template-columns:1fr 1fr}.ending-photo{height:540px}.ending-copy{padding:50px 10%}.ending-copy h2{font-size:43px}summary{font-size:18px}}
@media(max-width:600px){header{padding:20px 5%;height:88px}.wordmark{font-size:18px}.wordmark span{font-size:6px}nav{display:none}.contact{font-size:11px}.contact span{margin-left:12px}.hero-title{padding:38px 5% 30px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:15vw;margin-top:26px}h1 em{padding-left:8vw}.hero-caption{display:none}.hero-image{height:440px;margin:0 3%}.hero-bottom{font-size:7px;line-height:1.6;padding:16px 5%}.hero-bottom span:last-child{display:none}.image-index{display:none}.section{padding:65px 6%}h2{font-size:42px}.about-copy{grid-template-columns:1fr;gap:20px;margin:28px 0;font-size:14px}.stats{gap:55px}.stats strong{font-size:50px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:25px;font-size:12px}.gallery{grid-template-columns:1fr;gap:35px}.picture.small{padding:0 0 0 15%}.large .photo-wrap{height:420px}.small .photo-wrap{height:360px}.picture-caption{display:flex}.picture-caption h3{font-size:18px}.picture-caption>span{font-size:7px}.editorial{margin-top:60px}.editorial p{font-size:40px}.asterisk{font-size:60px;right:0;top:33px}.services{grid-template-columns:1fr;gap:40px}.steps{gap:30px 20px;margin-top:40px}.steps h3{font-size:19px}.steps p{font-size:12px}.ending{grid-template-columns:1fr}.ending-photo{height:360px}.ending-copy{padding:55px 6%}.ending-copy h2{font-size:50px;margin-top:25px}footer{padding:30px 6%;flex-wrap:wrap;gap:20px}.footer-logo{font-size:16px}footer>span{display:none}dialog{padding:35px 25px}dialog h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.cases-nav[aria-current]{border-bottom:1px solid currentColor;padding-bottom:6px}.cases-link{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:50px}.cases-link p{font-size:14px;color:#62625d}.case-intro{padding:45px 5% 55px}.back-link{display:inline-block;font-size:11px;margin-bottom:55px}.case-intro h1{font-size:clamp(48px,6.9vw,112px);line-height:1.02}.case-intro h1 em{padding-left:13vw}.case-intro-bottom{display:flex;justify-content:space-between;gap:35px;margin-top:38px;align-items:end}.case-intro-bottom p{font-size:14px;line-height:1.7}.concept-note{font-size:10px;line-height:1.7;color:#65645e;border-left:2px solid var(--purple);padding-left:15px}.case-index{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:15px 5% 40px}.case-card>div{height:360px;position:relative;overflow:hidden}.case-card img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.case-card:hover img{transform:scale(1.04)}.case-card>div>span{position:absolute;bottom:15px;right:15px;border-radius:50%;width:40px;height:40px;background:var(--green);display:grid;place-items:center}.case-card small{display:block;font-size:9px;letter-spacing:1px;margin:22px 0 12px}.case-card h2{font-size:28px;line-height:1.15}.case-card p{font-size:12px;color:#777;margin-top:10px}.case-disclaimer{margin:0 5% 70px;padding:20px 0;border-top:1px solid #d6d5ce;max-width:720px;color:#72716b;font-size:11px;line-height:1.7}.case-study{padding:85px 6%;border-top:1px solid #d6d5ce;scroll-margin-top:20px}.case-study:nth-of-type(even){background:#eae9e3}.study-heading h2{margin:25px 0 15px;font-size:clamp(38px,5vw,75px)}.study-heading>p{font:italic 24px Georgia;color:#77726c}.study-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:7%;margin-top:45px;align-items:center}.study-image .photo-wrap{height:600px}.study-image-note{display:block;font-size:8px;letter-spacing:1px;color:#777;margin-top:12px}.study-copy>.section-label{margin:32px 0 14px}.study-copy>p{font-size:15px;line-height:1.85;color:#605f59}.material-note{border-top:1px solid #c9c7bf;margin-top:30px;padding-top:25px}.material-note p{font-size:13px;line-height:1.7;margin-top:12px}.design-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.design-decisions>div{border-top:1px solid #c9c7bf;padding-top:20px}.design-decisions span{font-size:10px;color:#777}.design-decisions h3{font-size:22px;font-weight:400;letter-spacing:-.6px;margin:20px 0 14px}.design-decisions p{font-size:13px;line-height:1.75;color:#65645f}.next-case{display:inline-block;margin-top:40px;font-size:11px;border-bottom:1px solid #999;padding-bottom:7px}.case-cta{background:var(--purple);padding:90px 6%}.case-cta h2{margin-top:30px}.case-cta>p{font-size:14px;line-height:1.7;margin:25px 0 30px}@media(max-width:900px){.case-card>div{height:280px}.case-card h2{font-size:23px}.study-layout{gap:5%;grid-template-columns:1fr 1fr}.study-image .photo-wrap{height:500px}.study-copy>p{font-size:13px}.design-decisions{gap:25px}}@media(max-width:600px){header nav{display:flex;margin-left:auto;margin-right:20px}header nav>a{display:none}header nav>.cases-nav{display:block;font-size:11px}.cases-link{flex-direction:column;align-items:start}.cases-link .pill{gap:18px;font-size:11px}.case-intro{padding:30px 6% 40px}.back-link{margin-bottom:35px}.case-intro h1{font-size:12vw}.case-intro h1 em{padding-left:0}.case-intro-bottom{display:block}.concept-note{display:block;margin-top:25px}.case-index{grid-template-columns:1fr;padding:0 6% 30px;gap:35px}.case-card>div{height:370px}.case-card:first-child>div{height:270px}.case-card h2{font-size:30px}.case-disclaimer{margin:0 6% 45px}.case-study{padding:55px 6%}.study-layout{grid-template-columns:1fr;margin-top:30px;gap:5px}.study-image .photo-wrap{height:440px}#living .study-image .photo-wrap{height:290px}.study-copy>p{font-size:14px}.design-decisions{grid-template-columns:1fr;margin-top:40px;gap:25px}.design-decisions h3{margin-top:12px}.case-cta{padding:60px 6%}.case-cta h2{font-size:42px}.contact span{margin-left:5px}header nav{margin-right:15px}}
header{height:132px}.wordmark{display:block;flex-shrink:0;line-height:0}.wordmark img{display:block;width:190px;height:auto}.footer-logo{display:block;line-height:0}.footer-logo img{display:block;width:310px;height:auto}footer{background:var(--purple);padding-top:42px;padding-bottom:42px}@media(max-width:900px){.wordmark img{width:165px}header{height:115px}}@media(max-width:600px){header{height:104px;padding:18px 5%;gap:10px}.wordmark img{width:135px}header nav{margin:0 0 0 auto}.contact{font-size:10px;white-space:nowrap}.contact span{margin-left:3px}.footer-logo img{width:255px}footer{gap:25px}footer>a:last-child{margin-left:auto}}@media(max-width:360px){.wordmark img{width:115px}header{gap:8px}.contact{font-size:9px}header nav>.cases-nav{font-size:10px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}header{gap:28px}header nav{margin-left:auto}.language-control{flex-shrink:0}.language-control select{width:108px;margin:0;padding:10px 20px 10px 12px;font-size:12px;background:transparent;border:1px solid #cccac3;border-radius:22px;cursor:pointer}.language-control select:focus-visible{outline:2px solid #68469c;outline-offset:3px}html[lang=ka] body{font-family:Arial,'Noto Sans Georgian','DejaVu Sans',sans-serif}html[lang=ka] h1{font-size:clamp(48px,6.4vw,105px);letter-spacing:-.035em;line-height:1.2}html[lang=ka] h2{font-size:clamp(32px,3.7vw,57px);line-height:1.25;letter-spacing:-.025em}html[lang=ka] em{font-family:inherit;font-style:normal;letter-spacing:-.025em}html[lang=ka] .hero-caption{top:48px}html[lang=ka] .hero-caption p{max-width:210px}html[lang=ka] .case-card h2{font-size:24px}html[lang=ka] .editorial p{font-size:clamp(32px,4.8vw,66px)}html[lang=ka] summary{font-size:18px}html[lang=ka] .steps h3{font-size:19px}html[lang=ka] nav{gap:20px;font-size:12px}html[lang=ka] .picture-caption{flex-wrap:wrap}html[lang=ka] .picture h3{font-size:18px}html[lang=ka] .case-intro h1{font-size:clamp(40px,5.7vw,88px)}html[lang=ka] dialog h2{font-size:35px}html[lang=en] .hero-caption{max-width:260px}html[lang=en] .hero-caption p{max-width:160px}.case-card h2,.steps h3,summary{overflow-wrap:break-word}
@media(max-width:1100px){header{gap:18px}header nav{gap:18px}html[lang=ka] header nav{gap:12px}html[lang=ka] .contact{font-size:11px}.wordmark img{width:165px}}
@media(min-width:601px) and (max-width:850px){header{flex-wrap:wrap;height:auto;min-height:135px}.wordmark{margin-right:auto}header nav{order:4;width:100%;justify-content:center;margin:0;padding-bottom:8px}.hero-caption{display:none}}
@media(max-width:600px){header{display:grid;grid-template-columns:1fr auto;gap:10px 15px;height:auto;min-height:136px;padding:14px 5%}.wordmark{grid-column:1;grid-row:1}.wordmark img{width:128px}.language-control{grid-column:2;grid-row:1;justify-self:end}.language-control select{width:105px;font-size:11px}header nav{grid-column:1;grid-row:2;margin:0;justify-self:start}header .contact{grid-column:2;grid-row:2;justify-self:end;font-size:11px}html[lang=ka] header .contact{font-size:10px}html[lang=ka] h1{font-size:10.8vw;line-height:1.25}html[lang=ka] h1 em{padding-left:0}html[lang=ka] h2{font-size:32px}html[lang=ka] .case-intro h1{font-size:10vw}html[lang=ka] .ending-copy h2{font-size:38px}html[lang=ka] .editorial p{font-size:30px;max-width:85%}html[lang=ka] .asterisk{right:-4px;font-size:45px}html[lang=ka] .steps{grid-template-columns:1fr}html[lang=ka] .steps h3{font-size:20px}html[lang=ka] .steps p{max-width:none}html[lang=ka] dialog h2{font-size:29px}html[lang=ka] .case-cta h2{font-size:32px}html[lang=en] .editorial p{font-size:37px}.pill{max-width:100%}html[lang=ka] .pill{gap:20px;font-size:12px}html[lang=ka] .section-label{letter-spacing:.5px}html[lang=ka] .form-row{grid-template-columns:1fr;gap:0}}
/* Brand-colour interaction states shared by every language. */
.pill,.contact,.circle,.close,header nav a,.language-control select,summary,.back-link,.next-case,footer>a:last-child,.photo-wrap>span,.case-card>div>span{transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,opacity .24s ease}
.contact,header nav a,.back-link,.next-case,footer>a:last-child{border-radius:4px}
.close{border-radius:50%;width:40px;height:40px;line-height:1}
.pill:hover,.pill:focus-visible{background:var(--purple);color:var(--ink);box-shadow:0 0 0 4px #b2a3d72e,0 6px 20px #b2a3d74d}
.process .pill:hover,.case-cta .pill:hover,.process .pill:focus-visible,.case-cta .pill:focus-visible{background:var(--green);box-shadow:0 0 0 4px #caf19c70,0 6px 20px #caf19c66}
.contact:hover,.contact:focus-visible{background:var(--green);border-color:var(--green);box-shadow:0 0 0 7px var(--green);color:var(--ink)}
header nav a:hover,header nav a:focus-visible,.back-link:hover,.back-link:focus-visible,.next-case:hover,.next-case:focus-visible{opacity:1;background:var(--purple);box-shadow:0 0 0 6px var(--purple);color:var(--ink)}
.circle:hover,.circle:focus-visible{background:var(--green);border-color:var(--green);box-shadow:0 0 0 5px #caf19c55}
.language-control select:hover,.language-control select:focus-visible{background:var(--purple);border-color:var(--purple);color:var(--ink);box-shadow:0 0 0 3px #b2a3d733}
summary:hover,summary:focus-visible{background:#b2a3d72b;box-shadow:inset 3px 0 0 var(--purple)}
.picture:hover .photo-wrap>span,.picture:focus-visible .photo-wrap>span,.case-card:hover>div>span,.case-card:focus-visible>div>span{background:var(--purple);color:var(--ink);box-shadow:0 0 0 5px #b2a3d755}
.close:hover,.close:focus-visible{background:var(--green);color:var(--ink);box-shadow:0 0 0 3px #caf19c55}
footer>a:last-child:hover,footer>a:last-child:focus-visible{background:var(--green);color:var(--ink);box-shadow:0 0 0 7px var(--green)}
@media(hover:none){.pill:active,.contact:active,.circle:active,.close:active{background:var(--purple);color:var(--ink)}}
@media(prefers-reduced-motion:reduce){.pill,.contact,.circle,.close,header nav a,.language-control select,summary,.back-link,.next-case,footer>a:last-child,.photo-wrap>span,.case-card>div>span{transition:none}}
.pricing{background:#eae9e3}.pricing-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.pricing-heading h2{margin-top:25px}.pricing-heading>p{max-width:330px;font-size:14px;line-height:1.8;color:#65645f}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.price-card{padding:35px 28px;background:var(--paper);display:flex;flex-direction:column;border:1px solid #d1d0c8}.price-card-1{background:var(--purple);border-color:var(--purple)}.price-card-2{background:var(--ink);border-color:var(--ink);color:var(--paper)}.price-card>.section-label{font-size:9px;letter-spacing:1px}.price-card h3{font-size:30px;line-height:1.15;font-weight:400;letter-spacing:-1px;margin:30px 0 18px;min-height:70px}.package-description{font-size:13px;line-height:1.7;min-height:88px;opacity:.8}.price-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:25px}.price-amount strong{font-size:53px;letter-spacing:-2px;font-weight:400}.price-amount>span{font-size:12px}.price-alternative{font-size:12px;line-height:1.7;margin-top:12px;color:var(--green)}.package-inclusions{list-style:none;padding:0;margin:28px 0 35px;font-size:13px;line-height:1.7}.package-inclusions li{padding:13px 0;border-top:1px solid #1d1d1b25}.price-card-2 .package-inclusions li{border-color:#ffffff30}.price-card .pill{margin-top:auto;justify-content:space-between;width:100%;gap:15px;color:var(--ink)}.price-card-1 .pill:hover,.price-card-1 .pill:focus-visible{background:var(--green);box-shadow:0 0 0 5px #caf19c70,0 6px 20px #caf19c55}.pricing-note{font-size:11px;line-height:1.7;color:#67665f;max-width:830px;margin:25px 0 75px}.extra-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.extra-heading h3{font-size:36px;font-weight:400;letter-spacing:-1px}.extra-heading p{font-size:13px;line-height:1.7;max-width:350px;color:#67665f}.extra-service{border-top:1px solid #c6c5bc}.extra-service:last-child{border-bottom:1px solid #c6c5bc}.extra-service summary{gap:20px;padding:25px 10px}.extra-service summary .extra-number{font-size:10px;margin:0;width:25px;flex-shrink:0}.extra-service summary .extra-name{font-size:21px;letter-spacing:-.4px;color:var(--ink);margin:0;flex:1}.extra-service summary .extra-price{font-size:16px;color:var(--ink);margin:0;letter-spacing:-.3px;text-align:right}.extra-service summary b{margin-left:10px}.extra-service>div{padding:0 45px 30px}.extra-service>div>p{max-width:700px;font-size:13px;line-height:1.8}.extra-service .pill{margin-top:20px}.price-card-2 .pill:focus-visible{outline-color:var(--green)}html[lang=ka] .price-card h3{font-size:26px;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}html[lang=ka] .extra-name{font-size:18px}html[lang=ka] .extra-price{font-size:14px}html[lang=ka] .price-card>.section-label{letter-spacing:0}
@media(max-width:1000px){.price-card{padding:28px 20px}.price-card h3{font-size:25px}.price-amount strong{font-size:44px}.price-card .pill{font-size:11px}.pricing-grid{gap:14px}html[lang=ka] .price-card h3{font-size:21px}html[lang=ka] .price-card .pill{font-size:10px}.package-description{min-height:112px}}
@media(max-width:760px){.pricing-heading,.extra-heading{display:block}.pricing-heading>p,.extra-heading>p{margin-top:25px;max-width:100%}.pricing-grid{grid-template-columns:1fr;gap:22px}.price-card{padding:32px 28px}.price-card h3,html[lang=ka] .price-card h3{min-height:0;font-size:30px;margin-top:24px}.package-description{min-height:0}.price-amount strong{font-size:55px}.price-card .pill,html[lang=ka] .price-card .pill{font-size:13px}.pricing-note{margin-bottom:55px}.extra-service summary{display:grid;grid-template-columns:20px 1fr 20px;gap:10px}.extra-service summary .extra-number{grid-column:1;grid-row:1}.extra-service summary .extra-name{grid-column:2;grid-row:1;font-size:18px}.extra-service summary .extra-price{grid-column:2;grid-row:2;text-align:left;font-size:13px}.extra-service summary b{grid-column:3;grid-row:1 / span 2;margin:0}.extra-service>div{padding:0 30px 25px}.extra-heading h3{font-size:30px}.pricing-heading{margin-bottom:35px}}
/* Original brand logo in the philosophy section. */
.stats .signature{display:block;transform:none;font:inherit;line-height:0;margin-left:auto;flex:0 1 220px;min-width:150px}
.stats .signature img{display:block;width:100%;max-width:220px;height:auto}
@media(max-width:900px){.stats{flex-wrap:wrap;row-gap:28px}.stats .signature{flex-basis:190px;min-width:150px}}
@media(max-width:600px){.stats .signature{flex-basis:100%;margin-left:0;padding-top:6px}.stats .signature img{width:185px;max-width:100%}}
/* SVG artwork avoids platform-specific emoji substitution. */
.ui-icon{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible;pointer-events:none}
.asterisk .ui-star{display:block;width:1em;height:1em}
.circle>.ui-icon,.photo-wrap>span>.ui-icon,.case-card>div>span>.ui-icon{vertical-align:0}
.pill>span:has(>.ui-icon),.contact>span:has(>.ui-icon){display:inline-flex;align-items:center;justify-content:center}
.exchange-note{display:block;margin-top:10px;font-size:10px;line-height:1.7}.exchange-note a{text-decoration:underline;text-underline-offset:3px}.exchange-note a:hover{color:#68469c}html[lang=en] .price-amount strong,html[lang=ka] .price-amount strong{font-size:clamp(38px,3.8vw,53px)}
/* Calm, progressive animation shared by every language. */
.hero-first-line{display:inline-block}.motion-enabled .hero-title h1 em{display:inline-block}
.ui-icon{transition:transform .3s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .picture:hover .photo-wrap>span>.ui-icon,.case-card:hover>div>span>.ui-icon,.pill:hover>span>.ui-icon,.contact:hover>span>.ui-icon{transform:translate(2px,-2px)}
 .case-card:hover>div>span>.ui-icon{transform:translate(2px,2px)}
 .photo-wrap img,.case-card img{transition:transform .85s cubic-bezier(.22,1,.36,1)}
}
.extra-service summary b{position:relative;display:block;width:20px;height:20px;font-size:0;flex-shrink:0;transform:none!important}
.extra-service summary b:before,.extra-service summary b:after{content:'';position:absolute;left:2px;right:2px;top:9px;height:1.5px;background:currentColor;transition:transform .28s ease,opacity .28s ease}
.extra-service summary b:after{transform:rotate(90deg)}.extra-service[open] summary b:after{transform:rotate(0);opacity:0}
@keyframes dialog-enter{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes backdrop-enter{from{background-color:#1d1d1b00;backdrop-filter:blur(0)}to{background-color:#1d1d1bb5;backdrop-filter:blur(5px)}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:dialog-enter .35s cubic-bezier(.22,1,.36,1)}dialog[open]::backdrop{animation:backdrop-enter .3s ease}}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){dialog[open]{animation-duration:.22s}.photo-wrap img,.case-card img{transition-duration:.35s}}
@media(prefers-reduced-motion:reduce){.ui-icon,.extra-service summary b:before,.extra-service summary b:after{transition:none!important}dialog[open],dialog[open]::backdrop{animation:none!important}.picture:hover img,.case-card:hover img{transform:none}.asterisk .ui-star{transform:none!important}}
/* Personal introduction and project planning tools. */
.personal{display:grid;grid-template-columns:1fr 1.2fr;gap:8%;align-items:center;border-top:1px solid #deddd5}.personal-mark{background:var(--purple);min-height:440px;padding:50px;display:flex;flex-direction:column;justify-content:center;gap:60px;align-items:center}.personal-mark img{width:100%;max-width:340px}.personal-mark span{font-size:12px;line-height:1.7;text-align:center}.personal h2,.tool-intro h2{margin:22px 0}.personal p{line-height:1.8;max-width:650px}.personal .personal-role{font-size:12px;letter-spacing:1px;margin-bottom:20px}.personal ul{list-style:none;padding:0;margin:26px 0}.personal li{padding:14px 0;border-top:1px solid #d5d4cd;font-size:14px;line-height:1.5}.personal-mark.has-portrait{padding:0;background:none;gap:20px}.personal-mark.has-portrait img{max-width:none;height:500px;object-fit:cover}.project-tools{background:var(--purple);display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.tool-intro p{font-size:15px;line-height:1.7;max-width:420px}.calculator-panel{background:var(--paper);padding:36px}.tool-fields,.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tool-fields label,.quiz-grid label{display:block;font-size:12px;line-height:1.6;margin-bottom:10px}.tool-fields select,.tool-fields input,.quiz-grid select,.quiz-grid input{font:inherit;font-size:15px;padding:15px 10px;width:100%;min-width:0;border:1px solid #b9b7ad;border-radius:0;background:var(--paper);color:var(--ink)}.tool-fields>*{min-width:0}.cost-result{padding:30px 0;border-bottom:1px solid #d5d4cd;display:flex;flex-direction:column;gap:12px}.cost-result>span{font-size:12px}.cost-result output{font-size:clamp(30px,4vw,58px);letter-spacing:-.05em;overflow-wrap:anywhere}.cost-result small{font-size:12px;color:#666}.tool-note{font-size:12px!important;line-height:1.7!important;margin:20px 0;color:#595952}.quiz-section{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.quiz-grid{margin-bottom:30px}.quiz-wide{grid-column:1/-1}.quiz-result{background:var(--green);padding:30px;margin-top:30px}.quiz-result h3{font-size:30px;font-weight:400;margin:15px 0}.quiz-result p{line-height:1.7}.quiz-result .pill{background:var(--paper)}.quiz-result .pill:hover{background:var(--purple)}[hidden]{display:none!important}.mobile-project{display:none}.comparison-section{background:#eae9e3}.comparison{margin:40px 0 0}.comparison-stage{position:relative;aspect-ratio:3/2;--split:50%;overflow:hidden}.comparison-stage img{width:100%;height:100%;object-fit:cover;display:block}.comparison-stage .comparison-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;pointer-events:none}.compare-before-label,.compare-after-label{position:absolute;top:20px;background:var(--paper);padding:8px 14px;font-size:12px}.compare-before-label{left:20px}.compare-after-label{right:20px}.comparison-range{width:100%;min-height:44px;accent-color:#68469c}.comparison figcaption{font-size:14px;margin-top:10px}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.review-card{margin:0;background:#eae9e3;padding:25px}.review-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.review-card blockquote{margin:25px 0;font-size:20px;line-height:1.6}.review-card figcaption{font-size:13px}.project-tools input:focus-visible,.project-tools select:focus-visible,.quiz-section input:focus-visible,.quiz-section select:focus-visible,.comparison-range:focus-visible{outline:2px solid #68469c;outline-offset:3px}
@media(max-width:900px){.personal,.project-tools,.quiz-section{grid-template-columns:1fr;gap:40px}.personal-mark{min-height:300px}.reviews-grid{grid-template-columns:1fr}.tool-intro p{max-width:none}}
@media(max-width:600px){.personal-mark{padding:35px;min-height:270px;gap:30px}.calculator-panel{padding:22px}.tool-fields,.quiz-grid{grid-template-columns:1fr;gap:20px}.quiz-wide{grid-column:auto}.quiz-result{padding:22px}.mobile-project{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--paper);border-top:1px solid #d5d4cd;padding:10px 16px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:7px;box-shadow:0 -4px 20px #00000008}.mobile-project .pill{width:100%;justify-content:center;padding:14px 16px}.mobile-project small{font-size:9px;line-height:1.4;text-align:center}.mobile-project:has(~dialog[open]){visibility:hidden}body{padding-bottom:115px}footer{padding-bottom:35px}body:has(dialog[open]) .mobile-project{visibility:hidden}.personal-mark.has-portrait img{height:380px}}
/* Real contact channels, shared across all locales and pages. */
.contact-section{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;border-top:1px solid #d5d4cd;background:#eae9e3}.contact-section h2{margin:22px 0}.contact-section p{font-size:15px;line-height:1.8;max-width:430px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}.contact-grid a,.contact-choices a{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:25px;background:var(--paper);border:1px solid #d5d4cd;transition:background .25s}.contact-grid a:hover,.contact-choices a:hover{background:var(--purple)}.contact-grid a:nth-child(2):hover,.contact-choices a:nth-child(2):hover{background:var(--green)}.contact-grid strong,.contact-choices strong{display:block;font-size:18px;font-weight:400}.contact-grid small,.contact-choices small{display:block;font-size:12px;margin-top:10px;overflow-wrap:anywhere}.contact-grid .ui-icon,.contact-choices .ui-icon{flex-shrink:0}.contact-choices{display:grid;gap:10px;margin:24px 0}.contact-choices a{padding:18px 22px}.contact-choices small{margin-top:5px}#contact-options h2{font-size:clamp(30px,4vw,48px)}#contact-options .pill{margin-top:5px}.brief-contact-links{display:flex;gap:24px;flex-wrap:wrap;margin:22px 0}.brief-contact-links a{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:5px}.brief-contact-links a:hover{color:#68469c}@media(max-width:800px){.contact-section{grid-template-columns:1fr;gap:35px}}@media(max-width:430px){.contact-grid{grid-template-columns:1fr}.contact-grid a{padding:20px}}
.comparison-hint{font-size:14px;line-height:1.7;margin-top:22px;max-width:660px;color:#595952}.comparison-stage{touch-action:pan-y;cursor:ew-resize;user-select:none}.comparison-stage img{pointer-events:none;-webkit-user-drag:none}.comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:52px;height:52px;border-radius:50%;background:var(--purple);border:2px solid var(--paper);box-shadow:0 2px 15px #0003}.comparison-handle:before,.comparison-handle:after{content:'';position:absolute;top:18px;width:9px;height:9px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink)}.comparison-handle:before{left:11px;transform:rotate(45deg)}.comparison-handle:after{right:11px;transform:rotate(225deg)}.comparison-disclosure{font-size:12px;line-height:1.7;max-width:720px;margin-top:14px;color:#595952}.comparison:focus-within .comparison-stage{outline:2px solid #68469c;outline-offset:4px}.comparison-range{cursor:ew-resize}@media(max-width:600px){.comparison-handle{width:44px;height:44px}.comparison-handle:before,.comparison-handle:after{top:14px}.comparison-handle:before{left:8px}.comparison-handle:after{right:8px}.compare-before-label,.compare-after-label{top:12px;padding:6px 10px}.compare-before-label{left:12px}.compare-after-label{right:12px}}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;margin-top:36px}.comparison-grid .comparison{margin:0;min-width:0}.comparison-grid .comparison figcaption{font-size:18px;line-height:1.4}.comparison-grid .comparison-disclosure{font-size:11px;line-height:1.6;margin-top:9px}.comparison-grid .comparison-handle{width:44px;height:44px}.comparison-grid .comparison-handle:before,.comparison-grid .comparison-handle:after{top:14px}.comparison-grid .comparison-handle:before{left:8px}.comparison-grid .comparison-handle:after{right:8px}@media(max-width:700px){.comparison-grid{grid-template-columns:1fr;gap:32px;margin-top:28px}}
/* Katya's supplied portrait; crop handled responsively without altering the photograph. */
.personal-mark.has-portrait{min-height:0;gap:18px;align-self:start}.personal-mark.has-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 28%;max-width:none}.personal-mark.has-portrait span{font-size:12px;line-height:1.7;padding:0 10px}@media(max-width:900px){.personal-mark.has-portrait{width:100%;max-width:520px;margin:0 auto}}
.hero-image img{object-position:50% 65%}@media(max-width:600px){.hero-image img{object-position:55% center}}
/* Three centered experience metrics. */
.about .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;text-align:center}.about .stats>div{min-width:0}.about .stats strong{font-size:clamp(32px,3.8vw,56px);letter-spacing:-.055em;line-height:1.15;white-space:nowrap}.about .stats strong small{font-size:.48em;letter-spacing:-.03em}.about .stats span{display:block;margin-top:12px;line-height:1.6}@media(max-width:600px){.about .stats{gap:18px 10px}.about .stats strong{font-size:clamp(23px,6.7vw,40px)}.about .stats span{font-size:10px;margin-top:8px}}

/* Three mobile navigation links share a full-width row. */
header nav>.contacts-nav{display:none}
@media(max-width:600px){
 header nav{grid-column:1 / -1;grid-row:2;justify-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;width:100%;align-items:center}
 html[lang=ka] header nav{gap:8px}
 header nav>.cases-nav,header nav>.services-nav,header nav>.contacts-nav{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 3px;font-size:12px;text-align:center;white-space:nowrap}
 html[lang=ka] header nav>a{font-size:11px}
 header .contact{grid-column:1 / -1;grid-row:3;justify-self:end}
}

/* Compact introduction without the former label column. */
.about.section{display:block;padding:56px 6%}
.about>div{max-width:1280px;margin:0 auto}
.about h2{font-size:clamp(34px,3.4vw,52px);line-height:1.12}
.about-copy{gap:36px;margin:24px 0;font-size:14px;line-height:1.7}
.about .stats{padding-top:20px;gap:20px}
.about .stats strong{font-size:clamp(30px,3.3vw,46px)}
.about .stats span{margin-top:8px}
.section-heading h2,.pricing-heading h2,.personal-copy h2,.tool-intro h2,.process h2,.ending-copy h2,.contact-section h2,.study-heading h2{margin-top:0}
.price-card h3,html[lang=ka] .price-card h3{margin-top:0}
@media(max-width:600px){
 .about.section{padding:36px 6%}
 .about-copy{gap:14px;margin:20px 0;font-size:13px;line-height:1.65}
 .about .stats{padding-top:18px;gap:10px}
 .about .stats strong{font-size:clamp(23px,6.7vw,36px)}
}

/* Compact rhythm across the home page, case studies and all languages. */
.section{padding:60px 6%}
h2{font-size:clamp(34px,3.6vw,56px)}
.hero-title{padding:36px 4% 28px}
h1{font-size:clamp(56px,7.2vw,112px);margin-top:20px}
.hero-caption{top:38px}
.hero-image{height:clamp(320px,34vw,460px)}
.hero-bottom{padding-top:16px;padding-bottom:16px}
.section-heading,.pricing-heading{margin-bottom:32px}
.section-heading h2,.pricing-heading h2,.personal h2,.tool-intro h2,.process h2,.ending-copy h2,.case-cta h2{margin-top:0}
.gallery{gap:4%}
.large .photo-wrap{height:400px}
.small .photo-wrap{height:330px}
.picture.small{padding-top:65px}
.editorial{margin-top:50px;padding-top:22px}
.editorial p{font-size:clamp(34px,4.3vw,62px)}
.asterisk{font-size:80px;top:20px}
.cases-link{margin-top:28px}
.personal{grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:6%}
.personal-mark.has-portrait{max-width:350px;width:100%;justify-self:center;gap:12px}
.personal p{font-size:14px;line-height:1.7}
.personal .personal-role{margin-bottom:12px}
.personal ul{margin:18px 0}
.personal li{padding:10px 0}
.price-card{padding:26px 24px}
.price-card h3,html[lang=ka] .price-card h3{margin-top:0;margin-bottom:14px;min-height:0}
.package-description{min-height:0}
.price-amount{margin-top:18px}
.price-amount strong{font-size:46px}
.package-inclusions{margin:20px 0 24px}
.package-inclusions li{padding:10px 0}
.pricing-note{margin-bottom:40px}
.extra-heading{margin-bottom:20px}
.extra-service summary{padding-top:18px;padding-bottom:18px}
.project-tools,.quiz-section{gap:5%}
.calculator-panel{padding:26px}
.tool-fields,.quiz-grid{gap:18px}
.cost-result{padding:22px 0;gap:9px}
.quiz-grid{margin-bottom:22px}
.quiz-result{padding:24px;margin-top:22px}
.comparison-grid{gap:28px 24px;margin-top:24px}
.comparison-hint{margin-top:16px}
.steps{margin-top:32px;gap:28px}
.steps h3{margin:20px 0 12px}
.ending-photo{height:430px}
.ending-copy{padding:48px 10%}
.ending-copy h2{font-size:clamp(34px,3.6vw,54px)}
.ending-copy p{margin:20px 0}
.contact-section{gap:5%}
.contact-grid a{padding:20px}
.contact-section h2{margin-bottom:16px}
footer{padding-top:28px;padding-bottom:28px}
.case-intro{padding:32px 5% 36px}
.back-link{margin-bottom:30px}
.case-intro h1{font-size:clamp(44px,5.6vw,88px)}
.case-intro-bottom{margin-top:24px}
.case-index{gap:22px;padding-bottom:28px}
.case-card>div{height:280px}
.case-card small{margin-top:16px}
.case-disclaimer{margin-bottom:40px}
.case-study{padding:55px 6%}
.study-heading h2{font-size:clamp(34px,4vw,60px)}
.study-layout{margin-top:28px;gap:5%}
.study-image .photo-wrap{height:440px}
.study-copy>.section-label{margin-top:22px;margin-bottom:10px}
.study-copy>p{font-size:14px;line-height:1.75}
.design-decisions{gap:28px;margin-top:32px}
.design-decisions h3{margin:14px 0 10px}
.next-case{margin-top:26px}
.case-cta{padding:55px 6%}
@media(max-width:900px){
 .personal,.project-tools,.quiz-section{grid-template-columns:1fr;gap:28px}
 .personal-mark.has-portrait{max-width:310px}
 .large .photo-wrap{height:340px}.small .photo-wrap{height:280px}
 .study-image .photo-wrap{height:360px}
}
@media(max-width:600px){
 .section,.about.section{padding:38px 6%}
 h2{font-size:34px}
 .hero-title{padding:26px 5% 22px}
 h1{font-size:13vw;margin-top:18px}
 .hero-image{height:320px}
 .hero-bottom{padding-top:12px;padding-bottom:12px}
 .section-heading,.pricing-heading{margin-bottom:24px}
 .gallery{gap:26px}
 .picture.small{padding:0 0 0 10%}
 .large .photo-wrap{height:320px}.small .photo-wrap{height:280px}
 .editorial{margin-top:32px;padding-top:18px}
 .editorial p{font-size:34px}
 .asterisk{font-size:52px;top:24px}
 .cases-link{margin-top:22px}
 .personal-mark.has-portrait{max-width:260px}
 .personal h2,.tool-intro h2{margin-bottom:16px}
 .personal ul{margin:16px 0}
 .pricing-grid{gap:16px}
 .price-card{padding:24px}
 .price-card h3,html[lang=ka] .price-card h3{font-size:28px}
 .price-amount strong{font-size:44px}
 .pricing-note{margin-bottom:30px}
 .extra-heading h3{font-size:27px}
 .calculator-panel{padding:20px}
 .quiz-grid,.tool-fields{gap:16px}
 .quiz-result{padding:20px}
 .comparison-grid{gap:24px;margin-top:22px}
 .steps{margin-top:26px;gap:24px 18px}
 .steps h3{margin-top:16px}
 .ending-photo{height:270px}
 .ending-copy{padding:36px 6%}
 .ending-copy h2,html[lang=ka] .ending-copy h2{font-size:34px;margin-top:0}
 .contact-grid{gap:10px}
 .contact-grid a{padding:18px}
 .case-intro{padding:26px 5% 30px}
 .back-link{margin-bottom:24px}
 .case-intro h1{font-size:42px}
 .case-index{gap:24px}
 .case-card>div{height:260px}
 .case-study,.case-cta{padding:38px 6%}
 .study-heading h2,.case-cta h2{font-size:34px}
 .study-layout{margin-top:24px}
 .study-image .photo-wrap{height:320px}
 .design-decisions{margin-top:26px;gap:22px}
 footer{padding-top:24px;padding-bottom:24px}
}

/* Lavender header sampled from the supplied reference. */
header{background:#b3a3d7;border-bottom-color:#1d1d1b25}
header .language-control select{border-color:#1d1d1b55}
header nav a:hover,header nav a:focus-visible,header .contact:hover,header .contact:focus-visible,header .language-control select:hover,header .language-control select:focus-visible{background:var(--green);color:var(--ink);box-shadow:0 0 0 4px var(--green)}

/* Full colour brand signature in the lavender header. */
header .wordmark{flex-shrink:0}
header .wordmark img{width:260px;height:auto;max-width:100%}
@media(min-width:601px) and (max-width:1100px){header .wordmark img{width:210px}}
@media(max-width:600px){header{grid-template-columns:minmax(0,1fr) auto}header .wordmark{min-width:0}header .wordmark img{width:clamp(145px,45vw,180px);height:auto;max-width:100%}}

/* Compact before/after gallery: four desktop cards, two tablet cards. */
.comparison-section.section{padding-top:40px;padding-bottom:40px}
.comparison-section h2{font-size:clamp(30px,3vw,44px)}
.comparison-section .comparison-hint{font-size:12px;margin-top:12px}
.comparison-section .comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;margin-top:20px}
.comparison-section .comparison-stage{aspect-ratio:3/2}
.comparison-section .comparison figcaption{font-size:15px;line-height:1.4;margin-top:4px}
.comparison-section .comparison-disclosure{font-size:11px;line-height:1.5;margin-top:6px}
.comparison-section .compare-before-label,.comparison-section .compare-after-label{top:10px;padding:5px 9px;font-size:11px}
.comparison-section .compare-before-label{left:10px}
.comparison-section .compare-after-label{right:10px}
@media(max-width:1100px){.comparison-section .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-left:auto;margin-right:auto}}
@media(max-width:600px){
 .comparison-section.section{padding-top:30px;padding-bottom:30px}
 .comparison-section .comparison-grid{grid-template-columns:1fr;max-width:340px;gap:20px}
 .comparison-section h2{font-size:30px}
}

/* Brand-green selection-style emphasis in the hero headline. */
.hero-highlight{background:var(--green);color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Preserve full owner-supplied renderings, including the square bathroom. */
.comparison-section .comparison-stage{background:#deddd6}
.comparison-section .comparison-stage img{object-fit:contain;object-position:center}

/* Three compact comparison cards with no vacant fourth column. */
.comparison-section .comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1160px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.comparison-section .comparison-grid{grid-template-columns:1fr;max-width:340px}}

/* Rounded contact cards. */
.contact-grid a{border-radius:22px}

/* Work sequence: reference-inspired, using the studio palette. */
.work-process{background:var(--ink);color:var(--paper)}
.work-process>h2{margin:0 0 32px}
.work-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%;align-items:center}
.work-photos{display:grid;grid-template-columns:1fr 1fr;align-items:start;min-width:0}
.work-photos img{display:block;width:115%;height:330px;object-fit:cover;border-radius:20px}
.work-photos img+img{width:100%;margin-top:85px;position:relative;box-shadow:0 0 0 7px var(--ink)}
.work-step{border-bottom:1px solid #f7f6f238}
.work-step:first-child{border-top:1px solid #f7f6f238}
.work-step summary{display:grid;grid-template-columns:28px minmax(0,1fr) 14px;align-items:center;gap:20px;padding:21px 0;cursor:pointer;list-style:none;color:var(--green);font-size:clamp(17px,1.7vw,25px);line-height:1.35;font-weight:500}
.work-step summary::-webkit-details-marker{display:none}
.work-step summary>svg{width:28px;height:28px;color:var(--purple)}
.work-step summary:hover{color:var(--purple)}
.work-step summary:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:4px}
.work-chevron{width:9px;height:9px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.work-step[open] .work-chevron{transform:rotate(135deg)}
.work-step p{margin:0;padding:0 24px 22px 48px;max-width:620px;font-size:14px;line-height:1.7;color:#f7f6f2cc}
@media(max-width:900px){.work-layout{gap:5%}.work-photos img{height:280px}.work-photos img+img{margin-top:65px}.work-step summary{gap:14px;font-size:18px;padding:18px 0}.work-step p{padding-left:42px}}
@media(max-width:600px){.work-process>h2{margin-bottom:24px}.work-layout{grid-template-columns:1fr;gap:26px}.work-photos{max-width:380px;width:100%;margin:auto}.work-photos img{height:185px;border-radius:14px}.work-photos img+img{margin-top:35px}.work-step summary{font-size:17px;grid-template-columns:24px minmax(0,1fr) 12px;padding:17px 0}.work-step summary>svg{width:24px;height:24px}.work-step p{font-size:13px;padding-left:38px}}
@media(prefers-reduced-motion:reduce){.work-chevron{transition:none}}

/* Studio treatment for the work sequence. */
.work-process{background:var(--purple);color:var(--ink)}
.work-process>h2{max-width:1040px;margin:0 auto 28px}
.work-layout{display:block;max-width:1040px;margin:0 auto}
.work-step,.work-step:first-child{border-color:#1d1d1b38}
.work-step summary{color:var(--ink);padding:20px 10px;gap:20px;font-size:clamp(18px,2vw,26px);border-radius:12px}
.work-step summary>svg{color:var(--ink)}
.work-step summary:hover,.work-step summary:focus-visible{color:var(--ink);background:var(--green)}
.work-step summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.work-step p{color:var(--ink);max-width:820px;padding:0 32px 22px 58px}
.work-step[open] summary{margin-bottom:8px}
@media(max-width:600px){.work-process>h2{margin-bottom:22px}.work-step summary{padding:17px 6px;font-size:17px;gap:14px}.work-step p{padding:0 18px 18px 44px}}

/* Match the light service sections and reset generic summary label styles. */
.work-process{background:var(--paper);color:var(--ink)}
.work-step summary{font-family:inherit;font-size:21px;font-weight:400;letter-spacing:-.4px;line-height:1.4;grid-template-columns:24px minmax(0,1fr) 12px;padding:18px 10px}
.work-step summary>span{font:inherit;color:inherit;letter-spacing:inherit;margin:0}
.work-step summary>svg{width:24px;height:24px;color:var(--ink)}
.work-step,.work-step:first-child{border-color:#d8d7d1}
.work-step p{color:#63635e;font-family:inherit;font-size:14px;line-height:1.7;padding-left:54px}
.work-step summary:hover,.work-step summary:focus-visible{background:var(--green);color:var(--ink);box-shadow:none}
@media(max-width:600px){.work-step summary{font-size:18px;gap:14px;padding:16px 6px;grid-template-columns:22px minmax(0,1fr) 12px;letter-spacing:-.25px}.work-step summary>svg{width:22px;height:22px}.work-step p{font-size:13px;padding-left:42px}}

/* Brand marker behind the three key figures. */
.about .stats .stat-highlight{background:var(--green);color:var(--ink);font:inherit;letter-spacing:inherit;padding:0 .06em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Green name logo beside the introduction. */
.personal .personal-brand-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px 20px}
.personal .personal-brand-logo{display:block;width:clamp(190px,19vw,280px);height:auto;max-width:100%;flex-shrink:0}
@media(max-width:600px){.personal .personal-brand-heading{gap:12px 16px}.personal .personal-brand-logo{width:210px}}

/* Projects move only through direct user interaction. */
.project-marquee{overflow-x:auto;overflow-y:hidden;width:100%;--project-gap:24px;cursor:grab;scrollbar-width:none;overscroll-behavior-x:contain}
.project-marquee::-webkit-scrollbar{display:none}
.project-track{display:flex;width:max-content}
.project-group{display:flex;gap:var(--project-gap);flex-shrink:0}
.project-marquee .picture{display:block;width:46vw;flex:0 0 46vw;padding:0;min-width:0;cursor:grab;user-select:none;-webkit-user-select:none}
.project-marquee img{-webkit-user-drag:none;user-select:none}
.project-marquee.is-dragging,.project-marquee.is-dragging .picture{cursor:grabbing}
.project-marquee .picture .photo-wrap{height:clamp(260px,29vw,420px);border-radius:16px}
.project-marquee .picture-caption{gap:16px}
.project-marquee .picture-caption h3{font-size:22px}
.project-marquee .picture:focus-visible{outline-offset:-3px}
.project-motion-controls{margin-top:16px}
.project-motion-hint{font-size:12px;color:#63635e;line-height:1.5}
@media(max-width:600px){.project-marquee{--project-gap:16px}.project-marquee .picture{width:78vw;flex-basis:78vw}.project-marquee .picture .photo-wrap{height:280px}.project-marquee .picture-caption{display:block}.project-marquee .picture-caption h3{font-size:19px}.project-marquee .picture-caption>span{display:block;margin-top:8px}}

/* Text name in the designer introduction. */
.personal .personal-brand-heading{display:block}
.personal .personal-name{display:block;font:inherit;color:inherit;letter-spacing:inherit;margin-top:.12em}

/* Recognizable contact icons, shared by all languages. */
.contact-grid a{gap:14px;min-width:0}
.contact-grid .contact-brand-icon{width:28px;height:28px;flex:0 0 28px}
.contact-grid .contact-card-text{flex:1;min-width:0}
.contact-grid strong{overflow-wrap:anywhere}
.contact-grid a>.ui-icon{width:18px;height:18px}
@media(min-width:801px) and (max-width:1100px){.contact-grid{grid-template-columns:1fr}}

/* One soft corner treatment throughout the site, matching the project gallery. */
:root{--corner-radius:16px;--label-radius:8px}
header,footer,main>section,.mobile-project{border-radius:var(--corner-radius)}
.hero-image,.photo-wrap,.ending-photo,.case-card>div,.comparison-stage{border-radius:var(--corner-radius);overflow:hidden}
img:not([src$=".svg"]){border-radius:var(--corner-radius)}
/* Clip both comparison layers together so the moving seam stays straight. */
.comparison-stage img{border-radius:0}
.price-card,.contact-grid a,.contact-choices a,.review-card,.calculator-panel,.quiz-result,.personal-mark,dialog{border-radius:var(--corner-radius)}
button:not(.circle):not(.close),.pill,.contact,header nav a,.language-control select,.back-link,.next-case,footer>a:last-child{border-radius:var(--corner-radius)}
summary,.work-step summary,.work-step summary:focus-visible{border-radius:var(--corner-radius)}
form input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),form select,form textarea{border:1px solid #b9b7ad;border-radius:var(--corner-radius);padding:12px;background:var(--paper)}
.compare-before-label,.compare-after-label,.hero-highlight,.about .stats .stat-highlight{border-radius:var(--label-radius)}

/* Dedicated project pages: generous images and a quiet editorial frame. */
.project-detail-intro{padding:40px 6% 30px}
.project-detail-intro .back-link{margin-bottom:28px}
.project-detail-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}
.project-detail-heading h1{font-size:clamp(40px,5.5vw,86px);line-height:1.08;margin:0;max-width:1050px}
.project-kind{font-size:12px;line-height:1.6;max-width:200px;flex-shrink:0;color:#63635e}
.project-detail-gallery{padding:0 4% 30px}
.project-full-image{display:block;width:100%;border-radius:16px;overflow:hidden}
.project-full-image img{display:block;width:100%;height:auto;max-height:88vh;object-fit:contain;background:#eae9e3}
.project-full-image:hover img{transform:none}
.project-detail-note{font-size:12px;color:#63635e;margin:16px 2% 0;line-height:1.6}
.project-detail-copy .study-layout{display:block;margin-top:0}
.project-detail-copy .study-copy{max-width:850px}
.project-detail-bottom{padding:30px 6% 55px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.project-next{max-width:50%;text-align:right}
.project-next small{display:block;font-size:12px;color:#63635e;margin-bottom:10px}
.project-next strong{font-size:clamp(22px,2.6vw,38px);font-weight:400;letter-spacing:-.04em}
.project-next:hover{color:#68469c}
@media(max-width:600px){.project-detail-intro{padding:26px 6%}.project-detail-heading{display:block}.project-detail-heading h1{font-size:38px}.project-kind{margin-top:16px;max-width:none}.project-detail-gallery{padding:0 4% 24px}.project-detail-bottom{display:block;padding:20px 6% 35px}.project-next{display:block;max-width:none;text-align:left;margin-top:30px}}

/* Full room galleries from owner-supplied renderings. */
.project-gallery-cover{max-width:1500px;margin:auto}
.project-gallery-shot{display:block;width:100%;overflow:hidden;border-radius:16px}
.project-gallery-shot img{display:block;width:100%;height:auto;object-fit:contain}
.project-gallery-shot:hover img{transform:none}
.project-gallery-cover .portrait{max-width:760px;margin:auto}
.project-gallery-heading{display:flex;align-items:center;justify-content:space-between;margin:42px 0 24px;gap:20px}
.project-gallery-heading h2{font-size:clamp(28px,3vw,42px)}
.project-gallery-heading>span{padding:8px 15px;background:var(--green);border-radius:16px;font-size:16px}
.project-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.project-gallery-grid .landscape{grid-column:1/-1}
@media(max-width:600px){.project-gallery-grid{grid-template-columns:1fr;gap:16px}.project-gallery-heading{margin:30px 0 20px}}

/* One house, organized by rooms. */
.house-overview{padding:0 0 20px}
.house-cover{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#eae9e3}
.house-zone-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 2% 0}
.house-zone-nav a{padding:12px 18px;border:1px solid #cccac3;border-radius:16px;font-size:13px;line-height:1.5}
.house-zone-nav a:hover,.house-zone-nav a:focus-visible{background:var(--green);opacity:1}
.house-zone{padding:12px 6% 38px;scroll-margin-top:24px}
.house-zone .project-gallery-heading{margin:24px 0}
@media(max-width:600px){.house-zone-nav{display:flex;gap:8px}.house-zone-nav a{padding:10px 12px;font-size:12px}.house-zone{padding:8px 4% 24px}}

/* Compact masonry galleries: natural photo heights without empty grid cells. */
.house-zone .project-gallery-grid{display:block;columns:3;column-gap:14px}
.house-zone .project-gallery-shot{display:inline-block;vertical-align:top;width:100%;margin:0 0 14px;break-inside:avoid;page-break-inside:avoid;line-height:0}
.house-zone .project-gallery-shot img{width:100%;height:auto;max-height:none;object-fit:contain}
.house-zone#living .project-gallery-grid{columns:2}
.house-zone{padding-top:8px;padding-bottom:22px}
.house-zone .project-gallery-heading{margin:18px 0}
@media(max-width:900px){.house-zone .project-gallery-grid{columns:2;column-gap:12px}.house-zone .project-gallery-shot{margin-bottom:12px}}
@media(max-width:480px){.house-zone .project-gallery-grid{column-gap:8px}.house-zone .project-gallery-shot{margin-bottom:8px;border-radius:12px}.house-zone .project-gallery-shot img{border-radius:12px}.house-zone .project-gallery-heading{margin:16px 0}.house-zone#living .project-gallery-grid{columns:1}}

/* Compact full-width house cover with a branded title. */
.house-cover-banner{position:relative;width:100%;height:clamp(300px,58vh,620px);overflow:hidden;border-radius:16px;isolation:isolate}
.house-cover-banner .house-cover{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 52%;border-radius:0}
.house-cover-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.18));pointer-events:none;z-index:1}
.house-cover-title{position:absolute;top:12%;left:6%;right:6%;z-index:2;margin:0;color:var(--green);font-size:clamp(36px,5.5vw,88px);font-weight:400;line-height:1.1;letter-spacing:-.04em;text-shadow:0 2px 16px rgba(0,0,0,.15)}
@media(max-width:600px){.house-cover-banner{height:320px}.house-cover-title{top:10%;font-size:clamp(32px,8vw,48px)}}

/* Justified rows keep natural image proportions and fill each row. */
.house-zone .project-gallery-grid,.house-zone#living .project-gallery-grid{display:flex;flex-wrap:wrap;align-items:flex-start;columns:auto;gap:10px}
.house-zone .project-gallery-shot{display:block;flex:none;width:calc(33.333% - 7px);margin:0;padding:0;border:0;overflow:hidden;line-height:0}
.house-zone .project-gallery-shot img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.house-zone{padding-top:0;padding-bottom:16px}
.house-zone .project-gallery-heading{margin:14px 0}
@media(max-width:600px){.house-zone .project-gallery-grid,.house-zone#living .project-gallery-grid{gap:8px}.house-zone .project-gallery-shot{width:calc(50% - 4px);margin:0}}

/* Project title sits on the image, in the brand's green italic type. */
.house-project-card>div:first-child{position:relative;isolation:isolate}
.house-project-card>div:first-child::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55));z-index:1;pointer-events:none}
.house-project-card .house-card-title{position:absolute;left:5%;bottom:7%;width:75%;z-index:2;margin:0;color:var(--green);font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(25px,2.7vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.035em;text-align:left;text-shadow:0 2px 12px rgba(0,0,0,.2)}
.house-project-card .picture-caption{justify-content:flex-end}
.house-cover-banner .house-cover-title{top:auto;bottom:10%;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(32px,4.5vw,72px);text-align:left}
.house-cover-banner::after{background:linear-gradient(180deg,rgba(0,0,0,.18) 40%,rgba(0,0,0,.48))}
@media(max-width:600px){.house-project-card .house-card-title{font-size:27px;width:72%}.house-cover-banner .house-cover-title{font-size:34px;bottom:9%}}

.house-zone .project-gallery-grid.has-justified-rows{display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px}
.justified-gallery-row{display:grid;width:100%;gap:8px;min-width:0}
.house-zone .justified-gallery-row .project-gallery-shot{min-width:0;min-height:0;margin:0}
.house-zone .justified-gallery-row .project-gallery-shot img{width:100%;height:100%;object-fit:cover}
/* Each photo occupies one cell; old landscape spans must not affect justified rows. */
.house-zone .justified-gallery-row{grid-template-rows:minmax(0,1fr)}
.house-zone .justified-gallery-row>.project-gallery-shot{grid-column:auto;grid-row:1}

/* Flat header controls and persistent current-page/section state. */
header nav,html[lang=ka] header nav{gap:10px}
header nav>a,header .contact,header .language-control select{
 border:1px solid #1d1d1b30;
 background:transparent;
 box-shadow:none;
 color:var(--ink);opacity:1;min-height:42px;
 transition:background-color .2s,border-color .2s;
}
header nav>a{padding:12px 14px;white-space:nowrap;text-align:center}
header .contact{padding:12px 16px;white-space:nowrap}
header .contact span{margin-left:16px}
header nav>a:hover,header .contact:hover,header .language-control select:hover,
header nav>a:focus-visible,header .contact:focus-visible,header .language-control select:focus-visible{
 background:var(--green);opacity:1;transform:none;
 box-shadow:none;
}
header nav>a[aria-current]{background:var(--green);border-color:#86a96466;font-weight:600;
 box-shadow:none}
header nav>a:active,header .contact:active{transform:none;box-shadow:none}
@media(min-width:851px) and (max-width:1200px){header{gap:12px}header nav,html[lang=ka] header nav{gap:7px}header nav>a{padding:12px 9px}header .contact{padding:12px 10px}header .contact span{margin-left:8px}header .wordmark img{width:190px}}
@media(max-width:600px){header nav>.cases-nav,header nav>.services-nav,header nav>.contacts-nav{padding:10px 5px}header .contact{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){header nav>a,header .contact,header .language-control select{transition:none}}