/* Original studio framing: static light, restrained colour and real project previews. */
html{scroll-padding-top:20px}
.luxury-work,.luxury-contact{scroll-margin-top:0}
.icon{display:inline-block;flex-shrink:0;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}
.button>.icon,.text-link .icon{width:20px;height:20px}.language-current .icon{width:13px;height:13px}.laptop-key-row .icon{width:1.1em;height:1.1em;max-width:70%;stroke-width:2}
.idea-note>a{display:inline-flex;align-items:center;gap:12px}.photo-sticker .icon{width:22px;height:22px}.service-symbol .icon{display:block}

.studio-header.luxury-header{height:168px;max-width:1600px;margin:0 auto;padding:0 28px 10px;border:0;grid-template-columns:minmax(0,1fr) 202px minmax(0,1fr);grid-template-rows:100px 58px;gap:0 30px;align-items:center;isolation:isolate}
.luxury-header .studio-header-start,.luxury-header .studio-header-end{grid-row:1;gap:27px;padding:0 22px;height:100%;flex-direction:row}
.luxury-header .studio-header-start{justify-content:flex-start;align-items:center}.luxury-header .studio-header-end{justify-content:flex-end;align-items:center}
.luxury-header .header-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:12px;white-space:nowrap;color:#43454c;transition:color .2s}
.luxury-header .header-link:hover{color:#000}.luxury-header .header-link .icon{width:17px;height:17px;stroke-width:1.5}
.luxury-header .studio-menu-toggle{font-size:12px;gap:10px}.luxury-header .studio-utility-button{font-size:11px}.luxury-header .theme-preview-toggle>span{font-size:8px}
.luxury-header .studio-brand{width:202px;height:162px;top:0;border:0;border-radius:0 0 55px 55px;padding:19px 25px 27px;gap:12px;background:#fff;z-index:2}
.luxury-header .studio-brand .studio-symbol{width:80px}.luxury-header .studio-wordmark{font-size:9px;letter-spacing:2.5px}.luxury-header .studio-wordmark>span{font-size:6px;letter-spacing:4.6px;margin-left:4.6px}
.luxury-header .studio-brand:before,.luxury-header .studio-brand:after{content:"";position:absolute;top:100px;width:29px;height:29px;pointer-events:none}
.luxury-header .studio-brand:before{right:-29px;background:radial-gradient(circle at 100% 100%,transparent 28px,#fff 28.8px)}
.luxury-header .studio-brand:after{left:-29px;background:radial-gradient(circle at 0 100%,transparent 28px,#fff 28.8px)}
.header-ribbon{grid-column:1/-1;grid-row:2;align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:260px;padding:0 32px;background:#17181e;color:#fff;border-radius:40px;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.ribbon-note{display:flex;align-items:center;gap:11px;font-size:10px;color:#d9d9df;line-height:1.7}.ribbon-note i{width:5px;height:5px;flex-shrink:0;background:#e6e5ec;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.06)}
.ribbon-contact{display:flex;align-items:center;gap:20px;font-size:11px;min-height:44px;white-space:nowrap}.ribbon-contact .icon{width:18px;height:18px;transition:transform .2s}.ribbon-contact:hover .icon{transform:translate(-3px,-3px)}
.luxury-header~main .showcase-hero{padding-top:50px;min-height:660px;min-height:min(760px,calc(100svh - 168px))}.luxury-header .studio-popover{z-index:8}

.luxury-work{--work-dark:#14151c;position:relative;isolation:isolate;border:0;background:var(--work-dark);color:#fff;padding:230px 6.5% 245px;overflow:hidden}
.section-wave{position:absolute;left:0;right:0;height:180px;pointer-events:none;z-index:-1;overflow:hidden}
.section-wave svg{display:block;width:100%;height:100%;overflow:visible}.section-wave.wave-top{top:-1px;background:#f4f4f4}.section-wave.wave-bottom{bottom:-1px;transform:rotate(180deg);background:#fff}
.luxury-work:before{content:"";position:absolute;inset:130px 0 auto;height:330px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 68% 0,rgba(126,113,185,.09),transparent 58%)}
.luxury-work .section-heading{max-width:1260px;margin:0 auto 72px;align-items:center;gap:35px}.luxury-work .eyebrow{color:#b1a9c9;font-size:11px;letter-spacing:0;margin-bottom:15px}.luxury-work h2{color:#fff;font-size:clamp(37px,4.4vw,63px);font-weight:700;line-height:1.65;letter-spacing:-2px}.luxury-work .section-heading p{font-size:13px;line-height:2.2;color:#bdc0cb;max-width:350px}
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px;max-width:1260px;margin:0 auto;align-items:stretch}
.portfolio-card{--card-rgb:153,194,173;--card-surface:#222a28;position:relative;display:flex;flex-direction:column;min-width:0;padding:16px 16px 0;border:1px solid rgba(var(--card-rgb),.43);border-radius:26px;background:linear-gradient(160deg,rgba(var(--card-rgb),.12),rgba(var(--card-rgb),.025) 70%);box-shadow:0 16px 50px rgba(0,0,0,.16),inset 0 1px 0 rgba(var(--card-rgb),.13);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;color:#fff}
.portfolio-card.mmd-card{--card-rgb:201,207,167;--card-surface:#2a2b25}.portfolio-card.vasl-card{--card-rgb:151,193,216;--card-surface:#242a30}
.portfolio-card:focus-visible{outline-color:#e3d5ff;outline-offset:7px}.frame-tab{align-self:center;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;height:29px;margin:-31px 0 16px;padding:0 21px;border:1px solid rgba(var(--card-rgb),.43);border-bottom:0;border-radius:15px 15px 0 0;background:var(--card-surface);font-size:9px;color:rgb(var(--card-rgb));letter-spacing:.2px}
.frame-tab:before,.frame-tab:after{content:"";position:absolute;bottom:0;width:10px;height:10px;background:radial-gradient(circle at 0 0,transparent 9px,var(--card-surface) 9.5px)}.frame-tab:before{right:-10px;transform:rotate(90deg)}.frame-tab:after{left:-10px}
.portfolio-window{overflow:hidden;border-radius:13px 13px 5px 5px;background:#101317;border:1px solid rgba(255,255,255,.09);position:relative}.browser-bar{height:29px;display:flex;align-items:center;gap:4px;padding:0 10px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.045)}
.browser-bar i{display:block;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.29)}.browser-bar span{margin:auto;font:8px/1 Arial,sans-serif;letter-spacing:.4px;color:#a9adb7;translate:-9px 0}
.portfolio-window img{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;transition:filter .3s;filter:saturate(.78)}
.portfolio-info{padding:26px 12px 21px;flex:1}.portfolio-category{font-size:9px;color:rgb(var(--card-rgb));line-height:1.8}.portfolio-info h3{font-size:29px;font-weight:700;line-height:1.6;letter-spacing:-.6px;margin:4px 0 10px}.portfolio-info p{font-size:12px;line-height:2;color:#c0c2cb;margin:0;max-width:310px;min-height:48px}
.portfolio-bottom{border-top:1px solid rgba(var(--card-rgb),.17);padding:18px 10px 26px;display:flex;align-items:center;justify-content:space-between;gap:10px}.portfolio-bottom>span:first-child{font:8px/1.4 Arial,sans-serif;letter-spacing:1px;color:#aeb3bf}.portfolio-visit{display:inline-flex;align-items:center;gap:9px;font-size:10px;white-space:nowrap}.portfolio-visit .icon{width:17px;height:17px;transition:transform .25s}
.frame-ornament{position:absolute;bottom:-15px;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:12px;width:105px;height:28px;border:1px solid rgba(var(--card-rgb),.43);border-top:0;border-radius:0 0 15px 15px;background:var(--card-surface)}.frame-ornament i{width:5px;height:5px;background:rgb(var(--card-rgb));opacity:.85}.frame-ornament i:first-child{border-radius:50%}.frame-ornament i:last-child{background:none;border:3px solid transparent;border-bottom-color:rgb(var(--card-rgb));width:0;height:0;translate:0 -1px}
@media(hover:hover){.portfolio-card:hover{transform:translateY(-8px);border-color:rgba(var(--card-rgb),.8);box-shadow:0 22px 60px rgba(0,0,0,.25),0 0 35px rgba(var(--card-rgb),.05)}.portfolio-card:hover .portfolio-window img{filter:saturate(1)}.portfolio-card:hover .portfolio-visit .icon{transform:translate(-3px,-3px)}}

.luxury-contact{position:relative;isolation:isolate;padding:250px 7% 0;background:#14151c;border-radius:0;overflow:hidden;color:#fff;--muted:#bfc1ce;--line:rgba(255,255,255,.13)}
.luxury-contact .wave-top{background:#fff}.luxury-contact:before{content:"";position:absolute;inset:120px 0 auto;height:430px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0,rgba(148,124,210,.1),transparent 65%)}
.footer-crest{position:absolute;left:50%;top:70px;translate:-50% 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#fff;color:#1c1d20;width:164px;height:122px;border-radius:0 0 48px 48px;padding:10px 20px 24px;z-index:1}.footer-crest:before,.footer-crest:after{content:"";position:absolute;top:15px;width:25px;height:25px}.footer-crest:before{right:-25px;background:radial-gradient(circle at 100% 100%,transparent 24px,#fff 24.8px)}.footer-crest:after{left:-25px;background:radial-gradient(circle at 0 100%,transparent 24px,#fff 24.8px)}.footer-crest .studio-symbol{width:68px}.footer-crest .studio-wordmark{font-size:7px;letter-spacing:2px}.footer-crest .studio-wordmark>span{font-size:5px;letter-spacing:3px;margin-left:3px}
.luxury-contact .contact-top{justify-content:center;text-align:center}.luxury-contact .contact-top .eyebrow{font-size:12px;color:#bdb6ce;margin:0 0 15px}.luxury-contact .contact-copy{text-align:center;max-width:1000px;margin:0 auto}.luxury-contact .contact-copy h2{font-size:clamp(42px,5.3vw,77px);font-weight:700;letter-spacing:-2.4px;line-height:1.7;margin:0 0 16px}.luxury-contact .contact-copy h2 span{color:#ece6f8}.luxury-contact .contact-copy p{font-size:15px;line-height:2.1;color:#bfc1ce;margin:0 0 28px}.luxury-contact .contact-actions{justify-content:center;gap:35px;flex-direction:row;align-items:center}.luxury-contact .contact-actions .button{border-radius:8px;font-size:12px;padding:16px 23px;gap:26px;min-height:50px}.luxury-contact .phone{display:inline-flex;align-items:center;gap:16px;font-size:22px;min-height:50px;letter-spacing:1px}.luxury-contact .phone .icon{width:20px;height:20px;color:#c2bdd1}
.footer-grid{max-width:1260px;margin:92px auto 0;padding:54px 0 48px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.55fr 1fr .8fr 1fr;gap:6%}.footer-intro h3{font-weight:700;font-size:24px;letter-spacing:-.5px;margin:0 0 15px}.footer-intro p{font-size:12px;line-height:2.2;color:#aeb1c0;max-width:310px;margin:0 0 22px}.footer-social{display:flex;gap:10px}.footer-social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:50%;transition:background .2s,border-color .2s}.footer-social .icon{width:19px;height:19px}.footer-social a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4)}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.footer-column h3{font-size:13px;font-weight:500;color:#f1f0f5;margin:6px 0 18px}.footer-column>a{display:flex;align-items:center;font-size:11px;color:#b3b6c4;line-height:1.9;min-height:40px;padding:5px 0;transition:color .2s}.footer-column>a:hover{color:#fff}.luxury-contact a:focus-visible,.luxury-contact button:focus-visible{outline-color:#d9ceef}
.luxury-contact .footer-bottom{max-width:1260px;margin:0 auto;padding:25px 0 32px;border-top:1px solid var(--line);gap:24px}.footer-bottom>span{font-size:10px;color:#9196a8}.footer-bottom .text-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;font-size:10px;color:#cac8d5}.footer-bottom .text-button:hover{color:#fff}.footer-bottom .text-button .icon{width:17px;height:17px}

@media(min-width:1601px){.luxury-header~main .showcase-hero{padding-inline:max(4.6%,calc((100vw - 1450px)/2))}}
@media(max-width:1180px){.studio-header.luxury-header{grid-template-columns:minmax(0,1fr) 184px minmax(0,1fr);gap:0 18px}.luxury-header .studio-header-start,.luxury-header .studio-header-end{gap:18px;padding:0 12px}.luxury-header .studio-brand{width:184px}.luxury-header .header-link{font-size:11px;gap:7px}.luxury-header .header-link .icon{width:15px;height:15px}.project-gallery{gap:23px}.portfolio-card{padding-inline:12px;border-radius:21px}.portfolio-info{padding:22px 8px 20px}.portfolio-info h3{font-size:26px}.portfolio-bottom{padding-inline:5px}.portfolio-bottom>span:first-child{letter-spacing:.6px;font-size:7px}.footer-grid{gap:4%;grid-template-columns:1.4fr 1fr .8fr 1fr}}
@media(max-width:1000px){.luxury-header .header-link .icon{display:none}.luxury-header .studio-header-start,.luxury-header .studio-header-end{gap:16px;padding:0 8px}.luxury-header .theme-preview-toggle>span{display:none}.luxury-header .studio-brand{width:170px}.studio-header.luxury-header{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);padding-inline:20px;column-gap:20px}.luxury-work{padding-inline:5%}.project-gallery{gap:18px}.portfolio-info h3{font-size:23px}.portfolio-info p{font-size:11px}.portfolio-category{font-size:8px}.portfolio-bottom{gap:5px}.portfolio-visit{font-size:9px;gap:6px}.portfolio-bottom>span:first-child{font-size:6px}.luxury-contact{padding-inline:6%}.footer-grid{column-gap:4%;row-gap:38px;grid-template-columns:1.4fr 1fr 1fr}.footer-intro{grid-column:1/-1}.footer-intro p{max-width:450px}.footer-grid .footer-column{grid-row:2}}
@media(max-width:760px){
  .studio-header.luxury-header{height:110px;grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);grid-template-rows:100%;padding:0 6%;column-gap:12px;margin-bottom:20px;border-bottom:1px solid #eeedf0}
  .luxury-header .studio-header-start,.luxury-header .studio-header-end{grid-row:1;padding:0;gap:0;height:100%;flex-direction:column;justify-content:center}.luxury-header .studio-header-start{align-items:flex-start}.luxury-header .studio-header-end{align-items:flex-end}.luxury-header .header-link{display:none}.luxury-header .studio-menu-toggle{font-size:11px;gap:8px}.luxury-header .studio-utility-button{font-size:10px;min-height:42px;gap:6px}.luxury-header .theme-preview-toggle>span{display:block;font-size:7px}.luxury-header .theme-preview-toggle{min-height:38px}
  .luxury-header .studio-brand{width:128px;height:132px;padding:14px 14px 21px;gap:9px;border:1px solid #eeedf0;border-top:0;border-radius:0 0 34px 34px}.luxury-header .studio-brand .studio-symbol{width:64px}.luxury-header .studio-wordmark{font-size:7px;letter-spacing:1.4px}.luxury-header .studio-wordmark>span{font-size:5px;letter-spacing:2.7px;margin-left:2.7px}.luxury-header .studio-brand:before,.luxury-header .studio-brand:after{display:none}.header-ribbon{display:none}.luxury-header~main .showcase-hero{padding-top:35px;min-height:0}
  .luxury-work{padding:160px 6% 175px}.section-wave{height:125px}.luxury-work .section-heading{display:block;margin-bottom:58px}.luxury-work .eyebrow{font-size:10px}.luxury-work h2{font-size:39px;line-height:1.65;letter-spacing:-1.2px}.luxury-work .section-heading p{margin-top:16px;font-size:12px}.project-gallery{grid-template-columns:1fr;gap:60px;max-width:460px}.portfolio-card{padding:16px 16px 0;border-radius:25px}.portfolio-info{padding:24px 12px 23px}.portfolio-info h3{font-size:29px}.portfolio-info p{font-size:12px;min-height:0;max-width:none}.portfolio-category{font-size:10px}.portfolio-bottom{padding:17px 10px 25px;gap:14px}.portfolio-bottom>span:first-child{font-size:8px;letter-spacing:1px}.portfolio-visit{font-size:11px;gap:10px}.browser-bar{height:29px}.browser-bar span{font-size:8px}
  .luxury-contact{padding:205px 6% calc(110px + env(safe-area-inset-bottom));border-radius:0}.footer-crest{width:136px;height:112px;top:46px;gap:8px;padding:10px 16px 21px;border-radius:0 0 39px 39px}.footer-crest:before,.footer-crest:after{top:10px}.footer-crest .studio-symbol{width:60px}.footer-crest .studio-wordmark{font-size:6px}.footer-crest .studio-wordmark>span{font-size:5px;letter-spacing:2.4px;margin-left:2.4px}.luxury-contact .contact-top .eyebrow{font-size:10px;margin-bottom:18px}.luxury-contact .contact-copy h2{font-size:39px;letter-spacing:-1.2px;line-height:1.7;margin:0 0 17px}.luxury-contact .contact-copy h2 span{display:block}.luxury-contact .contact-copy p{font-size:13px;margin-bottom:25px}.luxury-contact .contact-actions{flex-direction:column;gap:18px;align-items:center}.luxury-contact .contact-actions .button{font-size:12px;gap:28px;padding:15px 23px}.luxury-contact .phone{font-size:21px;gap:15px}.footer-grid{margin-top:55px;padding-top:36px;padding-bottom:34px;grid-template-columns:1fr 1fr;gap:30px 20px}.footer-intro{grid-column:1/-1}.footer-intro h3{font-size:23px;margin-bottom:12px}.footer-intro p{font-size:12px;max-width:390px}.footer-grid .footer-column{grid-row:auto}.footer-column h3{font-size:12px;margin:2px 0 11px}.footer-column>a{font-size:11px;min-height:44px;line-height:1.9}.footer-social a{width:44px;height:44px}.luxury-contact .footer-bottom{margin:0;display:flex;justify-content:space-between;padding:22px 0 0;gap:16px;flex-wrap:wrap}.footer-bottom>span{font-size:9px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom .text-button{font-size:10px;width:auto;min-height:44px}
}
@media(max-width:350px){.studio-header.luxury-header{padding-inline:16px;grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);column-gap:8px}.luxury-header .studio-brand{width:108px}.luxury-header .studio-brand .studio-symbol{width:58px}.luxury-header .studio-wordmark{font-size:6px;letter-spacing:1.1px}.luxury-header .studio-utility-button{gap:4px}.luxury-work h2{font-size:35px}.portfolio-card{padding-inline:12px}.portfolio-info{padding-inline:7px}.portfolio-info h3{font-size:26px}.portfolio-bottom{padding-inline:5px}.portfolio-bottom>span:first-child{font-size:7px;letter-spacing:.5px}.portfolio-visit{font-size:10px;gap:6px}.luxury-contact .contact-copy h2{font-size:35px}.footer-grid{column-gap:14px}.footer-column h3{font-size:11px}.footer-column>a{font-size:10px}.footer-bottom>span{font-size:8px}.footer-bottom .text-button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-window img,.portfolio-visit .icon,.ribbon-contact .icon{transition:none}.portfolio-card:hover{transform:none}}

/* The luminous SVG layers provide the light without a rectangular gradient seam. */
.luxury-work:before,.luxury-contact:before{display:none}
.hero-title-final{white-space:nowrap}

/* Four projects keep a balanced two-by-two gallery with readable desktop previews. */
.project-gallery.project-gallery-four{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;gap:62px 36px}
.portfolio-card.arvan-card{--card-rgb:190,208,176;--card-surface:#272e28}
.project-gallery-four .portfolio-info p{max-width:none}
@media(max-width:760px){.project-gallery.project-gallery-four{grid-template-columns:1fr;max-width:460px;gap:60px}}