/* Phone-first refinements, shared navigation and a clearer optical material. */
@font-face{font-family:'Noto Sans Armenian';src:url('assets/NotoSansArmenian-0.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans Armenian';src:url('assets/NotoSansArmenian-1.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Noto Sans Armenian';src:url('assets/NotoSansArmenian-2.ttf') format('truetype');font-weight:600;font-display:swap}
:root{
  --glass-bg:linear-gradient(145deg,#ffffff54,#ffffff14 46%,#ffffff38);
  --glass-shadow:inset 0 1px 1px #fffffff2,inset 0 -1px 1px #ffffff75,0 5px 18px #17213114,0 1px 3px #17213114;
  --glint-blue:#74baffc7;--glint-violet:#bc8ee5b8;--glint-rose:#f39bbfb3;--glint-amber:#ffc98fc7;
  --ease-out:cubic-bezier(.23,1,.32,1);
  scroll-padding-top:28px;
}
body{font-family:Manrope,'Noto Sans Armenian',sans-serif}
html[lang=hy] body{font-family:'Noto Sans Armenian',Manrope,sans-serif}
html[lang=hy] h1,html[lang=hy] h2,html[lang=hy] h3{letter-spacing:-.02em;overflow-wrap:anywhere;hyphens:auto}
html[lang=hy] .panel-description{overflow-wrap:anywhere}
.brand{font-family:Manrope,sans-serif;display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
a,button,summary,select{touch-action:manipulation}
button,select,summary{min-height:48px}
:focus-visible{outline:3px solid #a64412;outline-offset:4px}
.skip{z-index:50;min-height:48px;display:flex;align-items:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{gap:18px;background-color:#ffffff38;isolation:auto}
.site-header nav{margin-left:auto}
.site-header nav a{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.header-contact{min-height:48px;font-size:14px}
.header-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.language-picker{position:relative;display:flex;align-items:center;border-radius:100px;width:106px;height:48px}
.language-picker select{width:100%;height:48px;margin:0;padding:0 28px 0 34px;border:0;border-radius:inherit;background:transparent;appearance:none;font-size:16px;font-weight:600;cursor:pointer;line-height:1.3}
.language-picker select option{background:white;color:#151515}
.language-icon,.language-chevron{position:absolute;pointer-events:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.language-icon{left:12px}.language-chevron{right:10px;width:12px;height:12px}
.mobile-menu{display:none}
.text-link,.quiet-link,.site-footer>a:last-child{min-height:48px;font-size:16px}
.text-link,.quiet-link{padding-block:10px;line-height:1.5}
.site-footer{padding-bottom:max(28px,env(safe-area-inset-bottom));gap:20px}
.site-footer>a:last-child{display:inline-flex;align-items:center}
.site-footer>a.brand:last-child{font-size:28px;min-width:66px;margin-left:0}
.button{font-size:16px;min-height:52px;line-height:1.45}
.button.glass,.handover-hero .button.glass{background:var(--glass-bg);background-color:#ffffff26;color:#151515}
:where(.glass){position:relative}
.glass{-webkit-backdrop-filter:blur(14px) saturate(135%);backdrop-filter:blur(14px) saturate(135%)}
.glass::before{
  padding:1.5px;opacity:1;
  background:radial-gradient(ellipse 46% 90% at 8% 8%,var(--glint-blue),transparent 76%),radial-gradient(ellipse 36% 90% at 60% 0%,var(--glint-violet),transparent 78%),radial-gradient(ellipse 40% 90% at 35% 100%,var(--glint-rose),transparent 78%),radial-gradient(ellipse 38% 100% at 98% 90%,var(--glint-amber),transparent 78%),linear-gradient(155deg,#fff,#ffffff50 46%,#ffffffd9);
}
.glass::after{background:radial-gradient(ellipse at var(--shine-x,20%) var(--shine-y,5%),#ffffffa1,transparent 56%);box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #ffffff40}
.glass[data-lens]{-webkit-backdrop-filter:blur(10px) saturate(135%) var(--glass-lens);backdrop-filter:blur(10px) saturate(135%) var(--glass-lens)}
.panel-content{position:absolute;background-color:#ffffff38}
.kit-options .glass-choice,.project-switch .glass-choice{background:var(--glass-bg);background-color:#ffffff12;color:#353535}
.kit-options .glass-choice[aria-pressed=true],.project-switch .glass-choice[aria-pressed=true]{background:linear-gradient(145deg,#ffffff75,#d6dce033);background-color:#d6dce02b;color:#151515;box-shadow:inset 0 1px 2px #fff,0 4px 10px #17213124,0 0 0 1px #626f7d30;font-weight:600}
.kit-options .glass-choice,.kit-options .glass-choice[aria-pressed=true]{font-weight:500}
.kit-custom.glass{border-radius:inherit;overflow:hidden;background:linear-gradient(135deg,#ffffff57,#ffffff0d 60%,#d9e4ed17)}
.kit-custom.glass::before{padding:2px;z-index:3}
.kit-custom h3,.kit-custom p{position:relative;z-index:2}
.liquid-sheen{position:absolute;inset:-35%;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 18% 30%,#88b9e638,transparent 47%),radial-gradient(ellipse at 70% 70%,#d7b0d33b,transparent 44%),linear-gradient(120deg,transparent 30%,#ffffffb0 46%,#ffffff00 62%);transform:translate3d(0,0,0);opacity:.8}
.light-label,.time-bar{background-color:#ffffff50}
.light-label p{font-size:16px;line-height:1.5}
.time-bar button{min-width:48px;min-height:48px;font-size:15px}
.brief-page form label{font-size:16px}
.brief-page input,.brief-page select,.brief-page textarea{font-size:16px;min-height:48px}
#brief-result{scroll-margin-top:24px}
#copy-status{font-size:16px}
@media(hover:hover) and (pointer:fine){
  .button.glass:hover{background:var(--glass-bg);background-color:#ffffff50;color:#151515}
  .kit-options .glass-choice:hover,.project-switch .glass-choice:hover{background:var(--glass-bg);background-color:#e7edf133}
}
@media(max-width:1100px){.site-header{gap:12px;padding-inline:20px}.header-contact{display:none}}
@media(max-width:920px){
  .site-header{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));height:68px;padding:0 16px;gap:14px}
  .site-header>.desktop-nav,.site-header>.header-contact{display:none}
  .site-header>.brand{font-size:32px}
  .header-tools{margin-left:auto;gap:10px}
  .mobile-menu{display:block}
  .mobile-menu>summary{width:48px;height:48px;padding:0;list-style:none;border-radius:50%;display:grid;place-items:center;cursor:pointer}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .mobile-menu>summary::after{display:none}
  .menu-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
  .menu-icon .close-lines,.mobile-menu[open] .menu-icon .menu-lines{display:none}
  .mobile-menu[open] .menu-icon .close-lines{display:block}
  .mobile-menu nav{position:absolute;top:calc(100% + 10px);left:0;right:0;padding:14px;display:grid;gap:4px;margin:0;border-radius:20px;background:#fffffff2;box-shadow:0 14px 36px #17213124;max-height:calc(100svh - 108px);overflow:auto;overscroll-behavior:contain}
  .mobile-menu nav a{display:flex;justify-content:flex-start;min-height:48px;font-size:16px;padding:12px 16px;border-radius:12px;white-space:normal}
  .mobile-menu nav a[aria-current]{background:#f0f2f5;box-shadow:none}
  .mobile-menu nav .menu-contact{margin-top:6px;background:#f3f1ee;color:#151515}
}
@media(max-width:760px){
  :root{--gutter:20px;scroll-padding-top:20px}
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  main p,.steps p,.service-rows p,.production-note p,.sticky-copy p,.section-heading>p,.hero-bottom p,.door-hero p,.handover-hero p{font-size:16px;line-height:1.6}
  h1{font-size:clamp(34px,10vw,44px);line-height:1.12}h2{font-size:clamp(28px,8.2vw,36px);line-height:1.18}
  .section-pad{padding:56px var(--gutter)}
  .landing{padding:112px 12px 0}
  .intro{margin:0 8px 28px}.intro h1{font-size:clamp(34px,9.4vw,42px);line-height:1.1}.intro p{display:none}
  .service-panels{gap:14px}
  .service-panel{height:clamp(238px,31svh,300px);min-height:0}
  .panel-content{left:12px;right:12px;bottom:12px;padding:18px 20px}
  .panel-heading{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:12px;padding:0}
  .panel-heading h2{font-size:27px;line-height:1.12;letter-spacing:-.03em}
  .panel-heading .arrow{position:relative;top:auto;right:auto;justify-self:end}
  .panel-description{display:none}
  .panel-image{inset:0;width:100%;height:100%;transform:none!important}
  .approach{gap:28px}.approach p{font-size:16px;margin-top:22px}.scroll-words{font-size:32px}.scroll-words > span{opacity:1!important;transform:none!important}
  .button{width:100%;max-width:100%;min-height:54px;padding:16px 22px;gap:20px;white-space:normal;text-align:left}
  .site-footer{padding:24px var(--gutter) max(24px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:12px}
  .site-footer .brand{font-size:28px}.site-footer>a:last-child{font-size:15px;max-width:100%;width:auto;line-height:1.5}
  .immersive-hero{height:auto;min-height:740px;min-height:max(740px,94svh);max-height:none;padding:140px 20px 36px;display:flex;align-items:flex-end}
  .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;width:100%;display:block;z-index:1}
  .hero-bottom h1{font-size:clamp(37px,11vw,48px)}.hero-bottom p{margin-top:24px}.hero-bottom .button{margin-top:28px}
  .section-heading{padding-bottom:28px}.section-heading p{margin-top:20px}
  .light-showroom{height:540px;min-height:0;margin:0 12px}
  .time-bar{top:14px;left:14px;right:14px;transform:none;max-width:none;gap:2px;padding:4px;display:flex}
  .time-bar button{flex:1;justify-content:center;padding:10px 8px;gap:7px;font-size:15px;min-width:0;white-space:normal}
  .time-bar .sun-icon{display:none}
  .light-label{left:12px;right:12px;bottom:12px;display:block;padding:20px;max-width:none}
  .light-label>span{font-size:24px;line-height:1.2;display:block;margin-bottom:12px}.light-label h3{font-size:22px}.light-label p{font-size:16px;margin-top:8px}
  .split-section{gap:28px}.video-figure video{aspect-ratio:16/9}.sticky-copy p{margin:20px 0 26px}
  .door-hero-copy{padding:122px var(--gutter) 32px}.door-hero h1{font-size:clamp(34px,9.8vw,44px);overflow-wrap:break-word}.door-hero p{margin-top:24px}.door-hero .button{margin:28px 0 10px}
  .door-hero-image{height:440px;height:min(115vw,520px);margin:0 12px}
  .project-stage{margin:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
  .project-story{display:contents}.project-switch{grid-row:1;margin:0;gap:8px;display:flex;flex-wrap:wrap;width:100%}
  .project-switch button{min-height:48px;padding:12px 15px;font-size:15px;flex:1 1 auto;white-space:normal}
  .project-photo-wrap{grid-row:2;height:450px;height:min(120vw,540px)}
  .project-description{grid-row:3}.project-story .text-link{grid-row:4;margin:0}
  .project-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .project-switch .glass-choice{min-width:0;min-height:72px;padding:12px 6px;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;font-weight:600}
  .project-description h3{font-size:30px;line-height:1.25}.project-description p{font-size:16px}
  .door-services{margin-top:0;gap:28px}.service-rows summary{font-size:20px;min-height:56px;padding-block:18px}
  .production-note h2{font-size:32px}
  .handover-hero{padding-top:100px}.handover-hero-copy{padding:24px var(--gutter) 32px}.handover-hero h1{font-size:42px}.handover-hero p{margin-top:20px}
  .handover-hero-photo{height:auto;aspect-ratio:1;margin:0 12px 12px}.handover-hero-photo img{height:100%}
  .kit-viewer{gap:24px}.kit-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
  .kit-options button{min-width:0;min-height:50px;padding:12px 10px;font-size:15px;line-height:1.35;white-space:normal}
  .kit-photo{aspect-ratio:1}.kit-custom{padding:26px;gap:20px}.kit-custom h3{font-size:clamp(24px,7vw,30px);max-width:14ch;line-height:1.2}.kit-custom p{font-size:16px;line-height:1.5}
  .kit-detail-copy h3{font-size:30px;line-height:1.25}.kit-description p{font-size:16px}
  .kit-detail-copy>.text-link{margin-top:0}.detail-section{gap:30px}.steps li{padding:24px 0 24px 38px}.steps p{font-size:16px}
  .end-cta h2{font-size:32px}.end-cta .button{margin-top:26px}
  .brief-page{padding-top:120px;gap:32px}.brief-page h1{font-size:42px}.brief-page>div>p{margin-top:20px}
  .brief-page form{padding:24px 20px}.brief-page label{font-size:16px;margin-bottom:24px}.brief-page .button{font-size:16px;padding:16px 20px}
  .brief-page textarea{min-height:132px}.brief-page .demo-note{font-size:16px}
  html[lang=hy] h1{font-size:clamp(31px,8.5vw,40px)}
  html[lang=hy] .panel-heading h2{font-size:25px}
  html[lang=hy] .section-heading h2{font-size:clamp(25px,6.6vw,36px)}
  html[lang=hy] .kit-custom h3{font-size:clamp(22px,6.2vw,28px)}
}
@media(max-width:360px){
  :root{--gutter:16px}.site-header{padding-inline:12px}.header-tools{gap:6px}.language-picker{width:104px}
  .kit-options button{font-size:14px}.kit-custom{padding:22px;gap:16px}.kit-custom p{font-size:16px;line-height:1.4}
  .site-footer>a:last-child{margin-left:0}
}
@media(prefers-reduced-motion:reduce){
  .liquid-sheen{transform:none!important}
  .glass::after{background:radial-gradient(ellipse at 20% 0%,#ffffff85,transparent 65%)}
}
@supports not (backdrop-filter:blur(1px)){
  .glass,.button.glass,.panel-content,.site-header,.light-label,.time-bar{background:#fffffff2}
}
@media(prefers-reduced-transparency:reduce){
  .glass,.glass[data-lens],.button.glass,.panel-content,.site-header,.light-label,.time-bar,.kit-custom.glass{background:#f5f5f7;-webkit-backdrop-filter:none;backdrop-filter:none}
  .liquid-sheen{display:none}
}

/* Independent wordmark and controls; the header itself has no material layer. */
.site-header.site-header--split{
  top:max(24px,env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);
  height:56px;padding:0;gap:20px;border:0;border-radius:0;
  background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:auto;
}
.site-header--split::before,.site-header--split::after{content:none}
.site-header--split .brand{font-size:40px;line-height:1;letter-spacing:-.04em;padding:0}
.site-header--split .header-tools{margin-left:auto;gap:12px;align-items:center}
.site-header--split .language-picker{display:block;position:relative;width:108px;height:50px}
.site-header--split .header-tools summary{
  list-style:none;display:grid;place-items:center;height:50px;min-height:50px;
  justify-content:center;align-content:center;padding:0;gap:0;cursor:pointer;border:0;border-radius:100px;
}
.site-header--split .header-tools summary::-webkit-details-marker{display:none}
.site-header--split .header-tools summary::marker{content:''}
.site-header--split .header-tools summary::after{content:'';display:block}
.site-header--split .language-trigger{grid-template-columns:16px 1fr 12px;padding:0 13px!important;column-gap:7px!important;width:108px;font-size:16px;line-height:1;font-weight:500}
.site-header--split .language-current{font-size:16px;color:#151515;font-weight:500;line-height:1}
.site-header--split .language-icon,.site-header--split .language-chevron{position:static;display:block}
.site-header--split .language-icon{width:16px;height:16px}
.site-header--split .language-chevron{width:12px;height:12px;transition:transform 180ms var(--ease-out)}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.site-header--split .mobile-menu{position:relative;display:block}
.site-header--split .mobile-menu>summary{width:50px}
.site-header--split .menu-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.site-header--split .menu-icon .close-lines,.site-header--split .mobile-menu[open] .menu-lines{display:none}
.site-header--split .mobile-menu[open] .close-lines{display:block}
.site-header--split .mobile-menu nav,.language-menu{
  position:absolute;top:calc(100% + 12px);right:0;left:auto;margin:0;padding:8px;
  border-radius:20px;background-color:#ffffffeb;box-shadow:0 12px 38px #1721311a,0 2px 6px #1721310a;
  -webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);z-index:20;
}
.site-header--split .mobile-menu nav{width:min(340px,calc(100vw - 40px));display:grid;gap:4px;max-height:calc(100svh - 108px);overflow:auto;overscroll-behavior:contain}
.site-header--split .mobile-menu nav a{min-height:52px;font-size:17px;line-height:1.45;display:flex;justify-content:space-between;padding:14px 16px;white-space:normal;border-radius:13px}
.site-header--split .mobile-menu nav a[aria-current]{background:#15151508;box-shadow:none}
.site-header--split .mobile-menu nav .menu-contact{margin-top:4px;background:#15151507;border-top:1px solid #1515150a;color:#151515}
.language-menu{width:218px;display:grid;gap:4px}
.language-menu button{border:0;border-radius:13px;background:transparent;color:#151515;display:grid;grid-template-columns:1fr 32px 16px;align-items:center;gap:10px;text-align:left;padding:12px;min-height:48px;font-size:16px;line-height:1.5}
.language-menu button[aria-pressed=true]{background:#15151509}
.language-code{font-size:12px;color:#666;text-align:center}
.language-check{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
.language-menu [aria-pressed=true] .language-check{visibility:visible}
.header-tools :focus-visible{outline:2px solid #747c89;outline-offset:4px}
.digital-page .site-header .brand,.digital-page .site-header .brand span{color:#fff}
.digital-page .site-header .brand:hover,.digital-page .site-header .brand:hover span,.digital-page .site-header .brand:focus-visible,.digital-page .site-header .brand:focus-visible span{color:#ff914f}
.brief-page.section-pad{padding-top:168px}
.handover-process{background:#fff}
.handover-process>h2{max-width:16ch;font-size:clamp(30px,3.5vw,48px);line-height:1.15;margin-bottom:52px}
.process-steps{list-style:none;counter-reset:process;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.process-steps>li{counter-increment:process;min-width:0;border-top:1px solid #15151520;padding-top:20px}
.process-steps>li::before{content:'0' counter(process);display:block;font-size:14px;line-height:1.4;color:#666;font-variant-numeric:tabular-nums;margin-bottom:26px}
.process-steps h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px}
.process-steps p{font-size:16px;line-height:1.65;color:#656565;max-width:34ch}
.handover-page .end-cta{padding-top:56px;padding-bottom:64px}
@media(hover:hover) and (pointer:fine){
  .language-menu button:hover,.site-header--split .mobile-menu nav a:hover{background:#1515150b}
}
@media(max-width:920px){
  .site-header.site-header--split{top:max(20px,env(safe-area-inset-top));left:20px;right:20px;height:50px}
  .site-header--split .brand{font-size:40px}
  .brief-page.section-pad{padding-top:144px}
  .process-steps{gap:24px}.process-steps h3{font-size:21px}
}
@media(max-width:760px){
  .site-header--split .brand{font-size:32px}
  .site-header--split .header-tools{gap:8px}
  .site-header--split .language-picker{width:100px;height:48px}
  .site-header--split .header-tools summary{height:48px;min-height:48px}
  .site-header--split .language-trigger{width:100px;padding-inline:10px!important;column-gap:6px!important}
  .site-header--split .mobile-menu>summary{width:48px}
  .brief-page.section-pad{padding-top:132px}
  .handover-process>h2{margin-bottom:32px;font-size:32px;max-width:16ch}
  .process-steps{grid-template-columns:minmax(0,1fr);gap:26px}
  .process-steps>li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:18px;padding-top:22px}
  .process-steps>li::before{grid-column:1;grid-row:1 / 3;margin:3px 0 0}
  .process-steps h3{grid-column:2;margin-bottom:10px;font-size:21px}
  .process-steps p{grid-column:2;max-width:40ch}
}
@media(max-width:360px){
  .site-header.site-header--split{left:16px;right:16px;gap:8px}
  .site-header--split .brand{font-size:32px}
  .site-header--split .language-picker,.site-header--split .language-trigger{width:94px}
  .site-header--split .language-trigger{grid-template-columns:1fr 12px}
  .site-header--split .language-icon{display:none}
  .site-header--split .header-tools{gap:8px}
  .language-menu{right:-56px;width:218px}
}
@media(prefers-reduced-motion:reduce){.language-chevron{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.language-menu,.site-header--split .mobile-menu nav{background:#fff;backdrop-filter:none}}

/* The user-selected square photo fills the hero without cropping or letterboxing. */
.handover-hero-photo{position:relative;aspect-ratio:1;align-self:center;height:auto;background:#e7d9c7}
.handover-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.handover-hero-photo{aspect-ratio:1;align-self:stretch;height:auto}}

/* Header wordmark matches the demo; footer retains its original styling. */
.site-header.site-header--split a.brand span{color:#ff914f}