/* Broker Studio's shared canvas. Loaded last on every owned page, including the Studio proxy. */
@font-face{font-family:Nunito;src:url('/assets/nunito-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
html.broker-navy{color-scheme:dark;background:#002349;--broker-font:'Nunito',Arial,sans-serif;--paper:#002349;--ink:#fff;--muted:#fff;--line:#6685a6;--accent:#164b82;--foreground:#fff;--background:#002349;--card:#082e56;--card-foreground:#fff;--popover:#082e56;--popover-foreground:#fff;--primary:#164b82;--primary-foreground:#fff;--secondary:#082e56;--secondary-foreground:#fff;--muted-foreground:#fff;--accent-foreground:#fff;--border:#8faac5;--input:#8faac5;--ring:#fff}
html.broker-navy body{--broker-font:'Nunito',Arial,sans-serif;--paper:#002349;--ink:#fff;--muted:#fff;--line:#6685a6;max-width:none;min-height:100svh;margin:0;background:#002349!important;color:#fff!important;font-family:var(--broker-font)}
html.broker-navy body :is(h1,h2,h3,h4,h5,h6,p,small,span,em,strong,b,legend,label,summary,li,dt,dd,figcaption,a,button,input,select,textarea,blockquote){color:#fff!important;font-family:var(--broker-font)}
html.broker-navy :is(header,footer,main,section,article,aside,form,fieldset,dialog,details,.dn-page-content,.staff-shell,.staff-main,.staff-folders,.staff-property-layout,.broker-register,.broker-account-bar,.broker-account-tabs,.broker-account-card,.broker-usage-notice,.broker-logout-error,.broker-consent,.staff-staging-guide,.staff-photo-preview,.staff-photo-info,.staff-photo-order,.staff-check,.staff-staging-adjustment,.studio-support,.studio-support-success,.studio-support-error,.comparison,.comparison-caption,.comparison-controls,.strip,.note,.app-soon,.tier,.founding-offer,.image-label){background-color:#002349!important;color:#fff!important;border-color:#6685a6}
html.broker-navy :is(.broker-account-card,.broker-usage-notice,.broker-consent,.staff-step,.staff-photo,.staff-staging-adjustment,.staff-staging-disclosure,.studio-support-success,.studio-support-error,.staff-message,.staff-alert,.staff-photo-state,.staff-treatment-title>span,.comparison,.comparison-caption,.comparison-controls,.app-soon,.tier,.note,.dark-callout){background-color:#082e56!important}
html.broker-navy :is(.staff-property-layout,.staff-upload,.staff-folders,.staff-photo-info,.broker-account-bar form,.broker-consent details){background-color:transparent!important}
html.broker-navy :is(button,.button,.small-button,.text-link,.broker-account-link,.broker-logout-button,.staff-primary,.staff-secondary,.staff-actions a,.staff-drop,.checkout-back,.guide-jumps a,footer .social-links a){background:#103b68!important;color:#fff!important;border:1px solid #b3c9de!important;min-height:44px;line-height:1.4}
html.broker-navy :is(button,.button,.small-button,.text-link,.broker-account-link,.broker-logout-button,.staff-actions a,.guide-jumps a,footer .social-links a):hover:not(:disabled){background:#164b82!important;border-color:#fff!important}
html.broker-navy :is(button[aria-pressed=true],button[aria-selected=true],button.selected,.staff-folder-grid button[aria-pressed=true]){background:#164b82!important;border:2px solid #fff!important;box-shadow:inset 0 0 0 1px #fff}
html.broker-navy :is(button,input,select,textarea){font-size:16px}
html.broker-navy :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:#002349!important;color:#fff!important;border:1px solid #b3c9de!important;max-width:100%;min-width:0;border-radius:6px;caret-color:#fff}
html.broker-navy input::placeholder,html.broker-navy textarea::placeholder{color:#cfdfed;opacity:1}
html.broker-navy select option{background:#002349;color:#fff}
html.broker-navy input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #002349 inset}
html.broker-navy input:is([type=checkbox],[type=radio]){appearance:auto;accent-color:#fff;color-scheme:dark;width:22px!important;height:22px!important;min-height:22px!important;flex:0 0 22px;padding:0!important;margin:2px 0;vertical-align:middle}
html.broker-navy input[type=range]{accent-color:#fff;background:transparent;min-height:44px;padding:0;border:0}
html.broker-navy :is(input,select,textarea,button,a,summary):focus-visible{outline:3px solid #fff!important;outline-offset:4px}
html.broker-navy :is(button:disabled,input:disabled,select:disabled,textarea:disabled){opacity:1;color:#c8d7e6!important;border-color:#6685a6!important;cursor:not-allowed}
html.broker-navy :is(.staff-actions .danger,.staff-adjustment-error,.studio-support-error,[role=alert]){border-color:#ffacb4!important}
html.broker-navy .staff-check{display:inline-flex;align-items:center;gap:8px;background:#002349!important;border:1px solid #b3c9de;box-shadow:none}
/* Keep guidance readable below photos and above Edit Selected. */
html.broker-navy .staff-step-note{background:#103b68!important;color:#fff!important;border:1px solid #6685a6;padding:12px 14px;margin:14px 0;border-radius:6px;font-size:14px;line-height:1.6}
html.broker-navy .staff-photo-state{color:#fff!important}
html.broker-navy .staff-step-number{background:#164b82;border:1px solid #b3c9de}
html.broker-navy .staff-photo.chosen{outline:3px solid #fff}
html.broker-navy :is(.staff-enlarge,.staff-compare .staff-enlarge){padding:0!important;min-height:0;background:transparent!important;border:0!important}
html.broker-navy :is(.staff-compare figcaption,.staff-staging-overlay,.staff-enlarge-hint,.staff-edit-caption,.staff-preview-disclosure,.motion-label,.image-label){background:#002349f2!important;color:#fff!important}
html.broker-navy .broker-usage-balance{color:#fff;background:#103b68;border-color:#b3c9de}
html.broker-navy .broker-remember-option{margin:0}
html.broker-navy .broker-password-option{display:flex;align-items:flex-start;gap:12px;line-height:1.5}
html.broker-navy .broker-remember-option small{display:block;margin:6px 0 0 34px;font-size:14px;line-height:1.5}
html.broker-navy :is(.staff-treatment-grid,.staff-options,.staff-property-layout,.staff-grid,.broker-account-card,.studio-support,.staff-step-title,.staff-roll-head,.staff-treatment-title){min-width:0}
html.broker-navy :is(.staff-photo-info>b,.broker-account-card dd,.staff-step-help){overflow-wrap:anywhere}
html.broker-navy header nav{flex-wrap:wrap;white-space:normal;overflow:visible}
html.broker-navy .staff-roll-head,.broker-navy .staff-treatment-title{flex-wrap:wrap}
html.broker-navy .broker-studio-copyright{color:#fff!important}
@media(max-width:600px){html.broker-navy :is(.staff-options,.staff-property-layout){grid-template-columns:minmax(0,1fr)}html.broker-navy .staff-treatment-grid{grid-template-columns:minmax(0,1fr)}html.broker-navy .staff-grid{grid-template-columns:minmax(0,1fr)}html.broker-navy .staff-shell.guest-shell .staff-main{padding:24px 16px}html.broker-navy .staff-step{padding:20px 16px}html.broker-navy .broker-register{margin:24px 12px;max-width:calc(100% - 24px);padding:24px 18px}html.broker-navy header nav{gap:16px}html.broker-navy .broker-studio-brand{font-size:25px;letter-spacing:-1px}}
@media(forced-colors:active){html.broker-navy input:is([type=checkbox],[type=radio]){forced-color-adjust:auto}html.broker-navy :is(button[aria-pressed=true],button.selected){outline:2px solid Highlight}}

/* A photography-led first screen, followed by large, hands-on comparisons. */
html.broker-navy .home-page>header{max-width:none;padding:20px 4.5%;min-height:104px}
html.broker-navy .home-page>main{max-width:none}
html.broker-navy .hero-showcase{position:relative;isolation:isolate;margin:0!important;padding:0!important;min-height:clamp(680px,calc(100svh - 104px),980px);overflow:hidden}
.hero-transformation{cursor:ew-resize;touch-action:pan-y;user-select:none;position:absolute;inset:0;--split:50%;background:#002349}
.hero-transformation>img,.hero-result,.hero-result img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.hero-result{-webkit-clip-path:inset(0 0 0 var(--split));clip-path:inset(0 0 0 var(--split))}
.hero-transformation:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00234926 20%,#00234980 35%,#002349db 74%,#002349 100%);pointer-events:none}
.hero-photo-labels{position:absolute;inset:26px 4.5% auto;z-index:2;display:flex;justify-content:space-between;gap:20px;pointer-events:none}
.hero-photo-labels span{padding:7px 12px;background:#002349eb;border:1px solid #ffffff8c;border-radius:30px;font-size:12px;font-weight:800;letter-spacing:.09em}
.hero-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#ffffffb3;pointer-events:none}
.hero-divider>span{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #fff;background:#002349;font-size:25px}
.hero-story{position:relative;z-index:3;padding:clamp(260px,36vh,460px) 4.5% 158px;max-width:1050px;pointer-events:none}
.hero-story .eyebrow{font-size:12px;letter-spacing:.17em;margin:0 0 15px;font-weight:800}
html.broker-navy .hero-story h1{font-size:clamp(45px,5.9vw,90px);line-height:1.04;letter-spacing:-.045em;margin:0 0 20px;font-weight:700;text-wrap:balance}
.hero-description{max-width:570px;font-size:18px;line-height:1.6;margin:0 0 22px}
.hero-story .actions{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;margin:0 0 12px}
.hero-story :is(a,button){pointer-events:auto}
.hero-story .micro{font-size:14px;margin:0;line-height:1.5}
html.broker-navy .hero-story .button{background:#164b82!important;border:1px solid #fff!important;padding:15px 24px;font-size:17px;font-weight:800;box-shadow:0 6px 25px #0003}
html.broker-navy .hero-story .text-link{background:#002349d9!important;font-size:16px;padding:14px 23px}
.hero-transform-controls{position:absolute;z-index:4;bottom:0;left:4.5%;right:4.5%;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:10px 22px;padding:16px 0 18px;border-top:1px solid #ffffff75}
.hero-transform-controls label{font-size:14px;font-weight:800;margin:0;white-space:nowrap}
.hero-transform-controls input{width:100%;margin:0}
.hero-transform-controls button{padding:9px 16px;font-size:14px!important;white-space:nowrap}
.hero-transform-controls p{grid-column:1/-1;font-size:12px;line-height:1.5;margin:0}
html.broker-navy .home-page .strip{background:#103b68!important;gap:20px}
html.broker-navy .home-page .work{padding:90px 4.5%}
html.broker-navy .home-page .work-grid{gap:30px}
html.broker-navy .home-page .work-grid .comparison:first-child .compare{aspect-ratio:1.85}
html.broker-navy .home-page .work-grid .comparison{border-radius:14px;box-shadow:0 14px 38px #0002}
.home-page .section-heading h2{font-weight:700;line-height:1.1}
.home-page .comparison-caption h3{font-weight:800}
.home-page .comparison-controls{border-top:1px solid #6685a6}
html.broker-navy .comparison-buttons button[aria-pressed=true]{background:#164b82!important;border-color:#fff!important}
@media(min-width:761px){.home-page .cards article{transition:transform .2s ease}.home-page .cards article:hover{transform:translateY(-4px)}}
@media(max-width:760px){html.broker-navy .home-page>header{min-height:0;padding:16px 6%}.hero-showcase{min-height:0!important;display:flex;flex-direction:column}.hero-transformation{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:4/3;min-height:0;max-height:none;flex:0 0 auto;order:0;scroll-margin-top:12px}.hero-transformation:after{background:linear-gradient(180deg,transparent 75%,#002349)}.hero-story{padding:26px 6% 28px;order:2;max-width:none}.hero-photo-labels{inset:20px 6% auto}.hero-photo-labels span{font-size:11px;padding:6px 10px}.hero-divider>span{top:50%}.hero-story .eyebrow{font-size:11px;margin-bottom:12px}.hero-story .hero-description{font-size:17px;line-height:1.6}.hero-story h1{font-size:clamp(36px,9vw,62px)!important;margin-bottom:18px!important}.hero-story .actions{gap:10px}.hero-story .actions a{font-size:15px!important}.hero-transform-controls{position:relative;inset:auto;order:1;margin:0 6%;grid-template-columns:1fr auto;gap:8px 12px;padding:15px 0 24px}.hero-transform-controls label{grid-column:1}.hero-transform-controls input{grid-row:2;grid-column:1/-1}.hero-transform-controls button{grid-column:2;grid-row:1;font-size:12px!important;padding:8px 12px}.hero-transform-controls p{font-size:12px}.hero-story .micro{font-size:13px}html.broker-navy .home-page .work{padding:48px 0}html.broker-navy .home-page .work-grid .comparison:first-child .compare{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){html.broker-navy *{scroll-behavior:auto!important}.home-page .cards article{transition:none!important;transform:none!important}}

/* Julian’s five-star review: warm gold on the navy canvas. */
html.broker-navy .testimonial-stars{color:#e4ba68!important}

/* Approved Perspective identity. Preserve the lockup proportions and generous mobile tap area. */
html.broker-navy :is(a.brand,a.broker-studio-brand){display:block;width:280px;max-width:100%;flex:0 0 auto;line-height:0;letter-spacing:0}
html.broker-navy .broker-brand-logo{display:block;width:100%;height:auto;aspect-ratio:5.4/1;object-fit:cover;object-position:center;filter:contrast(1.25);mix-blend-mode:lighten;border:0}
html.broker-navy footer a.brand{width:260px}
@media(max-width:600px){html.broker-navy header :is(a.brand,a.broker-studio-brand){width:210px}html.broker-navy body>header{gap:12px}}
@media(max-width:360px){html.broker-navy header :is(a.brand,a.broker-studio-brand){width:180px}}