/* sageDezine Orbit — presentation classes on native Gutenberg blocks. */
:root{--sd-carbon:#292629;--sd-sand:#e9dfd2;--sd-rust:#a65343;--sd-coral:#ce8c78;--sd-mauve:#796b80;--sd-teal:#648c8b;--sd-admin:0px;--sd-line:rgba(71,61,57,.18)}
body.admin-bar{--sd-admin:32px}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;min-width:320px;background:#ece7df;font-family:"Inter","Aptos","Segoe UI",system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #648c8b;outline-offset:5px}
button{font:inherit}
.sd-shell{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:clamp(260px,24vw,360px) minmax(0,1fr);gap:clamp(24px,3vw,56px);padding:clamp(20px,2.5vw,44px);margin:0!important;align-items:start}
.sd-shell::before{content:"";position:fixed;z-index:-1;inset:0;background:#ece7df url('../images/architectural-background.webp') center/cover no-repeat;pointer-events:none}
.sd-shell>.wp-block-template-part{position:sticky;top:calc(var(--sd-admin) + 24px);min-width:0;margin:0}
/* The glass face, metal bezel and reflected light are separate presentation layers. */
.sd-sidebar{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:min(840px,calc(100svh - var(--sd-admin) - 48px));padding:clamp(22px,2.4vw,36px) clamp(18px,2vw,30px);border:1px solid #c0bbb5;border-radius:15px;background:linear-gradient(180deg,rgba(225,228,230,.13),transparent 20%,transparent 82%,rgba(185,160,143,.10)),linear-gradient(105deg,transparent 12%,rgba(209,213,218,.045) 12.2%,rgba(209,213,218,.045) 28%,transparent 28.2%,transparent 55%,rgba(221,221,224,.035) 55.2%,transparent 72%),linear-gradient(136deg,#48494b 0%,#2d2e31 19%,#1b1d20 48%,#242528 76%,#353333 100%);color:#eee8e0;box-shadow:0 0 0 1px #242526,0 1px 0 2px #e2d9cd66,0 3px 3px #08090b99,0 12px 16px #1414174a,12px 24px 40px #29262938,inset 0 0 0 5px #252629,inset 0 0 0 6px #a9a9a275,inset 9px 0 18px #ffffff06;overflow:hidden}
/* Reflective titanium perimeter: the mask leaves the native content area clear. */
.sd-sidebar::before{content:"";position:absolute;z-index:0;inset:0;padding:5px;border-radius:inherit;background:linear-gradient(127deg,#f3eee4 0%,#999c9f 8%,#37393d 16%,#b7b9ba 26%,#f3eee4 29%,#73777c 34%,#44464b 48%,#25272b 61%,#8c8d8e 78%,#e6c0a1 88%,#f5dfc9 91%,#5b5b60 97%);-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;pointer-events:none}
/* Wide soft reflections on smoked glass, including the warmer lower-right bounce. */
.sd-sidebar::after{content:"";position:absolute;z-index:0;inset:8px;border:1px solid #ffffff15;border-radius:8px;background:linear-gradient(180deg,#d9e0e018 0%,#d9e0e005 13%,transparent 25%),linear-gradient(90deg,transparent 0%,transparent 68%,#d0d8df06 68.3%,#d0d8df0b 79%,transparent 79.3%),linear-gradient(147deg,transparent 80%,#d3a58b12 88%,#edc8ab1a 92%,transparent 97%),radial-gradient(ellipse at 8% 0%,#e3e4e219,transparent 48%);box-shadow:inset 1px 0 0 #f5e8dc24,inset -1px 0 0 #0007,inset 0 2px 3px #0006;pointer-events:none}
.sd-sidebar>*{position:relative;z-index:1}
.sd-brand{padding:8px 0 28px;border-bottom:1px solid #ffffff25}
.sd-wordmark{font-size:clamp(27px,2.65vw,40px);font-weight:450;letter-spacing:-.045em;line-height:1.1;margin:0;white-space:nowrap}
.sd-wordmark a,.sd-wordmark a:visited{color:#eee8e0;text-decoration:none}
.sd-wordmark span{color:var(--sd-coral)}
.sd-tagline{font-size:clamp(10px,.8vw,12px);line-height:1.6;letter-spacing:.055em;color:#d0c6bf;margin:14px 0 0}
.sd-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0;color:#5f5550}
.sd-navigation{margin-top:clamp(30px,5vh,60px)}
.sd-navigation>.sd-eyebrow{color:#b9b2ad;margin-bottom:20px}
.sd-project-nav{width:100%;counter-reset:project}
.sd-project-nav .wp-block-navigation__container{width:100%;gap:0;align-items:stretch}
.sd-project-nav .wp-block-navigation-item{width:100%;margin:0;border-bottom:1px solid #ffffff19}
.sd-project-nav .wp-block-navigation-item__content{display:flex;align-items:center;gap:14px;width:100%;min-height:65px;padding:14px 9px;color:#e9e3dc;text-decoration:none;border-radius:4px;line-height:1.35;font-size:clamp(.9rem,1.08vw,1.03rem);transition:background .18s,color .18s,box-shadow .18s}
.sd-project-nav .wp-block-navigation-item__content::before{counter-increment:project;content:counter(project,decimal-leading-zero);font-size:.68rem;color:#bfb4ad;min-width:19px;font-variant-numeric:tabular-nums}
.sd-project-nav a:hover{background:#ffffff10;color:#fff}
.sd-project-nav a[aria-current="true"]{background:linear-gradient(180deg,#e4b99a16,transparent 26%,#190c0b22),linear-gradient(105deg,#965339,#7a4435 64%,#624039);box-shadow:inset 0 1px 0 #edc0a24d,inset 0 -1px 0 #100b0b80,inset 3px 0 0 #ce8c78,0 3px 7px #0002;color:#fff}
.sd-project-nav a[aria-current="true"]::before{color:#9fd1cd}
.sd-sidebar-footer{margin-top:auto;padding-top:38px}
.sd-sidebar-footer p{margin:12px 0 0}
.sd-sidebar-footer a{display:flex;align-items:center;justify-content:space-between;color:#dfd8d1;text-decoration:none;padding:7px 4px;font-size:.9rem}
.sd-sidebar-footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.sd-sidebar-footer span{color:var(--sd-coral)}
.sd-main{min-width:0;margin:0!important;padding:0 0 30px}
.sd-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;margin:0 0 24px}
.sd-viewer-controls{margin:0!important;display:flex;align-items:center;gap:10px}
.sd-viewer-hint{font-size:.8rem;color:#655b55;margin:0}
.sd-viewer-count{font-size:.8rem;letter-spacing:.12em;font-variant-numeric:tabular-nums;margin-right:8px;color:#4c4541;white-space:nowrap}
.sd-viewer-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #8b8177;border-radius:6px;background:#ffffff45;box-shadow:inset 0 1px #ffffffaa;cursor:pointer;font-size:1.25rem;color:#292629}
.sd-viewer-button:hover{background:#fff8;border-color:#a65343}
.sd-viewer-button:disabled{opacity:.35;cursor:default}
.sd-live-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sd-project{margin:0;scroll-margin-top:32px}
.sd-project+.sd-project{margin-top:60px;padding-top:40px;border-top:1px solid var(--sd-line)}
.sd-projects.is-enhanced>.sd-project{margin:0;padding:0;border:0}
.sd-projects.is-enhanced>.sd-project[hidden]{display:none!important}
.sd-preview-stage{position:relative;margin:0;min-width:0;padding-right:7%;padding-bottom:25px}
.sd-desktop-screen{position:relative;margin:0!important;padding:20px 9px 9px;background:linear-gradient(140deg,#454549,#18191a 55%,#4f4d4e);border:1px solid #8c8985;border-radius:15px;box-shadow:inset 0 0 0 2px #ffffff12,0 18px 35px #30262625,0 2px 4px #29262944}
.sd-desktop-screen::before{content:"● ● ●";position:absolute;left:14px;top:4px;color:#a7a19b;letter-spacing:3px;font-size:6px;line-height:12px}
.sd-desktop-screen img{display:block;width:100%;height:auto;max-height:66svh;aspect-ratio:1440/880;object-fit:cover;object-position:top;border-radius:6px;background:#e9dfd2}
.sd-desktop-screen figcaption,.sd-mobile-screen figcaption{color:#fff;font-size:.8rem;padding:6px}
.sd-mobile-screen{position:absolute;z-index:2;width:24%;right:0;bottom:0;margin:0!important;padding:7px;background:linear-gradient(120deg,#727070,#222325 40%,#48474a);border:1px solid #9e9891;border-radius:clamp(10px,1.8vw,26px);box-shadow:0 9px 20px #2926293b,inset 0 0 0 2px #ffffff20}
.sd-mobile-screen img{display:block;width:100%;height:auto;aspect-ratio:390/780;object-fit:cover;object-position:top;border-radius:clamp(6px,1.3vw,19px);background:#e9dfd2}
.sd-preview-caption{margin:8px 0 20px!important;font-size:.7rem;color:#6b615c;letter-spacing:.02em}
.sd-project-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0 28px}
.sd-project-title{font-size:clamp(1.6rem,2.4vw,2.7rem);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0}
.sd-project-description{font-size:1rem;color:#514943;max-width:56ch;margin:10px 0 0;line-height:1.6}
.sd-project-intro>.wp-block-buttons{flex-shrink:0;margin:0}
.sd-project-intro .wp-block-button__link{font-size:.85rem;white-space:nowrap}
.sd-project-intro .is-style-outline>.wp-block-button__link{color:#7d3c30;background:#f6f1e855;border:1px solid #9f7260;padding:.75rem 1rem;border-radius:6px}
.sd-project-intro .wp-block-button__link:hover{background:#fdfbf6;color:#603124}
.sd-link-pending{font-size:.8rem;color:#6b5c54}
.sd-project-notes{border-top:1px solid var(--sd-line);padding-top:24px;gap:24px;margin:0!important}
.sd-project-notes>.wp-block-column{min-width:0;padding-left:18px;border-left:1px solid #a6534350}
.sd-project-notes h3{font-size:1rem;line-height:1.3;font-weight:600;margin:0 0 8px}
.sd-project-notes p{font-size:.86rem;color:#615750;margin:0;line-height:1.6}
.sd-about,.sd-contact,.sd-page-surface{background:#f6f2ebd9;border:1px solid #b6aba070;border-radius:12px;box-shadow:0 6px 20px #392e2510,inset 0 1px #fff9;padding:clamp(24px,4vw,60px);margin-top:clamp(36px,6vw,80px);scroll-margin-top:36px}
.sd-about h2,.sd-contact h2{font-size:clamp(1.6rem,2.4vw,2.4rem);margin:18px 0}
.sd-about p:not(.sd-eyebrow),.sd-contact p:not(.sd-eyebrow){max-width:65ch}
.sd-contact-placeholder{color:#6b5c54;border-left:2px solid var(--sd-rust);padding-left:16px}
.sd-page-surface{margin-top:0;overflow-wrap:anywhere}
.sd-page-surface>h1{margin-top:0}
.sd-site-footer{padding:20px;font-size:.8rem}
body:has(.sd-shell) .wp-site-blocks{padding:0}
.sd-main>.wp-block-post-content{margin:0;max-width:none}
.sd-main>.wp-block-post-content>.sd-project-viewer{max-width:none}
@media(min-width:1800px){.sd-shell{max-width:1900px;margin-inline:auto!important}.sd-desktop-screen img{max-height:760px}}
@media(max-height:800px) and (min-width:1001px){.sd-sidebar{min-height:calc(100svh - var(--sd-admin) - 40px);padding-block:24px}.sd-brand{padding-bottom:20px}.sd-navigation{margin-top:24px}.sd-project-nav .wp-block-navigation-item__content{min-height:52px}.sd-sidebar-footer{padding-top:20px}}
@media(max-width:1100px) and (min-width:1001px){.sd-shell{gap:24px;grid-template-columns:260px minmax(0,1fr)}.sd-project-intro{align-items:flex-start;flex-direction:column;gap:18px}.sd-project-notes{gap:14px}.sd-project-notes>.wp-block-column{padding-left:12px}}
@media(max-width:1000px){.sd-shell{display:block;padding:20px;max-width:none}.sd-shell>.wp-block-template-part{position:relative;top:auto}.sd-sidebar{min-height:0;padding:24px 24px 14px;border-radius:12px;overflow:visible}.sd-brand{border-bottom:0;padding:0}.sd-wordmark{font-size:34px}.sd-tagline{font-size:11px;margin-top:8px}.sd-navigation{margin-top:20px}.sd-navigation>.sd-eyebrow{display:none}.sd-project-nav .wp-block-navigation__container{flex-direction:row;flex-wrap:nowrap!important;overflow-x:auto;gap:8px;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:#9b7765 #292629}.sd-project-nav .wp-block-navigation-item{width:auto;flex:0 0 auto;border:0}.sd-project-nav .wp-block-navigation-item__content{white-space:nowrap;width:auto;min-height:44px;padding:10px 14px;font-size:.9rem;background:#ffffff09;gap:8px}.sd-project-nav .wp-block-navigation-item__content::before{display:none}.sd-sidebar-footer{position:absolute;right:24px;top:20px;display:flex;gap:20px;padding:0;margin:0}.sd-sidebar-footer p{margin:0}.sd-sidebar-footer a{font-size:.82rem;gap:8px}.sd-main{padding-top:24px}.sd-viewer-toolbar{margin-bottom:20px}.sd-desktop-screen img{max-height:none}.sd-project-title{font-size:2rem}.sd-project-intro{gap:20px}.sd-about,.sd-contact{margin-top:44px}}
@media(max-width:600px){body.admin-bar{--sd-admin:0px}.sd-shell{padding:12px}.sd-sidebar{padding:22px 18px 12px}.sd-wordmark{font-size:30px}.sd-tagline{font-size:10px}.sd-sidebar-footer{position:static;margin-top:10px;gap:24px;padding:0}.sd-sidebar-footer a{padding:5px 0;font-size:.8rem}.sd-main{padding-top:20px}.sd-viewer-toolbar{gap:8px;margin-bottom:18px}.sd-viewer-toolbar>.sd-eyebrow{font-size:.65rem;letter-spacing:.1em}.sd-viewer-hint{font-size:.7rem;text-align:right}.sd-viewer-button{width:36px;height:36px}.sd-viewer-controls{gap:6px}.sd-viewer-count{font-size:.7rem;margin-right:4px}.sd-preview-stage{padding-right:8%;padding-bottom:34px}.sd-desktop-screen{border-radius:9px;padding:16px 5px 5px}.sd-desktop-screen::before{top:2px;left:10px}.sd-desktop-screen img{border-radius:4px}.sd-mobile-screen{width:28%;padding:4px;border-radius:13px}.sd-mobile-screen img{border-radius:9px}.sd-preview-caption{font-size:.65rem;line-height:1.5;margin-top:12px!important}.sd-project-intro{display:block;margin:20px 0 24px}.sd-project-title{font-size:1.8rem}.sd-project-description{font-size:.96rem;margin-top:10px}.sd-project-intro>.wp-block-buttons{margin-top:18px}.sd-project-notes{display:grid!important;grid-template-columns:1fr;gap:20px;padding-top:22px}.sd-project-notes>.wp-block-column{flex-basis:auto!important;padding-left:16px}.sd-project-notes p{font-size:.86rem}.sd-project-notes h3{margin-bottom:5px}.sd-about,.sd-contact,.sd-page-surface{padding:24px;border-radius:9px}.sd-contact,.sd-about{margin-top:36px}.sd-about h2,.sd-contact h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){.sd-sidebar{background:#292629}.sd-sidebar::after{display:none}.sd-about,.sd-contact,.sd-page-surface{background:#f3efe9}}
@media(forced-colors:active){.sd-sidebar{border:2px solid CanvasText}.sd-sidebar::before,.sd-sidebar::after{display:none}.sd-project-nav a[aria-current="true"]{outline:2px solid Highlight}.sd-shell::before{display:none}}
@media print{.sd-shell{display:block;padding:0}.sd-shell::before,.sd-shell>.wp-block-template-part,.sd-viewer-controls{display:none}.sd-projects.is-enhanced>.sd-project[hidden]{display:block!important}.sd-project{break-inside:avoid;margin:24px 0!important}.sd-about,.sd-contact{box-shadow:none;background:white}.sd-mobile-screen{display:none}.sd-preview-stage{padding:0}.sd-desktop-screen{box-shadow:none}}

/* 0.1.2 — a phone composition, using the same native project content. */
.sd-mobile-project-picker{display:none}
@media screen and (max-width:600px){
 .sd-shell{padding:12px;min-width:0}
 .sd-sidebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;padding:20px 18px 18px;min-height:0;overflow:hidden}
 .sd-brand{grid-column:1;grid-row:1;padding:0;border:0;min-width:0}
 .sd-wordmark{font-size:clamp(23px,6.5vw,30px);line-height:1.1}
 .sd-tagline{font-size:9px;letter-spacing:.02em;margin-top:7px;line-height:1.4}
 .sd-sidebar-footer{grid-column:2;grid-row:1;position:static;display:flex;flex-direction:column;align-items:flex-end;gap:0;margin:0;padding:0}
 .sd-sidebar-footer p{margin:0}
 .sd-sidebar-footer a{font-size:11px;line-height:1.2;padding:6px 0;gap:6px;min-height:26px}
 .sd-navigation{grid-column:1/-1;grid-row:2;margin:0;min-width:0}
 .sd-mobile-project-picker{display:flex;align-items:center;gap:12px;min-width:0;margin:0;color:#dcd5ce}
 .sd-mobile-project-picker>span{flex-shrink:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
 .sd-mobile-project-picker select{display:block;min-width:0;width:100%;min-height:44px;padding:9px 30px 9px 12px;border:1px solid #9c8b7f;border-radius:5px;background:#252629;color:#f2eae1;font:inherit;font-size:16px;line-height:1.25;color-scheme:dark}
 .sd-mobile-project-picker select:focus-visible{outline:3px solid #91bdb9;outline-offset:3px}
 .sd-project-nav.sd-mobile-picker-ready{display:none}
 /* Without the picker, all native navigation choices remain visible. */
 .sd-project-nav:not(.sd-mobile-picker-ready) .wp-block-navigation__container{flex-wrap:wrap!important;overflow:visible;padding:0;gap:6px}
 .sd-project-nav:not(.sd-mobile-picker-ready) .wp-block-navigation-item__content{white-space:normal;min-height:44px;font-size:13px;padding:8px 10px}
 .sd-main{padding-top:16px}
 .sd-viewer-toolbar{min-height:44px;margin-bottom:14px;gap:8px}
 .sd-viewer-button{width:44px;height:44px;font-size:20px}
 .sd-viewer-count{font-size:11px;letter-spacing:.05em}
 .sd-viewer-toolbar>.sd-eyebrow{font-size:10px}
 /* Give the phone capture room to be seen; the desktop pair remains above 600px. */
 .sd-preview-stage{padding:0;margin:0;max-width:100%;min-width:0}
 .sd-preview-stage:has(.sd-mobile-screen img)>.sd-desktop-screen{display:none}
 .sd-preview-stage>.sd-mobile-screen{position:relative;inset:auto;width:clamp(180px,55vw,230px);max-width:100%;margin:0 auto!important;padding:6px;border-radius:20px;box-shadow:0 10px 24px #29262930,inset 0 0 0 2px #ffffff20}
 .sd-mobile-screen img{width:100%;height:auto;max-height:430px;aspect-ratio:390/760;object-fit:cover;object-position:top;border-radius:14px}
 .sd-preview-caption{display:none}
 .sd-project-intro{margin:24px 0;min-width:0}
 .sd-project-title{font-size:clamp(24px,6.5vw,30px);line-height:1.15;overflow-wrap:anywhere}
 .sd-project-description{font-size:15px;line-height:1.55;margin-top:10px}
 .sd-project-intro>.wp-block-buttons{margin-top:16px}
 .sd-project-intro .wp-block-button__link{min-height:44px;padding:10px 16px;font-size:14px}
 .sd-project-notes{gap:16px;padding-top:20px}
 .sd-project-notes h3{font-size:15px}
 .sd-project-notes p{font-size:14px;line-height:1.5}
}
/* The editor continues to expose both source images for replacement and selection. */
@media screen and (max-width:600px){
 .editor-styles-wrapper .sd-preview-stage:has(.sd-mobile-screen img)>.sd-desktop-screen{display:block}
 .editor-styles-wrapper .sd-preview-stage>.sd-mobile-screen{margin-top:16px!important}
}