/* A quiet architectural frontispiece. The working archive continues below. */
.refined-home .site-header{height:82px;border:0;background:rgba(250,250,250,.96);backdrop-filter:blur(12px)}
.refined-home .header-inner{max-width:none;padding-inline:clamp(24px,3.6vw,72px)}
.refined-home .official-logo{width:35px;height:35px}
.refined-home .brand{gap:11px}
.refined-home .company-name{font-size:13px;font-weight:500;letter-spacing:-.025em}
.refined-home .company-name small{font-size:9px;margin-top:4px;color:var(--muted)}
.refined-home .main-nav{font-size:11px;gap:clamp(17px,2.1vw,38px)}
.refined-home .main-nav .nav-contact{border:0;padding:9px 0}
.landing{position:relative;margin-top:-82px;height:100svh;min-height:672px;overflow:hidden;background:var(--paper);isolation:isolate}
.landing-scene{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}
.landing:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.63),transparent 24%,transparent 66%,rgba(0,0,0,.72));opacity:var(--photo-field,1)}
.landing-index,.landing-statement,.landing-footer{z-index:1;color:color-mix(in srgb,var(--ink),white calc(var(--photo-field,1)*100%))!important}
.landing .landing-caption,.landing .landing-toggle{color:inherit}
.refined-home .site-header.over-landing{background:transparent;backdrop-filter:none;color:color-mix(in srgb,var(--ink),white calc(var(--photo-field,1)*100%))}
.refined-home .site-header.over-landing .company-name small,.refined-home .site-header.over-landing .menu-toggle{color:inherit}
.refined-home .site-header.over-landing .official-logo{filter:invert(var(--photo-field,1))}
.refined-home .site-header.over-landing:has(.main-nav.is-open){--photo-field:0!important;background:var(--paper)}
.landing-scene canvas{display:block;width:100%;height:100%}
.landing-collage .landing-scene canvas{opacity:0}
.landing-collage.collage-ready .landing-scene canvas{opacity:1}
.collage-still{--plate:min(calc((100svh - 252px)*.94),61vw,820px);position:absolute;inset:0;background:var(--collage-atlas) center/var(--plate) var(--plate);filter:grayscale(1)}
.collage-still:after{content:'';position:absolute;width:var(--plate);height:var(--plate);left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);mask:var(--collage-mask) center/100% 100%;-webkit-mask:var(--collage-mask) center/100% 100%}
.collage-still img{width:100%;height:100%;object-fit:cover;min-width:0;min-height:0}
.collage-ready .collage-still{visibility:hidden}
.landing-index{position:absolute;left:clamp(24px,3.6vw,72px);top:112px;display:flex;flex-direction:column;gap:5px;font:8px/1.7 var(--mono);letter-spacing:.08em;color:var(--muted);pointer-events:none}
.landing-index span:last-child{font-size:7px}
.landing-collage .landing-statement{bottom:100px}
.landing-collage .landing-statement h1{font-size:clamp(21px,1.65vw,29px)}
.landing-statement{position:absolute;left:clamp(24px,3.6vw,72px);bottom:116px;z-index:1}
.landing-statement h1{font-size:clamp(21px,1.65vw,29px);font-weight:400;line-height:1.65;letter-spacing:-.055em;margin:0}
.landing-footer{position:absolute;bottom:30px;left:clamp(24px,3.6vw,72px);right:clamp(24px,3.6vw,72px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
.landing-enter{display:flex;align-items:center;gap:48px;min-height:44px}
.landing-enter span{font-size:19px;transition:transform .3s}
.landing-enter:hover{color:var(--accent)}
.landing-enter:hover span{transform:translateY(4px)}
.landing-motion-control{display:flex;align-items:center;gap:22px}
.landing-caption{font-family:var(--mono);font-size:9px;letter-spacing:.09em;color:var(--muted)}
.landing-toggle{width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);font-size:13px}
.landing-toggle:hover{color:var(--accent)}
.landing-toggle[aria-pressed=true]{color:var(--accent)}
.design-evidence{padding-top:80px;padding-bottom:32px}
.design-evidence-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}
.design-evidence-intro h2{font-size:clamp(26px,2.6vw,42px);line-height:1.4}
.design-evidence-intro p{max-width:520px;font-size:15px;color:var(--muted)}
.landing-fallback{position:absolute;inset:10% 10% 22% 30%;transform:skewY(-18deg);display:flex;gap:30px;align-items:center}
.landing-fallback i{display:block;flex:1;height:70%;border:1px solid #999;background:#ededed;border-top:18px solid #ddd;border-right:18px solid #ccc}
.landing-fallback i:nth-child(2){height:90%;background:#fafafa}
@media(max-width:1000px){.refined-home .main-nav{gap:17px;font-size:10px}.landing-statement{bottom:114px}}
@media(max-width:760px){
  .refined-home .site-header{height:72px}
  .refined-home .official-logo{width:31px;height:31px}
  .refined-home .company-name{font-size:12px}
  .refined-home .company-name small{font-size:8px}
  .refined-home .menu-toggle{font-size:11px;padding-right:0}
  .refined-home .main-nav{top:71px;font-size:14px;padding:18px 24px 24px;border-bottom:1px solid var(--line)}
  .refined-home .main-nav.is-open{gap:0}
  .refined-home .main-nav a{padding:11px 0}
  .refined-home .main-nav .nav-contact{margin-top:0;padding:11px 0}
  .landing{margin-top:-72px;height:100svh;min-height:607px}
  .landing-scene{width:100%;height:100%;inset:0}
  .collage-still{--plate:min(calc((100svh - 272px)*.78),82vw,820px)}
  .landing-index{top:78px;font-size:7px}
  .landing-index span:last-child{display:none}
  .landing-statement{bottom:113px}
  .landing-statement h1{font-size:22px;line-height:1.65}
  .landing-footer{bottom:20px;font-size:10px}
  .landing-enter{gap:24px}
  .landing-motion-control{gap:5px}
  .landing-caption{font-size:7px;letter-spacing:.02em}
  .design-evidence{padding-top:52px}
  .design-evidence-intro{display:block;margin-bottom:25px}
  .design-evidence-intro p{font-size:14px;margin-top:20px}
}
@media(max-width:380px){.landing-statement h1{font-size:20px}.landing-caption{max-width:106px;line-height:1.7}}
@media(max-height:620px) and (min-width:761px){.landing{min-height:562px}.landing-statement{bottom:106px}}