body[data-theme=glass] { --bg:#f3f8fa; --paper:#fff; --ink:#143546; --muted:#627c89; --line:#d1e1e8; --accent:#087b9f; --accent-dark:#056681; --soft:#e0f0f5; --green:#174557; --side:205px; }
body[data-theme=mellow] { --bg:#f7f0e8; --paper:#fffaf5; --ink:#492c3d; --muted:#8a747b; --line:#dfcfd0; --accent:#8c4854; --accent-dark:#703844; --soft:#efdfd9; --green:#513142; }
body[data-theme=provision] { --bg:#f6f1e5; --paper:#fffaf0; --ink:#282923; --muted:#777265; --line:#d8cdb7; --accent:#af3527; --accent-dark:#8f2c21; --soft:#efdfcb; --green:#34362d; --side:210px; }
body[data-theme=attibelle] { --bg:#fcf6f4; --paper:#fffbfa; --ink:#393746; --muted:#897d87; --line:#e7d6d9; --accent:#9d536b; --accent-dark:#7d4056; --soft:#f2e3e7; --green:#4a3f50; --side:210px; }
body[data-theme=fierro] { --bg:#f9f7ed; --paper:#fffef7; --ink:#193f8b; --muted:#74809b; --line:#d4d9e3; --accent:#2457b3; --accent-dark:#163d88; --soft:#e7edf7; --green:#203c73; }
body[data-theme=bm] { --bg:#171b1f; --paper:#20262b; --ink:#fff8ed; --muted:#b1b0ab; --line:#42464a; --accent:#d45b22; --accent-dark:#b94a18; --soft:#332d26; --green:#343e44; color-scheme:dark; }
.final-edition { display:flex; justify-content:space-between; gap:24px; padding-bottom:26px; font-size:8px; letter-spacing:1.4px; color:var(--muted); }
body:is([data-theme=glass],[data-theme=mellow],[data-theme=provision],[data-theme=attibelle],[data-theme=fierro],[data-theme=bm]) .project-brand { gap:14px; }
body:is([data-theme=glass],[data-theme=mellow],[data-theme=provision],[data-theme=attibelle],[data-theme=fierro],[data-theme=bm]) .project-caption { font-size:7px; letter-spacing:1.2px; }
body:is([data-theme=glass],[data-theme=provision],[data-theme=attibelle]) main { padding:30px 34px 0; }
body:is([data-theme=glass],[data-theme=provision]) .button { border-radius:3px; }
body:is([data-theme=glass],[data-theme=provision]) .nav-item { border-radius:2px; }
body[data-theme=glass] .project-brand { margin-top:10px; }
body[data-theme=glass] .project-brand img { background:#fff; padding:10px 3px; }
body[data-theme=glass] .eyebrow, body[data-theme=glass] .final-edition { font-family:Consolas,monospace; }
.glass-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:20px; align-items:center; padding:20px 0 35px; }
.glass-hero .eyebrow { font-size:9px; }
.glass-hero h1 { font-size:clamp(44px,4.6vw,70px); font-weight:650; letter-spacing:-2.8px; line-height:1.08; margin:25px 0; }
.glass-hero h1 span { color:#0880a5; }
.glass-hero p { font-size:13px; line-height:1.9; max-width:410px; color:var(--muted); }
.glass-hero .button { margin-top:27px; font-size:11px; }
.glass-tags { display:flex; gap:20px; margin-top:30px; font:9px Consolas,monospace; color:#64828f; }
.glass-blueprint { position:relative; padding:24px 15px; background-color:#123b50; background-image:linear-gradient(#d6f5ff0d 1px,transparent 1px),linear-gradient(90deg,#d6f5ff0d 1px,transparent 1px); background-size:24px 24px; color:#a7e1ef; min-width:0; }
.glass-drawing { width:100%; height:auto; }
.glass-blueprint > span { display:block; text-align:center; font:8px Consolas,monospace; letter-spacing:1px; padding:4px 0 10px; }
.glass-bottom { display:grid; grid-template-columns:.8fr 1.2fr; gap:30px; border-top:1px solid var(--line); padding-top:30px; align-items:center; }
.glass-bottom img { width:100%; height:210px; object-fit:cover; }
.glass-bottom figcaption { font:7px Consolas,monospace; margin-top:10px; color:var(--muted); }
.glass-bottom h2 { font-size:31px; letter-spacing:-1px; margin:18px 0; }
.glass-bottom p { color:var(--muted); font-size:12px; max-width:420px; }
.glass-bottom .eyebrow { font-size:8px; }
.spec-toolbar { display:flex; align-items:center; gap:25px; margin:28px 0; }
.spec-toolbar > div { width:230px; }
.spec-toolbar .form-label { margin-top:0; }
.spec-toolbar > p { font-size:12px; color:var(--muted); }
.spec-toolbar > span { margin-left:auto; font:8px Consolas,monospace; color:var(--muted); }
.spec-table-wrap { position:relative; overflow-x:auto; border:1px solid var(--line); background:var(--paper); }
.spec-table { width:100%; border-collapse:collapse; text-align:left; font:12px Consolas,monospace; white-space:nowrap; }
.spec-table th,.spec-table td { padding:20px 16px; border-bottom:1px solid var(--line); }
.spec-table thead th { background:var(--soft); font-size:10px; }
.spec-table tbody th { font-weight:600; }
.spec-table tbody tr:last-child > * { border-bottom:0; }
.spec-table tbody tr:hover { background:#eef7fa; }
.spec-select { display:flex; gap:12px; align-items:center; background:var(--accent); color:white; padding:8px 12px; font-size:10px; }
.spec-select .icon { width:13px; height:13px; }
.spec-footnote { padding:24px; border:1px solid var(--line); border-top:0; }
.spec-footnote strong { font:10px Consolas,monospace; letter-spacing:1px; }
.spec-footnote p { color:var(--muted); font-size:12px; line-height:1.8; max-width:650px; margin-top:12px; }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .app-layout { display:block; max-width:none; }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar { position:sticky; top:78px; width:100%; height:83px; min-height:0; flex-direction:row; align-items:center; gap:20px; border-right:0; border-bottom:1px solid var(--line); padding:10px max(26px,calc((100vw - 1240px)/2)); z-index:20; background:var(--bg); }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .project-brand { margin:0; width:165px; flex-shrink:0; }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .project-caption,
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar-label,
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar-bottom { display:none; }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar nav { flex-direction:row; gap:4px; margin-left:auto; }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .nav-item { font-size:10px; padding:10px 9px; border-radius:0; }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .nav-item .icon,
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .nav-item small,
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .nav-dot { display:none; }
body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) main { max-width:1300px; margin:auto; padding:30px 30px 0; }
body[data-theme=mellow] .project-brand { width:110px; align-items:center; }
body[data-theme=mellow] .project-brand img.square-logo { width:75px; height:70px; object-fit:cover; }
body[data-theme=mellow] .sidebar { background:#4d2c3b; color:#f8e8d5; }
body[data-theme=mellow] .sidebar .nav-item { color:#dec5c4; }
body[data-theme=mellow] .sidebar .nav-item.active { color:#fff0db; background:#674253; }
.mellow-hero { display:grid; grid-template-columns:1fr 1.05fr; gap:50px; align-items:center; padding:10px 0 40px; }
.mellow-copy .eyebrow { font-size:8px; letter-spacing:1.6px; }
.mellow-copy h1 { font-family:Georgia,serif; font-size:clamp(52px,5.1vw,74px); letter-spacing:-3px; margin:30px 0 25px; line-height:1.08; }
.mellow-copy h1 em { color:#ae6d64; }
.mellow-copy > p { font-size:14px; line-height:1.9; color:var(--muted); max-width:400px; }
.mellow-copy .button { margin-top:30px; background:#62384b; font-size:11px; }
.mellow-copy .button:hover { background:#4d293b; }
.mellow-signature { display:block; font-family:Georgia,serif; font-style:italic; color:#ab7c76; margin-top:30px; font-size:18px; }
.mellow-hero figure { position:relative; padding:14px; background:#ead5c7; border-radius:160px 160px 3px 3px; }
.mellow-hero img { width:100%; height:460px; object-fit:cover; border-radius:150px 150px 0 0; object-position:60% center; }
.mellow-hero figcaption { font-size:7px; letter-spacing:1.8px; text-align:center; padding:16px 0 4px; }
.mellow-ribbon { display:flex; align-items:center; justify-content:space-around; gap:20px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:23px 10px; font-size:10px; letter-spacing:1.5px; }
.mellow-ribbon i { font-size:25px; font-style:normal; color:#b3806f; }
.mellow-note { text-align:center; max-width:700px; margin:45px auto 35px; }
.mellow-note > span { font-size:8px; letter-spacing:2px; color:var(--muted); }
.mellow-note h2 { font-family:Georgia,serif; font-size:35px; letter-spacing:-1px; line-height:1.25; margin:20px 0; }
.mellow-note p { color:var(--muted); font-size:13px; max-width:480px; margin:0 auto 10px; }
body[data-theme=provision] .nav-wordmark { font-family:Impact,'Arial Narrow',sans-serif; font-size:29px; text-transform:uppercase; letter-spacing:.2px; }
body[data-theme=provision] .sidebar { background:#ece3ce; }
body[data-theme=provision] .sidebar-note { background:transparent; border:1px solid #c6b99d; border-radius:0; }
.provision-hero { display:grid; grid-template-columns:150px 1fr; gap:35px; padding:30px 0 45px; align-items:center; }
.provision-ticket { min-height:320px; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:25px; padding:26px 15px; border-top:3px solid #af3527; border-bottom:3px solid #af3527; background:radial-gradient(circle at left 50%,var(--bg) 0 9px,transparent 10px),radial-gradient(circle at right 50%,var(--bg) 0 9px,transparent 10px),#e6d6b5; text-align:center; color:#9c3d28; }
.provision-ticket > span { font-size:9px; letter-spacing:1.8px; }
.provision-ticket b { font:32px Georgia,serif; transform:rotate(-90deg); white-space:nowrap; }
.provision-ticket small { font-size:8px; letter-spacing:1.5px; }
.provision-hero .eyebrow { font-size:8px; }
.provision-hero h1 { font-family:Impact,'Arial Narrow',sans-serif; font-size:clamp(53px,5.9vw,85px); text-transform:uppercase; line-height:.98; letter-spacing:-1px; margin:25px 0; }
.provision-hero p { max-width:410px; color:var(--muted); font-size:13px; line-height:1.85; }
.provision-hero .button { margin-top:28px; font-size:11px; }
.provision-rule { display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-top:3px double var(--ink); border-bottom:1px solid var(--ink); font-size:8px; letter-spacing:1.3px; }
.provision-start { display:grid; grid-template-columns:1fr .8fr; gap:40px; margin:35px 0; align-items:center; }
.provision-start h2 { font:36px/1.15 Georgia,serif; letter-spacing:-1px; margin:20px 0; }
.provision-start p { font-size:12px; color:var(--muted); line-height:1.9; max-width:420px; }
.provision-address { border:1px solid var(--line); padding:25px; display:flex; flex-direction:column; gap:16px; }
.provision-address > span { font-size:7px; letter-spacing:1.3px; color:var(--muted); }
.provision-address strong { font-size:18px; }
.provision-address b { font-weight:500; color:var(--accent); }
.provision-address small { font-size:9px; color:var(--muted); }
body[data-theme=attibelle] .sidebar { border-right:1px solid #ead7dd; background:#f7e9eb; }
body[data-theme=attibelle] .nav-wordmark { font-family:Georgia,serif; font-size:31px; line-height:1.15; }
body[data-theme=attibelle] .project-brand { padding:20px 0 8px; }
body[data-theme=attibelle] .sidebar-note { background:#efdee3; border-radius:90px 90px 4px 4px; padding:35px 22px 23px; }
.attibelle-hero { display:grid; grid-template-columns:1fr 1.1fr; gap:38px; align-items:center; padding:15px 0 30px; }
.attibelle-hero figure { position:relative; }
.attibelle-hero img { height:490px; width:100%; object-fit:cover; border-radius:3px 110px 3px 3px; }
.attibelle-hero figcaption { font-size:7px; letter-spacing:1.3px; color:var(--muted); margin-top:13px; }
.attibelle-hero .eyebrow { font-size:8px; line-height:1.7; }
.attibelle-hero h1 { font-family:Georgia,serif; font-size:clamp(43px,4.6vw,64px); letter-spacing:-2.5px; line-height:1.12; margin:27px 0; }
.attibelle-hero p { max-width:370px; font-size:13px; color:var(--muted); line-height:1.9; }
.attibelle-hero .button { margin-top:28px; font-size:11px; }
.attibelle-seal { font-family:Georgia,serif; font-size:9px; letter-spacing:1px; line-height:1.8; color:var(--accent); border:1px solid #c89ca9; border-radius:50%; width:109px; height:109px; display:grid; place-content:center; text-align:center; margin-top:30px; transform:rotate(9deg); }
.attibelle-caption { display:flex; gap:25px; padding:27px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); align-items:center; }
.attibelle-caption > span { font-size:8px; letter-spacing:1.5px; max-width:115px; color:var(--accent); }
.attibelle-caption > p { font-size:12px; line-height:1.8; color:var(--muted); flex:1; }
.attibelle-caption .text-button { font-size:11px; white-space:nowrap; }
body[data-theme=attibelle] .store-heading h2 { font-family:Georgia,serif; }
body[data-theme=attibelle] .store-wordmark { font-family:Georgia,serif; color:var(--accent); }
body[data-theme=fierro] .sidebar { border-top:3px solid var(--accent); border-bottom:1px solid var(--accent); }
body[data-theme=fierro] .project-brand { width:100px; }
body[data-theme=fierro] .project-brand img.square-logo { width:70px; height:70px; }
body[data-theme=fierro] .nav-item.active { background:transparent; box-shadow:0 1px var(--accent); }
body[data-theme=fierro] .button { border-radius:0; }
.fierro-intro { text-align:center; padding:10px 0 42px; }
.fierro-intro .eyebrow { justify-content:center; font-size:8px; }
.fierro-intro h1 { font-family:Georgia,serif; font-size:clamp(65px,6.5vw,94px); letter-spacing:-4px; line-height:1.02; margin:26px 0; }
.fierro-intro h1 em { color:#426cb4; }
.fierro-intro p { max-width:480px; margin:0 auto; color:var(--muted); font-size:13px; line-height:1.8; }
.fierro-intro .button { margin-top:27px; font-size:11px; }
.fierro-gallery { display:grid; grid-template-columns:1.35fr 1fr; gap:22px; border-top:1px solid var(--line); padding-top:22px; }
.fierro-gallery figure > img { width:100%; height:390px; object-fit:cover; }
.fierro-gallery figcaption { font-size:7px; letter-spacing:1.3px; color:var(--muted); margin-top:12px; }
.fierro-gallery > div { padding:25px; background:#eaf0f8; display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:center; }
.fierro-gallery > div > span { font-size:8px; letter-spacing:1.7px; max-width:110px; }
.fierro-gallery > div img { width:100%; height:160px; object-fit:cover; border-radius:90px 90px 0 0; }
.fierro-gallery h2 { grid-column:1/-1; font:29px/1.25 Georgia,serif; letter-spacing:-.6px; }
.fierro-gallery a { grid-column:1/-1; font-size:11px; }
body[data-theme=bm] .project-brand { width:100px; }
body[data-theme=bm] .project-brand img { height:65px; padding:5px; background:#fff; width:80px; object-fit:contain; }
body[data-theme=bm] .button { border-radius:0; letter-spacing:.7px; }
body[data-theme=bm] .nav-item.active { background:#442e21; color:#ffb382; }
body[data-theme=bm] h1 em,body[data-theme=bm] h2 em { color:#ef9c69; }
.bm-hero { position:relative; min-height:540px; isolation:isolate; overflow:hidden; }
.bm-hero > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
.bm-hero:after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#11171bf2,#11171bc4 37%,#11171b0a 85%); z-index:-1; }
.bm-hero > div { padding:40px 40px 65px; }
.bm-hero .eyebrow { color:#eebd92; font-size:8px; }
.bm-hero h1 { font:clamp(65px,6.8vw,100px)/.94 Impact,'Arial Narrow',sans-serif; letter-spacing:.5px; margin:27px 0 23px; }
.bm-hero h1 > span { color:#f19a55; }
.bm-hero p { max-width:320px; font-size:13px; line-height:1.8; color:#ccc7bd; }
.bm-hero .button { margin-top:25px; font-size:10px; }
.bm-photo-credit { position:absolute; bottom:15px; right:20px; font-size:7px; letter-spacing:1px; color:#eee6d8; }
.bm-range { padding:25px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.bm-range > span { max-width:100px; font-size:8px; letter-spacing:1px; color:var(--muted); }
.bm-range > strong { font:22px Impact,'Arial Narrow',sans-serif; letter-spacing:1px; }
.bm-range > a { color:#efac77; font-size:9px; }
body[data-theme=bm] .new-priority > span { color:#f1a269; }
body[data-theme=bm] .source-credit a { color:#edba93; }
.brief-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:35px; margin-top:30px; align-items:start; }
.brief-form { padding:30px; border:1px solid var(--line); background:var(--paper); }
.brief-form .brief-options { display:grid; grid-template-columns:1fr; gap:9px; border:0; padding:0; margin:25px 0; }
.brief-form .brief-options legend { margin-bottom:12px; font-size:12px; color:var(--ink); }
.brief-form .brief-options label { width:100%; position:relative; }
.brief-form .brief-options label { padding:0; border:0; border-radius:0; background:none; }
.brief-form .brief-options input { position:absolute; opacity:0; width:1px; height:1px; }
.brief-form .brief-options label > span { width:100%; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:14px 16px; border:1px solid var(--line); border-radius:2px; font-size:12px; color:var(--muted); background:var(--bg); }
.brief-form .brief-options input:checked + span { background:var(--soft); color:var(--ink); border-color:var(--accent); }
.brief-form .brief-options input:focus-visible + span { outline:2px solid var(--accent); outline-offset:3px; }
.brief-form .brief-options .icon { width:15px; height:15px; }
.brief-form .button { margin-top:22px; }
.brief-form .small-note { margin-top:18px; }
.brief-aside > img { width:100%; height:290px; object-fit:cover; }
.brief-aside > div { padding:25px 8px; }
.brief-aside .eyebrow { font-size:8px; }
.brief-aside h2 { font-family:Georgia,serif; font-size:29px; line-height:1.25; letter-spacing:-.6px; margin:20px 0; }
.brief-aside p { color:var(--muted); font-size:12px; line-height:1.9; }
body[data-theme=bm] .brief-aside h2 { font-family:Impact,'Arial Narrow',sans-serif; font-size:37px; letter-spacing:.3px; }
.presence-layout { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:30px; }
.presence-editor { padding:28px; background:var(--paper); border:1px solid var(--line); }
.presence-editor .eyebrow { font-size:9px; margin-bottom:20px; }
.presence-editor .button { margin-top:25px; }
.presence-preview { background:#e8ddc5; border:8px solid #fff9eb; outline:1px solid var(--line); padding:32px; }
.presence-preview > span { font-size:8px; letter-spacing:1.5px; color:var(--muted); }
.presence-preview h2 { font:42px/1.05 Impact,'Arial Narrow',sans-serif; text-transform:uppercase; margin:25px 0 16px; overflow-wrap:anywhere; }
.presence-preview > p { font:18px/1.5 Georgia,serif; max-width:250px; }
.presence-preview dl { padding:22px 0; margin:22px 0; border-top:3px double #b1a58d; border-bottom:3px double #b1a58d; }
.presence-preview dt { font-size:8px; letter-spacing:1.3px; color:var(--accent); margin:18px 0 7px; }
.presence-preview dt:first-child { margin-top:0; }
.presence-preview dd { margin:0; font-size:14px; overflow-wrap:anywhere; }
.presence-preview > div { font-size:8px; letter-spacing:1px; color:var(--muted); }
.presence-preview > div strong { font-size:12px; color:var(--accent); display:block; margin-top:6px; }
.presence-checklist { padding:26px 0; border-bottom:1px solid var(--line); }
.presence-checklist > span { font-size:9px; letter-spacing:1.3px; color:var(--accent); }
.presence-checklist p { font-size:12px; margin-top:14px; color:var(--muted); }
@media(max-width:1100px) {
  .glass-hero { grid-template-columns:1fr; }
  .glass-hero h1 { font-size:62px; }
  .glass-blueprint { max-width:470px; width:100%; justify-self:center; }
  .glass-drawing { max-height:330px; }
  .mellow-hero { gap:28px; }
  .mellow-copy h1 { font-size:57px; }
  .mellow-hero img { height:430px; }
  .provision-hero { grid-template-columns:110px 1fr; gap:24px; }
  .provision-hero h1 { font-size:64px; }
  .provision-start { grid-template-columns:1fr; gap:25px; }
  .attibelle-hero { grid-template-columns:1fr; gap:28px; }
  .attibelle-hero figure { max-width:480px; width:100%; }
  .attibelle-hero img { height:380px; }
  .attibelle-hero h1 { font-size:62px; }
  .attibelle-seal { display:none; }
  .attibelle-caption { flex-wrap:wrap; }
  .attibelle-caption .text-button { margin-left:auto; }
  .brief-layout { gap:22px; }
  .brief-form { padding:24px; }
  .brief-form .form-row { grid-template-columns:1fr; gap:0; }
  .presence-layout { gap:22px; }
  .presence-preview { padding:25px; }
  .presence-preview h2 { font-size:35px; }
  .spec-toolbar { flex-wrap:wrap; }
  .spec-toolbar > span { margin-left:0; flex-basis:100%; }
}
@media(max-width:900px) {
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .mobile-menu { display:grid !important; }
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar { position:fixed; top:78px; bottom:0; left:0; width:265px; height:calc(100dvh - 78px); padding:28px 20px; flex-direction:column; align-items:stretch; gap:0; transform:translateX(-100%); visibility:hidden; overflow:auto; z-index:29; border-right:1px solid var(--line); }
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]).menu-open .sidebar { transform:translateX(0); visibility:visible; }
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .project-brand { width:auto; margin:0 8px 28px; align-items:flex-start; }
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar-label,
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar-bottom { display:block; }
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .sidebar nav { flex-direction:column; margin:0; gap:5px; }
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .nav-item { font-size:12px; padding:13px 11px; gap:12px; }
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .nav-item .icon,
  body:is([data-theme=mellow],[data-theme=fierro],[data-theme=bm]) .nav-item small { display:block; }
  body[data-theme=mellow] .sidebar-label,body[data-theme=mellow] .sidebar-meta { color:#d9bfc6; }
  .mellow-hero { grid-template-columns:1fr; }
  .mellow-hero figure { max-width:550px; width:100%; justify-self:center; }
  .mellow-copy h1 { font-size:70px; }
  .mellow-hero img { height:450px; }
  .mellow-ribbon { font-size:9px; }
  .fierro-gallery { grid-template-columns:1fr; }
  .fierro-gallery > div { grid-template-columns:1fr 1fr; }
  .fierro-gallery figure > img { height:370px; }
  .fierro-gallery > div > img { height:220px; grid-column:2; grid-row:1/4; }
  .fierro-gallery > div > span,.fierro-gallery h2,.fierro-gallery a { grid-column:1; }
  .brief-layout,.presence-layout { grid-template-columns:1fr; }
  .brief-aside > img { height:300px; }
  .brief-form .form-row { grid-template-columns:1fr 1fr; gap:20px; }
}
@media(max-width:700px) {
  body:is([data-theme=glass],[data-theme=mellow],[data-theme=provision],[data-theme=attibelle],[data-theme=fierro],[data-theme=bm]) .topbar { height:68px; padding:0 16px; }
  body:is([data-theme=glass],[data-theme=mellow],[data-theme=provision],[data-theme=attibelle],[data-theme=fierro],[data-theme=bm]) .sidebar { top:68px; height:calc(100dvh - 68px); width:265px; }
  body:is([data-theme=glass],[data-theme=mellow],[data-theme=provision],[data-theme=attibelle],[data-theme=fierro],[data-theme=bm]) main { padding:25px 22px 0; }
  .final-edition { font-size:7px; letter-spacing:.8px; gap:20px; line-height:1.7; padding-bottom:22px; }
  .final-edition > span { max-width:55%; }
  .final-edition > span:last-child { text-align:right; }
  .glass-hero { padding-top:5px; gap:30px; }
  .glass-hero h1 { font-size:49px; letter-spacing:-2.5px; margin:25px 0; }
  .glass-hero .eyebrow { font-size:8px; }
  .glass-hero p { font-size:12px; }
  .glass-tags { font-size:8px; gap:19px; }
  .glass-blueprint { padding:14px 10px; }
  .glass-drawing { max-height:310px; }
  .glass-bottom { grid-template-columns:1fr; gap:24px; }
  .glass-bottom img { height:230px; }
  .glass-bottom h2 { font-size:32px; }
  .spec-toolbar { gap:18px; }
  .spec-toolbar > div { width:100%; }
  .spec-toolbar .form-input { margin-bottom:0; }
  .spec-toolbar > span { flex-basis:auto; font-size:7px; }
  .spec-toolbar > p { font-size:11px; }
  .spec-table { font-size:11px; }
  .spec-table th,.spec-table td { padding:17px 12px; }
  .spec-footnote { padding:22px 18px; }
  .spec-footnote p { font-size:11px; }
  .mellow-hero { gap:32px; padding:5px 0 30px; }
  .mellow-copy h1 { font-size:54px; letter-spacing:-2.8px; }
  .mellow-copy .eyebrow { font-size:7px; letter-spacing:1px; }
  .mellow-copy p { font-size:12px; }
  .mellow-signature { font-size:17px; margin-top:24px; }
  .mellow-hero figure { padding:10px; border-radius:120px 120px 3px 3px; }
  .mellow-hero img { height:350px; border-radius:110px 110px 0 0; }
  .mellow-hero figcaption { font-size:6px; letter-spacing:1px; }
  .mellow-ribbon { font-size:7px; letter-spacing:.6px; gap:12px; padding:19px 0; }
  .mellow-ribbon > span { max-width:80px; text-align:center; }
  .mellow-ribbon i { font-size:18px; }
  .mellow-note { margin:32px 0; }
  .mellow-note h2 { font-size:29px; letter-spacing:-.7px; }
  .mellow-note p { font-size:12px; }
  .provision-hero { grid-template-columns:1fr; padding:5px 0 30px; gap:27px; }
  .provision-ticket { min-height:0; padding:13px 15px; flex-direction:row; gap:18px; align-items:center; }
  .provision-ticket > span { font-size:7px; letter-spacing:1px; }
  .provision-ticket b { font-size:25px; transform:none; }
  .provision-ticket small { font-size:6px; max-width:65px; letter-spacing:1px; }
  .provision-hero h1 { font-size:59px; margin:24px 0; }
  .provision-hero p { font-size:12px; }
  .provision-hero .button { font-size:10px; padding:14px 17px; gap:15px; }
  .provision-rule { font-size:7px; letter-spacing:.7px; gap:25px; }
  .provision-rule > span { max-width:140px; }
  .provision-rule > span:last-child { text-align:right; }
  .provision-start { margin:30px 0; }
  .provision-start h2 { font-size:33px; }
  .attibelle-hero { padding-top:0; gap:30px; }
  .attibelle-hero img { height:360px; border-radius:3px 90px 3px 3px; }
  .attibelle-hero h1 { font-size:49px; letter-spacing:-2px; margin:24px 0; }
  .attibelle-hero p { font-size:12px; }
  .attibelle-caption { display:block; padding:24px 0; }
  .attibelle-caption > p { margin:17px 0 10px; }
  .fierro-intro { padding-top:4px; padding-bottom:30px; }
  .fierro-intro .eyebrow { font-size:7px; letter-spacing:1px; }
  .fierro-intro h1 { font-size:62px; letter-spacing:-3px; }
  .fierro-intro p { font-size:12px; }
  .fierro-intro .button { font-size:10px; padding:14px 18px; gap:16px; }
  .fierro-gallery { gap:20px; }
  .fierro-gallery figure > img { height:270px; }
  .fierro-gallery > div { padding:22px; gap:15px; }
  .fierro-gallery > div > img { height:160px; }
  .fierro-gallery > div > span { font-size:7px; letter-spacing:1px; }
  .fierro-gallery h2 { font-size:23px; }
  .fierro-gallery a { font-size:10px; }
  .bm-hero { min-height:570px; }
  .bm-hero > img { object-position:62%; }
  .bm-hero:after { background:linear-gradient(90deg,#11171be8,#11171b80); }
  .bm-hero > div { padding:30px 24px 55px; }
  .bm-hero h1 { font-size:67px; margin:28px 0 25px; }
  .bm-hero .eyebrow { font-size:7px; line-height:1.8; letter-spacing:1px; }
  .bm-hero p { font-size:12px; max-width:240px; }
  .bm-hero .button { font-size:9px; padding:14px 16px; gap:15px; }
  .bm-photo-credit { font-size:6px; left:20px; right:auto; }
  .bm-range { flex-wrap:wrap; gap:18px; padding:24px 0; }
  .bm-range > span { flex-basis:100%; max-width:none; font-size:7px; }
  .bm-range > strong { font-size:19px; letter-spacing:.4px; }
  .bm-range > a { flex-basis:100%; }
  .brief-layout { margin-top:23px; gap:25px; }
  .brief-form { padding:22px 19px; }
  .brief-form .form-row { grid-template-columns:1fr; gap:0; }
  .brief-form .brief-options label > span { padding:13px; font-size:11px; }
  .brief-form .eyebrow { font-size:8px; }
  .brief-aside > img { height:260px; }
  .brief-aside h2 { font-size:28px; }
  .brief-aside > div { padding:23px 0; }
  .presence-editor { padding:23px 20px; }
  .presence-preview { padding:25px 22px; }
  .presence-preview h2 { font-size:38px; }
  .presence-checklist p { font-size:11px; line-height:1.9; }
}
@media(max-width:370px) {
  body:is([data-theme=glass],[data-theme=mellow],[data-theme=provision],[data-theme=attibelle],[data-theme=fierro],[data-theme=bm]) main { padding-left:16px; padding-right:16px; }
  .glass-hero h1 { font-size:44px; }
  .mellow-copy h1 { font-size:48px; }
  .mellow-hero img { height:310px; }
  .provision-hero h1 { font-size:53px; }
  .attibelle-hero h1 { font-size:44px; }
  .attibelle-hero img { height:310px; }
  .fierro-intro h1 { font-size:56px; }
  .fierro-gallery h2 { font-size:21px; }
  .fierro-gallery > div { padding:18px; }
  .fierro-gallery > div > img { height:145px; }
  .bm-hero > div { padding-left:20px; padding-right:20px; }
  .bm-hero h1 { font-size:60px; }
  .bm-hero .button { font-size:8px; }
}