/* Buro: clear optical glass, neutral surfaces, localized edge reflections. */
:root {
  --paper:#fff; --white:#fff; --ink:#151515; --muted:#656565;
  --line:#0000001c; --coral:#ff914f; --peach:#f5f5f7; --accent:#151515;
  --glass-bg:linear-gradient(145deg,#ffffff8c,#ffffff30 42%,#ffffff65);
  --glass-shadow:inset 0 1px 1px #ffffffed,inset 0 -1px 1px #ffffff80,inset 1px 0 1px #ffffff70,0 4px 14px #00000012,0 1px 3px #00000014;
  color-scheme:light; scrollbar-color:#a2a2a2 #fff;
}
body{background:#fff;color:var(--ink)}
::selection{background:#ffd7bf;color:#151515}
.glass {
  isolation:isolate;background:var(--glass-bg);background-color:transparent;
  box-shadow:var(--glass-shadow);color:var(--ink);
  -webkit-backdrop-filter:blur(8px) saturate(120%);
  backdrop-filter:blur(8px) saturate(120%);
}
/* A bright lip and opposing glints, not a continuous coloured outline. */
.glass::before {
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;padding:1px;
  background:radial-gradient(ellipse 22% 70% at 8% 0%,#bdd5ffb0,transparent 75%),radial-gradient(ellipse 20% 65% at 94% 100%,#eac6df90,transparent 75%),linear-gradient(155deg,#fffffff5 0%,#ffffffa6 22%,#ffffff20 45%,#99a1aa36 57%,#ffffffcf 83%,#fff 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
  opacity:.95;filter:none;
}
.glass::after {
  content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse at var(--shine-x,18%) var(--shine-y,0%),#ffffff70,transparent 60%);
  box-shadow:inset 0 2px 4px #ffffff70,inset 0 -2px 4px #c2c9cf1a;
}
.glass[data-lens]{-webkit-backdrop-filter:blur(8px) saturate(120%) var(--glass-lens);backdrop-filter:blur(8px) saturate(120%) var(--glass-lens)}
.site-header{background-color:#ffffff75;color:#151515}
.site-header nav a[aria-current]{background:#ffffff70;box-shadow:inset 0 1px 0 #fff,0 2px 5px #0000000a}
.brand,.brand span{color:#151515;transition:color 200ms}
.brand:hover,.brand:hover span,.brand:focus-visible,.brand:focus-visible span{color:#ff914f}
.button{background:#171717;color:#fff}
.button.secondary{background:#efeff1;color:#151515}
.button.glass{position:relative;background-color:#ffffff65;color:#151515}
.quiet-link,.text-link{color:#353535}
.skip{background:#fff;color:#151515}
.site-header .brand{color:#151515}.site-header .brand:hover{color:#ff914f}
.landing{padding-bottom:28px}
.service-panels{height:clamp(460px,calc(100svh - 290px),820px)}
.service-panel{background:#ececee}
.service-panel:after{background:linear-gradient(0deg,#00000024,transparent)}
.panel-content{bottom:20px;background-color:#ffffff70;left:18px;right:18px;padding:22px}
.panel-heading{display:grid;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:12px}
.panel-heading h2{min-width:0;font-size:clamp(21px,7cqw,40px);color:#151515}
.panel-heading .arrow{justify-self:end;margin:0}
.panel-description{color:#151515;font-weight:450}
.approach{background:#fff}.approach p{color:var(--muted)}.scroll-words > span{color:#151515}
.site-footer{border-top:1px solid var(--line)}.site-footer>a:last-child{margin-left:auto}
.site-footer .brand{color:#151515}.site-footer .brand:hover{color:#ff914f}
.immersive-hero{background:#222;color:#fff}
.immersive-hero:after{background:linear-gradient(0deg,#000a,transparent 70%,#0000000c)}
.hero-bottom p{color:#fff}.hero-bottom .button.glass{color:#151515}
.section-heading>p{color:var(--muted)}
.light-showroom{background:#f2f2f2}.time-bar,.light-label{background-color:#ffffff80}
.time-bar button{color:#171717}
.time-bar button[aria-pressed=true]{background:linear-gradient(150deg,#ffffffc9,#ffffff52);box-shadow:inset 0 1px 2px #fff,0 2px 8px #00000017;color:#151515}
.light-label p{color:#444}.light-label h3,.light-label>span{color:#151515}
.detail-section,.end-cta{background:#f5f5f7}.feature-list article{border-color:var(--line)}
.door-hero{background:#fff}.door-hero p{color:var(--muted)}
.project-photo-wrap{background:#f2f2f2;min-width:0}
.project-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
.project-story{min-width:0;padding:38px 0 0}
.project-switch{position:relative;gap:9px;padding:0;background:none;box-shadow:none;border-radius:0;margin-bottom:44px}
.project-switch button{font-size:14px;min-height:48px;padding:13px 18px}
.project-story p,.service-rows p{color:var(--muted)}
.project-story .text-link{margin-top:28px}
summary:after{color:#151515}
.production-note{background:#f5f5f7;color:#151515}.production-note p{color:#555}
.handover-hero{background:#f5f5f7;color:#151515}.handover-hero p{color:#555}
.handover-hero .button{background:#151515;color:#fff}.handover-hero-photo{background:#fff}.handover-hero-photo img{mix-blend-mode:normal}
.kit-viewer{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:6%}
.kit-photo{background:#f5f5f7;aspect-ratio:1;height:auto;width:100%;display:grid;place-items:center}
.kit-photo>img{position:absolute;inset:0;object-fit:contain}
.kit-detail-copy{min-width:0;padding-top:4px}
.kit-detail-copy p{color:var(--muted)}
.kit-options{gap:10px;margin-bottom:38px}
.kit-options button{font-size:14px;min-height:48px;padding:13px 18px}
.kit-options .glass-choice,.project-switch .glass-choice {
  position:relative;color:#444;border:0;background:var(--glass-bg);background-color:#e5e8eb33;
  box-shadow:var(--glass-shadow);font-weight:500;border-radius:100px;
  transition:box-shadow 200ms,background-color 200ms,color 200ms;
}
.kit-options .glass-choice[aria-pressed=true],.project-switch .glass-choice[aria-pressed=true] {
  background:linear-gradient(145deg,#ffffffba,#cdd4dd50);background-color:#d8dfe766;color:#151515;
  box-shadow:inset 0 1px 2px #fff,inset 0 -1px 1px #a4adb84d,0 4px 10px #00000028,0 0 0 1px #8391a026;
}
.detail-stack,.detail-sizes{display:grid;align-items:start}
.detail-current,.detail-sizes,.detail-sizes>div{grid-area:1/1;min-width:0}
.detail-sizes{visibility:hidden;pointer-events:none;user-select:none}
.detail-current h3,.detail-sizes h3{text-wrap:balance}
.kit-description p,.project-description p{margin:22px 0 0;font-size:16px;max-width:40ch}
.kit-detail-copy>.text-link{margin-top:28px}
.kit-custom{aspect-ratio:1;width:100%;padding:clamp(26px,5vw,68px);display:flex;flex-direction:column;justify-content:center;gap:26px;background:linear-gradient(145deg,#f8f9fa,#eceef1);color:#151515}
.kit-custom h3{font-size:clamp(26px,3vw,44px);line-height:1.15;text-wrap:balance;max-width:12ch}
.kit-custom p{font-size:18px;line-height:1.55;color:#656565;max-width:26ch}
.brief-page form{background:linear-gradient(135deg,#fafafa,#f0f0f3);box-shadow:inset 0 1px 0 white,0 12px 36px #0000000a}
input,select,textarea{border-color:#0000002d;caret-color:#151515;color:#151515}select option{background:#fff}input::placeholder,textarea::placeholder{color:#686868}
.brief-page .demo-note{font-size:16px}
@media(hover:hover) and (pointer:fine){
  .button:hover,.button.secondary:hover{background:#383838;color:#fff}
  .button.glass:hover{background:var(--glass-bg);background-color:#ffffff8c;color:#151515}
  .site-header nav a:hover{background:#ffffff70}.text-link:hover,.quiet-link:hover{color:#151515}
  .kit-options .glass-choice:hover,.project-switch .glass-choice:hover{background:var(--glass-bg);background-color:#cdd4dd55;color:#151515;box-shadow:inset 0 1px 2px #fff,0 5px 14px #00000020}
  .kit-options .glass-choice[aria-pressed=true]:hover,.project-switch .glass-choice[aria-pressed=true]:hover{background:linear-gradient(145deg,#ffffffba,#cdd4dd70);background-color:#d8dfe766}
}
@media(min-width:761px) and (max-width:1100px){
  .panel-heading{display:block;padding-top:22px}
  .panel-heading .arrow{position:absolute;top:18px;right:18px}
  .panel-heading h2{font-size:clamp(19px,7.3cqw,29px)}
  .panel-content{padding:18px}
}
@media(max-width:1050px){
  .kit-viewer{gap:5%}.project-switch{margin-bottom:32px}
  .project-switch button,.kit-options button{font-size:14px;padding:12px 16px}
  .project-story{padding-top:4px}
}
@media(max-width:760px){
  .service-panels{height:auto}.panel-content{left:16px;right:16px;bottom:18px;padding:22px}
  .panel-heading h2{font-size:clamp(22px,7.1cqw,34px)}.landing{padding-bottom:0}
  .kit-viewer{gap:28px}.kit-detail-copy{padding-top:0}
  .kit-photo{height:auto;aspect-ratio:1;order:1}
  .kit-options{gap:9px;margin:0}.kit-options button{padding:12px 16px}
  .kit-description{order:2}.kit-description p,.project-description p{font-size:16px;margin:18px 0 0}
  .kit-detail-copy>.text-link{margin-top:0}
  .kit-custom{padding:30px;gap:22px}.kit-custom h3{font-size:30px}.kit-custom p{font-size:16px}
  .project-story{padding-top:26px}.project-switch{justify-content:flex-start;width:100%;margin-bottom:32px}
  .project-switch button{font-size:14px;padding:12px 16px}
  .project-story .text-link{margin-top:28px}
  .site-footer>a:last-child{width:auto;margin-left:auto}
}
@supports not (backdrop-filter:blur(1px)){
  .glass,.site-header,.panel-content,.light-label,.time-bar{background:#fffffff0}
}
@media(prefers-reduced-transparency:reduce){
  .glass,.glass[data-lens]{background:#f4f5f6;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
  .glass::after{background:linear-gradient(145deg,#ffffff50,transparent)}
  .glass-choice{transition:none}
}