:root{--navy:#0b213b;--blue:#1260ef;--pale:#edf2f6;--muted:#30465f;--line:#d3dce5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif;background:#fafbfc}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #63a1ff;outline-offset:5px}.demo{background:var(--navy);color:white;padding:10px 4%;font-size:10px;letter-spacing:1.7px;display:flex;justify-content:space-between}.demo span{letter-spacing:.3px;color:#b8c8da}header{padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:#fafbfcef;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.logo{font-size:44px;font-weight:900;letter-spacing:-4px;line-height:.8}.logo span{display:block;font-size:7px;letter-spacing:1.2px;margin-top:10px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--blue)}.phone{border:0;background:none;font-size:12px}.menu{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:710px}.hero-copy{padding:54px 6% 25px 7.2%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.6;margin-bottom:26px}h1{font-size:clamp(52px,5.6vw,92px);line-height:.96;letter-spacing:-4px;margin:0 0 28px;font-weight:800}h1 em{display:block;font-size:.45em;color:var(--blue);font-style:normal;letter-spacing:-1.5px;margin-top:18px;white-space:nowrap}p{font-size:14px;line-height:1.75;color:var(--muted)}.hero p{font-size:15px}.actions{display:flex;align-items:center;gap:24px;margin-top:20px}.button{border:1px solid var(--blue);background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 23px;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#084bca;transform:translateY(-2px)}.text-button{background:none;border:0;padding:14px 0;font-size:13px}.hero-bottom{margin-top:auto;display:flex;justify-content:space-between;width:100%;padding-top:40px;font-size:9px;letter-spacing:1.5px}.hero-image{position:relative;background:#c4ced8;overflow:hidden;display:flex;align-items:center}.hero-image img{width:120%;max-width:none;margin-left:-10%;height:100%;object-fit:cover;animation:enter 1s both}.image-note{position:absolute;bottom:28px;left:30px;font-size:10px;letter-spacing:1.5px}.image-note span{display:block;margin-top:8px;letter-spacing:.2px;font-size:11px}.cross{position:absolute;top:25px;right:30px;font-size:35px;font-weight:200}.facts{display:grid;grid-template-columns:1fr 1.4fr 1fr;padding:45px 7%;gap:20px;border-bottom:1px solid var(--line)}.facts>div{border-left:1px solid var(--line);padding-left:30px}.facts strong{font-size:40px;letter-spacing:-2px}.facts strong span{color:var(--blue)}.facts p{margin:8px 0 0}.facts small{grid-column:1/-1;font-size:10px;color:var(--muted);margin-top:12px}.section{padding:95px 7%;scroll-margin-top:20px}h2{font-size:clamp(36px,4vw,62px);line-height:1.08;letter-spacing:-2px;margin:0 0 28px;font-weight:600}h2 span{color:#164ba8}h2 em{font-style:normal;color:#73a4ff}h3{font-size:21px;letter-spacing:-.5px;font-weight:500}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px}.lead{font-size:20px;line-height:1.6;color:var(--navy);max-width:700px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.projects{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head p{font-size:12px}.filters{display:flex;gap:8px;margin:25px 0 35px;flex-wrap:wrap}.filters button{border:1px solid #bdcbd8;background:none;padding:12px 20px;border-radius:40px;font-size:12px}.filters .active{background:var(--navy);color:white;border-color:var(--navy)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.card{border:0;border-bottom:1px solid #bdcbd8;padding:0 0 24px;background:none;text-align:left;width:100%}.card[hidden]{display:none}.card-image{overflow:hidden;position:relative;aspect-ratio:1.5}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.card:hover img{transform:scale(1.04)}.badge{position:absolute;top:16px;left:16px;background:#fafbfce8;font-size:9px;letter-spacing:1px;padding:8px 10px}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-top:20px}.card h3{font-size:25px;margin:14px 0}.card p{margin:0 0 20px;font-size:13px}.card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.card dt{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.card dd{font-size:12px;margin:7px 0}.card .view{display:block;margin-top:24px;color:var(--blue);font-size:12px}.caption{font-size:11px;line-height:1.6}.industries{background:var(--navy);color:white}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:50px 0 30px;gap:30px}.industry-grid article{border-top:1px solid #40526a;padding-top:20px}.industry-grid article>span{font-size:11px;color:#a9ceff}.industry-grid p{color:#eaf3ff;font-size:13px}.industries small{font-size:10px;color:#eaf3ff}.materials{display:grid;grid-template-columns:1fr 1.25fr;gap:70px}.swatch{background:#dce5ed;position:relative;padding:35px;overflow:hidden;min-height:350px}.fabric{position:absolute;width:80%;height:140%;right:-20%;top:0;background:repeating-linear-gradient(45deg,#1b3858 0px,#1b3858 2px,#294663 2px,#294663 4px);transform:rotate(-20deg);box-shadow:-20px 20px 30px #0b213b30}.swatch>span,.swatch h3{position:relative;z-index:1}.swatch>span{font-size:9px;letter-spacing:1px;background:#dce5ed;padding:5px}.swatch h3{background:#dce5ed;width:max-content;padding:15px;margin-top:170px;font-size:25px}details{border-bottom:1px solid var(--line);padding:24px 0}summary{cursor:pointer;font-size:15px;line-height:1.5}summary span{float:right;color:var(--blue)}details p{font-size:13px;max-width:600px}.photo-cta{padding:75px 7%;background:var(--blue);color:white;position:relative;overflow:hidden}.photo-cta p{color:white}.light{background:white;color:var(--navy);border-color:white;margin-top:20px}.light:hover{background:#e1ebff}.big-arrow{position:absolute;right:9%;top:20px;font-size:330px;line-height:1;color:#ffffff25}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps b{color:var(--blue);font-size:13px}.steps p{font-size:13px;max-width:250px}.conditions{background:var(--pale);display:grid;grid-template-columns:1fr 1fr;gap:70px}.quote{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.quote p{color:#eaf3ff}.quote form{background:#142e4b;padding:35px;align-self:start;min-height:450px}.progress-label{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px}.progress{height:2px;background:#3a5069;margin:22px 0 35px}.progress i{display:block;height:100%;background:#72a6ff;width:25%;transition:width .3s}.quote h3{font-size:26px;margin:0 0 22px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #48617b;padding:18px 12px;cursor:pointer;font-size:13px}.choice:has(input:checked){border-color:#8bb5ff;background:#204571}input[type=radio]{accent-color:#8bb5ff}.field{display:block;font-size:12px;margin:18px 0}.field input,.field textarea,.field select{display:block;width:100%;margin-top:10px;background:#0d243e;color:white;border:1px solid #48617b;border-radius:0;padding:14px}.field textarea{min-height:100px;resize:vertical}.field input[type=file]{font-size:11px;padding:12px}.help{font-size:11px;color:#eaf3ff;line-height:1.6}.form-actions{display:flex;justify-content:space-between;margin-top:32px}.quote .text-button{color:#eaf3ff}.quote #form-status{font-size:12px}.review{font-size:13px;line-height:1.8;white-space:pre-wrap;background:#0d243e;padding:18px;max-height:250px;overflow:auto}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-list button{background:none;border:0;border-bottom:1px solid var(--line);padding:17px 0;text-align:left;font-size:20px}.contact-list button:hover{color:var(--blue)}footer{margin:0 4%;padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer>span,footer>a:last-child{font-size:10px}.floating{position:fixed;right:24px;bottom:24px;z-index:20}.floating>button{background:var(--blue);color:white;border:1px solid #ffffff50;border-radius:3px;padding:17px 22px;box-shadow:0 8px 30px #07182d30;font-size:12px}.floating>button span{margin-left:20px}#contact-panel{background:white;box-shadow:0 8px 40px #07182d30;margin-bottom:10px;padding:22px;width:240px}#contact-panel:not([hidden]){display:grid;gap:10px}#contact-panel strong{font-size:15px;margin-bottom:8px}#contact-panel button{background:var(--pale);border:0;text-align:left;padding:12px;font-size:13px}#contact-panel small{font-size:10px;color:var(--muted)}dialog{padding:0;border:0;width:min(960px,92vw);max-height:90dvh;background:#fafbfc;color:var(--navy)}dialog::backdrop{background:#06172bd9;backdrop-filter:blur(5px)}.close{position:absolute;top:15px;right:15px;z-index:2;border:0;background:white;width:40px;height:40px;font-size:20px}.case-visual{position:relative}.case-visual img{width:100%;height:330px;object-fit:cover}.gallery-controls{position:absolute;bottom:15px;right:20px;display:flex;align-items:center;gap:10px;background:white;padding:6px}.gallery-controls button{background:var(--pale);border:0;padding:10px 15px}.gallery-controls span{font-size:11px}.case-body,.notice-content{padding:38px}.case-body h2{font-size:36px}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.case-details h3{font-size:15px;margin-bottom:6px}.case-details p{font-size:13px;margin-top:0}.notice-content{padding-top:65px}#notice-dialog{max-width:550px}.reveal{animation:enter .6s both}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){nav{gap:15px}.hero{min-height:620px}.hero-copy{padding-top:40px}h1{letter-spacing:-2px}.actions{gap:14px;flex-wrap:wrap}.button{padding:17px}.section{padding:70px 5%}.hero-bottom{font-size:8px}.materials{gap:30px}.quote{gap:35px}.industry-grid{grid-template-columns:1fr 1fr}.facts strong{font-size:32px}}@media(max-width:720px){.demo{font-size:8px;padding:10px 5%;letter-spacing:1px}.demo span{display:none}header{padding:20px 5%;flex-wrap:wrap}.logo{font-size:37px}.phone{display:none}.menu{display:block;background:none;border:1px solid var(--line);padding:10px 14px;font-size:12px}nav{display:none;width:100%;padding-top:15px;flex-direction:column;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 5% 25px}h1{font-size:62px;letter-spacing:-3px}h1 em{font-size:26px;letter-spacing:-1px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero p{font-size:14px}.hero-bottom{margin-top:20px}.hero-image{height:360px}.image-note{left:20px;font-size:9px}.facts{padding:32px 5%;grid-template-columns:1fr 1fr;gap:28px}.facts>div{padding-left:15px}.facts strong{font-size:29px}.facts p{font-size:12px}.facts small{font-size:9px;line-height:1.6}.section{padding:60px 5%}h2{font-size:38px;letter-spacing:-1.5px}.intro,.conditions,.quote,.contacts{grid-template-columns:1fr;gap:28px}.intro>.eyebrow{margin-bottom:0}.lead{font-size:18px}.columns{gap:20px}.columns p{font-size:12px}.section-head{display:block;margin-bottom:25px}.section-head p{font-size:11px}.cards{grid-template-columns:1fr;gap:32px}.filters{gap:6px}.filters button{font-size:11px;padding:10px 14px}.card h3{font-size:24px}.industry-grid{gap:25px 20px;margin-top:30px}.industry-grid h3{font-size:18px}.industry-grid p{font-size:12px}.materials{grid-template-columns:1fr;gap:15px}.swatch{min-height:260px}.swatch h3{margin-top:110px}.photo-cta{padding:55px 5%}.big-arrow{right:-25px;top:70px;font-size:220px}.photo-cta>*:not(.big-arrow){position:relative;z-index:1}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps h3{font-size:20px}.quote form{padding:24px 18px;min-width:0}.quote h2{font-size:48px}.progress-label{font-size:8px}.choice{font-size:12px;padding:15px 8px}.quote .caption{margin-bottom:0}.contacts{padding-bottom:80px}footer{flex-wrap:wrap;padding-bottom:95px}footer .logo{width:100%;margin-bottom:15px}footer>span{font-size:8px}.floating{right:15px;bottom:15px}.case-visual img{height:250px}.case-body{padding:25px}.case-body h2{font-size:29px}.case-details{grid-template-columns:1fr;gap:0}.notice-content{padding:65px 25px 30px}.notice-content h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Product photography */
.hero-image { background: #e5e6e5; }
.hero-image img { width: 100%; margin: 0; position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: 52% 53%; }
.swatch { align-self: start; padding: 0; min-height: 0; }
.swatch img { display: block; width: 100%; height: auto; }
.facts strong { font-size: clamp(20px, 3vw, 37px); letter-spacing: -.035em; }
#configured-contacts[hidden] { display: none; }
#configured-contacts { margin-bottom: 20px; }
#configured-contacts a { border-bottom: 1px solid var(--line); padding: 10px 0; overflow-wrap: anywhere; }
@media(max-width:720px) {
  .hero-image { height: auto; aspect-ratio: 1.35; }
  .facts { grid-template-columns: 1fr; gap: 14px; }
}

/* Keep placeholder text legible on the dark form. */
.quote input::placeholder, .quote textarea::placeholder { color: #c6dcfa; opacity: 1; }

/* Applications and production */
.application-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 36px; }
.application-grid > a { display: block; border-top: 1px solid var(--line); padding: 20px 0 24px; }
.application-grid h3 { margin: 0; }
.application-grid p { margin: 8px 0 14px; }
.application-grid span, .workshop-link { color: var(--blue); font-size: 13px; font-weight: 700; }
.application-grid a:hover span, .workshop-link:hover { text-decoration: underline; }
.workshop { border-block: 1px solid var(--line); }
.workshop .steps { margin-bottom: 25px; }
.workshop .steps h3 { margin: 0 0 12px; font-size: clamp(17px, 2vw, 21px); }

#notice-channels[hidden] { display: none; }
#notice-channels { margin: 0 0 24px; }
#notice-channels a { border-bottom: 1px solid var(--line); padding: 10px 0; overflow-wrap: anywhere; }
.quote-contact { margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 10px; }
.quote-contact[hidden] { display: none; }
.quote-contact a { color: #eaf3ff; text-decoration: underline; text-underline-offset: 3px; font-size: 13px; }
.project-status { margin: 14px 0 4px; color: var(--blue); font-size: 11px; font-weight: 700; }
@media(max-width:720px) {
  .application-grid { grid-template-columns: 1fr; }
  .workshop .steps { grid-template-columns: 1fr; gap: 14px; }
}

/* Text hero and product examples */
.hero--text { grid-template-columns: minmax(0, 1fr); min-height: 0; }
.hero--text .hero-copy { padding: clamp(42px, 7vw, 100px) 7% 34px; }
.hero--text h1 { max-width: 100%; }
.hero--text .hero-copy > p { max-width: 610px; }
#projects .card { display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 18px 20px; background: #fff; border: 1px solid var(--line); }
#projects .card:hover { border-color: var(--blue); }
#projects .card h3 { font-size: 21px; overflow-wrap: anywhere; }
#projects .card .view { margin-top: auto; padding-top: 12px; }
.example-specification { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 20px; }
.example-specification div { border-top: 1px solid var(--line); padding-top: 9px; }
.example-specification dt { color: var(--muted); font-size: 12px; }
.example-specification dd { margin: 5px 0 0; overflow-wrap: anywhere; }
.workshop-heading h2 { margin-bottom: 24px; }
.workshop-overview { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,223px); gap: clamp(24px,5vw,64px); align-items: start; margin-bottom: 32px; }
.workshop-copy { max-width: 700px; }
.workshop-copy p { margin: 0; }
.workshop-copy p + p { margin-top: 14px; }
#workshop-description { color: var(--navy); font-size: 16px; line-height: 1.65; }
#workshop-photo { margin: 0; }
.workshop-actions { flex-wrap: wrap; gap: 12px 24px; }
#workshop-photo[hidden] { display: none; }
#workshop-photo img { display: block; max-width: 100%; height: auto; }
#workshop-photo figcaption { margin-top: 8px; font-size: 12px; line-height: 1.5; color: var(--muted); }
@media(max-width:600px) { .workshop-overview { grid-template-columns: 1fr; gap: 20px; } }
:root { container-type: inline-size; }
.clients-section {
  width: 100cqw;
  margin-inline: calc((100% - 100cqw) / 2);
  padding-inline: 0;
  background: var(--pale);
}
.company-info { padding-top: 0; }
.company-info a { color: var(--blue); }
@media(max-width:720px) {
  .hero--text .hero-copy { padding-inline: 5%; }
}
@media(max-width:430px) {
  .hero--text h1 { font-size: clamp(36px, 13cqw, 56px); }
}


.construction-examples { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
#projects .construction-card .card-image { width: 100%; aspect-ratio: 3/2; background: var(--pale); }
#projects .construction-card:hover img { transform: none; }
.construction-visual img { display: block; object-fit: contain; height: min(44vh, 420px); }
@media(max-width:720px) { .construction-examples { grid-template-columns: 1fr; gap: 18px; } }

header { background: var(--blue); color: #fff; border-bottom-color: rgba(255,255,255,.25); }
header nav a:hover, header .phone:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
header :focus-visible { outline-color: #fff; }
header .menu { border-color: rgba(255,255,255,.65); }
.example-description { white-space: pre-line; }
@media(max-width:450px) { .example-specification { grid-template-columns: 1fr; } }

.clients-heading {
  margin: 0 calc((100cqw - min(100cqw, 1800px)) / 2 + min(7cqw, 126px)) 24px;
}
.clients-heading h2 { margin-bottom: 0; }
.client-marquee {
  --client-fade: clamp(14px, 5cqw, 72px);
  overflow: hidden;
  margin-bottom: 18px;
  mask-image: linear-gradient(to right, transparent, #000 var(--client-fade), #000 calc(100% - var(--client-fade)), transparent);
}
.client-track {
  display: flex;
  width: max-content;
  animation: client-logo-scroll 26s linear infinite;
}
/* Three groups cover the viewport while the fourth moves into view. */
.client-logos {
  display: flex;
  flex: 0 0 auto;
  width: max(calc(100cqw / 3), clamp(560px, 82cqw, 920px));
  padding: 0;
  margin: 0;
  list-style: none;
}
.client-logos li { display: grid; place-items: center; flex: 1 1 0; min-width: 0; min-height: 100px; padding: 10px 20px; }
.client-logos img { display: block; width: auto; height: auto; max-width: min(100%,172px); max-height: 68px; }
.client-logos .client-logo-supplied { width: min(100%, 126px); max-height: none; margin-block: -23px; }
@keyframes client-logo-scroll { from { transform: translateX(-25%); } to { transform: translateX(0); } }
@media(max-width:1050px) { .clients-heading { margin-inline: 5cqw; } }
@media(max-width:600px) {
  .client-logos li { padding-inline: 13px; }
}
@media(prefers-reduced-motion:reduce) {
  .client-marquee .client-track { animation: client-logo-scroll 26s linear infinite !important; }
}

.contact-prompt {
  position: fixed;
  inset-inline-end: 24px;
  inset-block-end: max(24px, env(safe-area-inset-bottom));
  z-index: 20;
  width: min(340px, calc(100% - 48px));
  max-height: calc(100dvh - 48px);
  overflow: auto;
  padding: 22px 22px 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-top: 3px solid var(--blue);
  border-radius: 6px;
  box-shadow: 0 12px 42px #0b213b24;
  animation: enter .3s ease-out both;
}
.contact-prompt h2 { margin: 0 36px 6px 0; font-size: 24px; letter-spacing: -.5px; }
.contact-prompt p { margin: 0 0 10px; }
.contact-prompt-close {
  position: absolute;
  inset-inline-end: 9px;
  inset-block-start: 9px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--navy);
  font-size: 25px;
}
.contact-prompt-close:hover { background: var(--pale); }
#contact-prompt-links { gap: 0 14px; }
#contact-prompt-links a {
  min-width: 0;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
  color: var(--blue);
  font-size: 13px;
  overflow-wrap: anywhere;
}
#contact-prompt-links a:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .contact-prompt { inset-inline-end: 12px; inset-block-end: max(12px, env(safe-area-inset-bottom)); width: min(340px, calc(100% - 24px)); }
}

.footer-legal { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 12px; }
.footer-legal a, .privacy-link { text-decoration: underline; text-underline-offset: 3px; }
.privacy-link { font-size: 13px; }
.quote .privacy-link { color: #eaf3ff; }
.contact-prompt > .privacy-link { display: inline-block; margin-top: 12px; font-size: 11px; }
.brief-consent { border-block: 1px solid #48617b; margin-block: 16px; padding: 10px 0 14px; }
.brief-consent label { display: flex; align-items: start; gap: 10px; font-size: 13px; line-height: 1.55; }
.brief-consent input { margin: 4px 0 0; accent-color: #8bb5ff; }
#file-list { overflow-wrap: anywhere; }
#file-list:empty { display: none; }

.storage-panel {
  position: fixed;
  z-index: 22;
  inset-inline-start: 24px;
  inset-block-end: max(24px, env(safe-area-inset-bottom));
  width: min(465px, calc(100% - 48px));
  max-height: calc(100dvh - 48px);
  overflow: auto;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-top: 3px solid var(--blue);
  border-radius: 6px;
  box-shadow: 0 12px 42px #0b213b24;
}
.storage-panel h2 { margin: 0 0 8px; font-size: 21px; letter-spacing: -.4px; }
.storage-panel p { font-size: 13px; margin: 0 0 12px; }
.storage-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.storage-actions button { padding: 10px 12px; background: #fff; border: 1px solid var(--blue); color: var(--navy); font-size: 12px; }
.storage-actions button:hover { background: var(--pale); }
.storage-actions .text-button { border-color: transparent; }

.legal-page { max-width: 850px; margin: 0 auto; padding: clamp(30px, 6vw, 80px) 20px; overflow-wrap: anywhere; }
.legal-page h1 { font-size: clamp(30px, 5vw, 52px); line-height: 1.12; letter-spacing: -.035em; margin: 22px 0 12px; }
.legal-page h2 { font-size: 23px; letter-spacing: -.025em; margin: 0 0 12px; scroll-margin-top: 20px; }
.legal-page section { margin-top: 34px; }
.legal-page p, .legal-page dd { font-size: 15px; line-height: 1.65; }
.legal-page a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.legal-page .legal-edition { font-size: 13px; }
.storage-entries dt { margin-top: 14px; font-weight: 600; }
.storage-entries dd { margin: 4px 0 0; }

@media (max-width: 720px) {
  .footer-legal { width: 100%; flex-direction: row; padding: 0; }
}
@media (max-width: 600px) {
  .storage-panel { inset-inline-start: 12px; inset-block-end: max(12px, env(safe-area-inset-bottom)); width: calc(100% - 24px); max-height: calc(100dvh - 24px); }
}