/* Each destination occupies the available window; content is split into short steps. */
html{scroll-behavior:auto;scroll-padding:0}
body.screen-site{min-height:100dvh;display:flex;flex-direction:column}
.screen-site header{padding-top:16px;padding-bottom:16px;min-height:76px;flex-shrink:0}
.screen-site main{flex:1;display:flex;flex-direction:column}
.screen-site .site-screen{width:100%;min-height:0;padding-top:26px;padding-bottom:26px;flex:1}
.screen-site .hero{min-height:0;grid-template-rows:1fr auto;align-content:center;row-gap:12px}
.screen-site .hero h1{font-size:clamp(48.6px,5.62vw,82.1px)}
.screen-site .hero-art{padding:0;min-height:0}
.screen-site .hero-pair-image{max-height:calc(100dvh - 235px);object-fit:contain}
.screen-site .hero-caption{font-size:12px;white-space:normal}
.screen-site .lead{margin:20px 0;line-height:1.6}
.screen-site .hero .small{max-width:400px}
.screen-site .essence{align-content:center;border:0;gap:24px 8vw}
.screen-site .process{display:flex;flex-direction:column;justify-content:center}
.screen-site .process .steps{margin-top:26px}
.screen-site .process .research{margin-top:20px}
.page-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(6vw,24px);border-top:1px solid var(--line);min-height:70px;background:var(--paper);flex-shrink:0}
.page-bar #page-label{font-size:13px;color:var(--muted);margin-right:auto}
.page-bar .button{padding:12px 18px}
.screen-site .chooser .section-heading{margin-bottom:20px}
.screen-site .chooser[data-screen-stage="choice"]{display:flex;flex-direction:column;justify-content:center}
.screen-site .chooser[data-screen-stage="choice"] .config-grid{display:none}
.screen-site .chooser[data-screen-stage="choice"] .purchase-cards{max-width:1000px;gap:20px}
.screen-site .chooser[data-screen-stage="choice"] .purchase-card{padding:30px 24px;min-height:190px;align-items:flex-start}
.screen-site .chooser[data-screen-stage="choice"] .purchase-card strong{font-size:34.6px}
.screen-site .chooser[data-screen-stage="choice"] .purchase-card small{font-size:15.3px;line-height:1.6;margin-top:12px}
.screen-site .chooser[data-screen-stage="choice"] .purchase-card b{margin-top:14px;font-size:13px}
.screen-site .chooser[data-screen-stage="config"]>.section-heading,.screen-site .chooser[data-screen-stage="config"]>.purchase-kind,.screen-site .chooser[data-screen-stage="summary"]>.section-heading,.screen-site .chooser[data-screen-stage="summary"]>.purchase-kind{display:none}
.screen-site .chooser .mobile-config-heading{display:none!important}
.screen-site .chooser .mobile-review,.screen-site .chooser .mobile-edit{display:none!important}
.screen-site .chooser .config-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:20px 40px;max-width:1100px;margin:0 auto;width:100%;align-content:center}
.screen-site .chooser[data-screen-stage="config"] .order-summary,.screen-site .chooser[data-screen-stage="config"] .framing-suggestion{display:none}
.screen-site .chooser .preview-panel{display:block;position:static;grid-column:1;grid-row:1/3;min-width:0}
.screen-site .chooser .controls{display:contents}
.screen-site .chooser .controls>fieldset{grid-column:2;margin:0;display:block}
.screen-site .chooser .controls>fieldset:first-child{grid-row:1}
.screen-site .chooser .controls>fieldset:nth-child(2){grid-row:2}
.screen-site .chooser .preview-stage{--stage-height:clamp(180px,calc(100dvh - 270px),480px);height:var(--stage-height);min-height:0;padding:18px}
.screen-site .chooser .work,.screen-site .chooser .work.is-framed,.screen-site .chooser .work.canvas.is-framed{width:calc((var(--stage-height) - 36px)*.5);max-width:88%}
.screen-site .chooser .work.large,.screen-site .chooser .work.is-framed.large,.screen-site .chooser .work.canvas.is-framed.large{width:calc((var(--stage-height) - 36px)*.66667);max-width:95%}
.screen-site .chooser .preview-meta{display:flex;flex-direction:row;justify-content:space-between;gap:8px;padding:0;margin-top:8px}
.screen-site .chooser .mobile-preview-note{display:none}
.screen-site .chooser[data-screen-stage="summary"] .controls>fieldset{display:none}
.screen-site .chooser[data-screen-stage="summary"] .order-summary{display:block;grid-column:2;grid-row:1}
.screen-site .chooser[data-screen-stage="summary"] .framing-suggestion{grid-column:1/-1;grid-row:3;display:block;margin:0}
.screen-site .chooser[data-screen-stage="summary"] .framing-suggestion[hidden]{display:none!important}
.screen-site .chooser[data-screen-stage="summary"] .selection{border:0;margin:0;padding:0}
.screen-site .family-story{border:0;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}
.screen-site .family-story .story-header,.screen-site .family-story .story-progress,.screen-site #story-form{width:100%;max-width:880px}
.screen-site .story-header>p:not(.eyebrow):not(.story-product){display:none}
.screen-site .story-step[data-story-step="1"]>.story-grid{grid-template-columns:repeat(3,1fr);margin-top:16px}
.screen-site .story-dates{margin-top:12px}
.screen-site #family-notes{min-height:70px;height:70px;resize:vertical}
.screen-site .story-review{margin:12px 0;grid-template-columns:190px 1fr}
.screen-site .story-review dt,.screen-site .story-review dd{font-size:14.2px;padding-top:5px;padding-bottom:5px}
.screen-site .story-actions{margin-top:14px}
.screen-site .ready-screen{max-width:1000px;margin:0 auto;display:flex;align-items:center}
.screen-site .story-ready{width:100%;margin:0;padding:20px}
.screen-site .story-ready textarea{height:clamp(180px,40dvh,360px);min-height:140px;resize:vertical}
@media(max-width:700px){
 .screen-site header{padding:13px 18px;min-height:64px;gap:14px}
 .screen-site header .brand{font-size:18px}
 .screen-site header .brand span{font-size:7px;margin-top:5px}
 .screen-site header nav{gap:12px;font-size:12px}
 .screen-site header nav a:nth-child(-n+2){display:none}
 .screen-site .site-screen{padding:18px 20px}
 .page-bar{padding:10px 20px;gap:10px;min-height:64px}
 .page-bar #page-label{font-size:12px}
 .page-bar .button{padding:11px 13px;font-size:13px;gap:8px}
 .screen-site .hero{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:10px}
 .screen-site .hero .eyebrow{font-size:12px;margin-bottom:10px}
 .screen-site .hero h1{font-size:clamp(34.6px,8.64vw,51.8px)}
 .screen-site .hero h1 br{display:none}
 .screen-site .hero .lead{font-size:14.2px;margin:12px 0}
 .screen-site .hero .button,.screen-site .hero .small{display:none}
 .screen-site .hero-art{margin:0;justify-content:center}
 .screen-site .hero-pair-image{max-height:calc(100dvh - 365px)}
 .screen-site .wall-caption{font-size:12px;margin-bottom:8px}
 .screen-site .hero-caption{font-size:12px;line-height:1.4}
 .screen-site .essence{grid-template-columns:1fr;gap:18px;align-content:center}
 .screen-site .essence h2{font-size:38.9px}.screen-site .essence>div{font-size:15.3px}
 .screen-site .chooser .section-heading h2{font-size:34.6px}
 .screen-site .chooser .section-heading>p{font-size:13px;margin:10px 0}
 .screen-site .chooser[data-screen-stage="choice"] .purchase-cards{grid-template-columns:1fr;gap:12px}
 .screen-site .chooser[data-screen-stage="choice"] .purchase-card{min-height:0;padding:18px 15px}
 .screen-site .chooser[data-screen-stage="choice"] .purchase-card strong{font-size:28.1px}
 .screen-site .chooser[data-screen-stage="choice"] .purchase-card small{font-size:13px;line-height:1.45;margin-top:6px}
 .screen-site .chooser[data-screen-stage="choice"] .purchase-card b{font-size:12px;margin-top:8px}
 .screen-site .chooser .config-grid{grid-template-columns:minmax(0,1fr) 125px;gap:10px 12px;align-content:start}
 .screen-site .chooser .preview-panel{display:contents}
 .screen-site .chooser .preview-stage{grid-column:1;grid-row:1;--stage-height:clamp(150px,calc(100dvh - 440px),300px);padding:10px}
 .screen-site .chooser .controls>fieldset:first-child{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center}
 .screen-site .chooser .size-options{grid-template-columns:1fr;gap:10px}
 .screen-site .chooser .size-options .option small{display:none}
 .screen-site .chooser .preview-meta{grid-column:1/-1;grid-row:2;font-size:12px;margin:0}
 .screen-site .chooser .preview-disclaimer,.screen-site .chooser .frame-finish{display:none}
 .screen-site .chooser .controls>fieldset:nth-child(2){grid-column:1/-1;grid-row:3;margin-top:8px}
 .screen-site .chooser .option{padding:9px}.screen-site .chooser .material small{font-size:12px}
 .screen-site .chooser .controls>fieldset .hint{display:none}
 .screen-site .chooser[data-screen-stage="summary"] .preview-stage{display:none}
 .screen-site .chooser[data-screen-stage="summary"] .preview-meta{display:none}
 .screen-site .chooser[data-screen-stage="summary"] .order-summary{grid-column:1/-1;grid-row:1}
 .screen-site .chooser[data-screen-stage="summary"] .framing-suggestion{grid-row:2;padding:12px}
 .screen-site .framing-suggestion h3{font-size:23.8px}
 .screen-site .framing-suggestion p:not(.eyebrow){font-size:12px;margin-top:6px}
 .screen-site .family-story{justify-content:flex-start}
 .screen-site .story-header h2{font-size:27px}
 .screen-site .story-product{font-size:12px!important}
 .screen-site .story-progress{gap:3px;margin:8px auto 12px;flex-wrap:wrap}
 .screen-site .story-progress li{font-size:12px;padding:5px 2px;white-space:nowrap}
 .screen-site .story-step>legend{font-size:23.8px}
 .screen-site .story-step[data-story-step="1"]>.story-grid{grid-template-columns:1fr}
 .screen-site .story-dates{grid-template-columns:1fr 1fr;gap:10px}
 .screen-site .story-review{grid-template-columns:120px 1fr}
 .screen-site .story-review dt,.screen-site .story-review dd{font-size:12px;padding:5px 0;border-bottom:1px solid var(--line)}
 .screen-site .story-review dt{padding-right:10px}
 .screen-site .process h2{font-size:34.6px}
 .screen-site .process .eyebrow{margin-bottom:12px}
 .screen-site .process .steps{gap:12px;margin-top:18px}
 .screen-site .process .steps article{padding-top:10px}
 .screen-site .process .steps h3{font-size:25.9px;margin-top:5px}
 .screen-site .process .steps p{font-size:13px;margin:8px 0}
 .screen-site .process .research{margin-top:12px;padding-top:12px}
}
@media(max-height:700px) and (min-width:701px){
 .screen-site .site-screen{padding-top:16px;padding-bottom:16px}
 .screen-site .hero h1{font-size:56.2px}
 .screen-site .hero .eyebrow{margin-bottom:12px}
 .screen-site .family-story .story-header h2{font-size:30.2px}
 .screen-site .story-product{padding:6px 10px;margin-top:6px!important}
 .screen-site .story-progress{margin:6px auto 8px}
 .screen-site .story-header .eyebrow{display:none}
 .screen-site .surname-preview{padding:5px 10px!important}
 .screen-site .story-actions{margin-top:8px}
}
.screen-site .chooser[data-screen-stage="choice"] .config-grid{display:none!important}

.compact-menu{display:none}
@media(max-width:700px){.screen-site header nav{display:none}.compact-menu{display:block;max-width:135px;font:inherit;font-size:14.2px;color:var(--blue);padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}}
/* More complete screens, with larger fields and related content together. */
.origin-autocomplete{position:relative}
.origin-suggestions{position:absolute;z-index:10;top:100%;left:0;right:0;min-width:240px;margin-top:4px;background:var(--surface);border:1px solid var(--accent);border-radius:9px;box-shadow:0 8px 24px #243d4a26;overflow:hidden}
.origin-option{padding:9px 12px;cursor:pointer;line-height:1.35;border-bottom:1px solid var(--line)}
.origin-option:last-child{border-bottom:0}
.origin-option:hover,.origin-option[aria-selected="true"]{background:var(--selected)}
.origin-option strong{display:block;font-size:15.3px;font-weight:500}
.origin-option span{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.origin-source{display:inline-block;font-size:12px;color:var(--accent);text-decoration:underline;line-height:1.4;margin-bottom:6px}
.screen-site .story-header h2{font-size:clamp(30.2px,3.24vw,43.2px)}
.screen-site .story-origin-block>.story-grid{grid-template-columns:1fr;margin-top:0}
.screen-site .story-origin-block>p{margin:8px 0}
.screen-site .story-origin-block .origin-status{min-height:28px}
.screen-site .story-ancestor-block .story-dates{margin:14px 0}
.screen-site .story-ancestor-block>label:last-of-type textarea{height:74px;min-height:74px}
.screen-site .story-progress li{font-size:13px;white-space:normal}
@media(min-width:701px){
 .screen-site .family-story{max-width:1250px}
 .screen-site .family-story .story-header,.screen-site .family-story .story-progress,.screen-site #story-form{max-width:1050px}
 .screen-site [data-story-step="1"]{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px}
 .screen-site [data-story-step="1"]>legend{margin-bottom:16px}
 .screen-site [data-story-step="2"]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0 32px;align-items:start}
 .screen-site [data-story-step="2"]>p{grid-column:1/-1;margin:4px 0 10px;font-size:14.2px}
 .screen-site [data-story-step="2"]>.story-review{grid-column:1;grid-row:2;margin:0;grid-template-columns:160px 1fr}
 .screen-site .story-contact-block{grid-column:2;grid-row:2;padding:18px;background:var(--panel);border-radius:12px}
 .screen-site .story-contact-block>.story-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}
 .screen-site .story-contact-block .button{margin-top:18px;width:100%}
 .screen-site #story-form input:not([type=radio]):not([type=checkbox]),.screen-site #story-form select{min-height:44px;padding:11px 12px;font-size:16.5px}
 .screen-site #story-form label{font-size:15.3px}
 .screen-site .surname-preview{padding:14px!important;margin-top:16px!important}
 .screen-site .surname-preview strong{font-size:47.5px!important}
}
@media(min-width:1100px){
 .screen-site .chooser[data-screen-stage="config"] .config-grid{max-width:1300px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:18px 24px}
 .screen-site .chooser[data-screen-stage="config"] .order-summary{display:block;grid-column:3;grid-row:1/3}
 .screen-site .chooser[data-screen-stage="config"] .order-summary #copy{display:none}
 .screen-site .chooser[data-screen-stage="config"] .selection{margin:0;border:0;padding:0}
 .screen-site .chooser[data-screen-stage="config"] .preview-stage{--stage-height:clamp(180px,calc(100dvh - 310px),440px)}
 .screen-site .chooser[data-screen-stage="config"] .framing-suggestion:not([hidden]){display:block;grid-column:1/-1;grid-row:3;padding:12px;margin:0}
 .screen-site .chooser[data-screen-stage="config"] .framing-suggestion h3{font-size:23.8px}
 .screen-site .chooser[data-screen-stage="config"] .framing-suggestion p:not(.eyebrow){margin:5px 0;font-size:12px}
 .screen-site .chooser[data-screen-stage="config"] .framing-suggestion .eyebrow{margin-bottom:5px}
 .screen-site .chooser[data-screen-stage="config"] .framing-suggestion small{margin-top:5px;padding-top:5px}
}
@media(max-width:700px){
 .screen-site .story-origin-block>.story-grid{grid-template-columns:1fr 1fr;gap:9px}
 .screen-site .story-origin-block>.story-grid>label:first-child{grid-column:1/-1}
 .screen-site .story-ancestor-block{margin-top:16px}
 .screen-site .story-contact-block{margin-top:16px}
 .screen-site .origin-suggestions{min-width:0}
 .screen-site .story-origin-block>.story-grid>label:nth-child(2) .origin-suggestions{min-width:230px}
 .screen-site .story-origin-block>.story-grid>label:nth-child(3) .origin-suggestions{min-width:230px;left:auto}
 .screen-site .story-progress li{font-size:12px}
 .screen-site .surname-preview strong{font-size:38.9px}
}
/* Navigation follows the content without a separate bottom strip. */
.screen-site main{justify-content:center}
.screen-site .site-screen{flex:0 0 auto;padding-bottom:0}
.screen-site .page-bar{position:static;flex:0 0 auto;width:100%;max-width:1440px;align-self:center;min-height:0;margin:0;border:0;background:transparent;padding-top:22px;padding-bottom:32px}
.screen-site .page-bar #page-label{font-size:12px;color:var(--muted)}
.screen-site .hero-pair-image{max-height:calc(100dvh - 300px)}
.screen-site .family-story{padding-bottom:24px}
.screen-site .ready-screen{padding-bottom:24px}
.screen-site .origin-historical-label{margin:14px 0 10px}
.screen-site .story-origin-block>.story-grid{gap:9px;margin-bottom:10px}
.screen-site #origin-frazione,.screen-site #origin-historical{min-height:40px;padding-top:8px;padding-bottom:8px}
.screen-site .origin-historical-label .story-hint{margin-top:4px}
@media(min-width:701px){
 .screen-site .story-origin-block>.story-grid{grid-template-columns:1fr 1fr}
 .screen-site .story-origin-block>.story-grid>label:nth-child(-n+2){grid-column:1/-1}
 .screen-site .story-origin-block>.story-grid>label:nth-child(4) .origin-suggestions{left:auto;min-width:250px}
 .screen-site .story-origin-block>.story-grid>label:nth-child(3) .origin-suggestions{min-width:250px}
 .screen-site .story-review dt,.screen-site .story-review dd{font-size:13px;padding-top:4px;padding-bottom:4px}
}
@media(max-width:700px){
 .screen-site .page-bar{padding:18px 20px 28px}
 .screen-site .hero-pair-image{max-height:calc(100dvh - 390px)}
 .screen-site .story-origin-block>.story-grid>label:nth-child(-n+2){grid-column:1/-1}
 .screen-site .story-origin-block>.story-grid>label:nth-child(3) .origin-suggestions{min-width:230px;left:0;right:auto}
 .screen-site .story-origin-block>.story-grid>label:nth-child(4) .origin-suggestions{min-width:230px;left:auto}
 .screen-site .page-bar #page-label{font-size:12px}
}
.screen-site[data-site-page="escolher"] main{background:var(--panel)}
/* Clear secondary action, with the same comfortable touch target as Continue. */
.screen-site .story-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--blue);border-radius:8px;background:var(--surface);color:var(--blue);font-size:15.3px;font-weight:500;min-height:44px;padding:10px 17px;line-height:1.3;cursor:pointer}
.screen-site .story-back:hover{background:var(--selected)}
@media(max-width:700px){
 .screen-site header{min-height:58px;padding-top:10px;padding-bottom:10px}
 .screen-site .site-screen{padding:14px 18px 0}
 .screen-site .page-bar{padding:16px 18px 20px;flex-wrap:wrap;gap:10px}
 .screen-site .page-bar #page-label{display:none}
 .screen-site .page-bar .button{margin-left:auto;min-height:44px}
 .screen-site .family-story{padding-bottom:18px;justify-content:flex-start}
 .screen-site .story-header h2{font-size:24.8px;line-height:1.15}
 .screen-site .story-header .eyebrow,.screen-site .story-header .story-product{display:none}
 .screen-site .story-progress{margin:10px auto 12px;gap:2px;flex-wrap:nowrap}
 .screen-site .story-progress li{display:none;flex:1;padding:6px 0;font-size:13px}
 .screen-site .story-progress li[aria-current]{display:block}
 .screen-site .story-step>legend{font-size:23.8px;margin-bottom:12px}
 .screen-site .story-origin-block .story-grid{gap:10px}
 .screen-site #story-form label{font-size:14.2px}
 .screen-site #story-form input:not([type=checkbox]):not([type=radio]),.screen-site #story-form select{min-height:40px;font-size:16.5px;padding:9px 10px}
 .screen-site .story-actions{margin-top:14px}
 .screen-site .story-actions .button{min-height:44px}
 .screen-site .story-ancestor-block{margin-top:0}
 .screen-site .story-ancestor-block .story-dates{margin-top:16px}
 .screen-site .story-contact-block{margin:0}
 .screen-site .story-contact-block .story-grid{gap:16px}
 .screen-site .story-contact-block .button{width:100%;margin-top:20px;min-height:44px}
 .screen-site .origin-historical-label{margin-top:0}
 .screen-site .story-step[data-story-step="3"] #family-notes{height:125px;min-height:125px}
 .screen-site .story-review{grid-template-columns:115px 1fr;margin:8px 0}
 .screen-site .story-review dt,.screen-site .story-review dd{padding:4px 0;font-size:12px;line-height:1.35}
 .screen-site .story-review dt{padding-right:9px}
 .screen-site [data-story-step="4"]>p{font-size:13px;margin:0 0 8px}
 .screen-site .surname-preview{padding:9px!important;margin-top:10px!important}
 .screen-site .surname-preview strong{font-size:34.6px!important}
 .screen-site .surname-preview>span{font-size:16.5px}
 .screen-site .hero h1{font-size:clamp(32.4px,8.64vw,45.4px)}
 .screen-site .hero-pair-image{max-height:clamp(110px,calc(100dvh - 370px),330px)}
 .screen-site .chooser[data-screen-stage="config"] .preview-stage{--stage-height:clamp(120px,calc(100dvh - 475px),230px)}
 .screen-site .chooser[data-screen-stage="config"] .preview-meta{font-size:12px}
 .screen-site .chooser .size-options .option{min-height:48px;padding:8px}
 .screen-site .chooser .material{margin-bottom:6px}
 .screen-site .chooser .material small{font-size:12px}
 .screen-site .chooser[data-screen-stage="config"] .config-grid{row-gap:8px}
 .screen-site .chooser[data-screen-stage="summary"] .framing-suggestion .eyebrow{display:none}
 .screen-site .chooser[data-screen-stage="summary"] .framing-suggestion h3{font-size:20.5px}
 .screen-site .process .steps{gap:9px;margin-top:14px}
 .screen-site .process .steps p{margin:5px 0}
 .screen-site .essence .eyebrow{margin-bottom:0}
}
@media(max-width:700px) and (max-height:700px){
 .screen-site .story-header h2{font-size:22.7px}
 .screen-site .story-step>legend{font-size:21.6px;margin-bottom:8px}
 .screen-site .story-grid{gap:7px;margin-bottom:8px}
 .screen-site .story-progress{margin-top:6px;margin-bottom:8px}
 .screen-site #story-form .story-check{margin:6px 0}
 .screen-site .story-origin-block .origin-status{min-height:0;font-size:12px!important}
 .screen-site .story-origin-block>p{font-size:12px!important;margin:5px 0}
 .screen-site .story-origin-block>.story-grid{gap:6px}
 .screen-site .story-review dt,.screen-site .story-review dd{font-size:12px;padding:3px 0}
 .screen-site .chooser[data-screen-stage="choice"] .purchase-card{padding:14px}
 .screen-site .chooser[data-screen-stage="choice"] .purchase-card strong{font-size:25.9px}
}
.screen-site .chooser[data-screen-stage="summary"] .controls>fieldset:first-child{display:none!important}
@media(max-width:700px){
 .screen-site .chooser[data-screen-stage="finish"]>.section-heading,.screen-site .chooser[data-screen-stage="finish"]>.purchase-kind,.screen-site .chooser[data-screen-stage="finish"] .preview-panel,.screen-site .chooser[data-screen-stage="finish"] .controls>fieldset,.screen-site .chooser[data-screen-stage="finish"] .order-summary{display:none!important}
 .screen-site .chooser[data-screen-stage="finish"] .config-grid{display:block!important}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion:not([hidden]){display:block!important;margin:0;padding:20px}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion h3{font-size:29.2px}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion p:not(.eyebrow){font-size:14.2px;line-height:1.55}
 .screen-site .chooser[data-screen-stage="summary"] .framing-suggestion{display:none!important}
 .screen-site .chooser[data-screen-stage="summary"] .price-block{padding:9px 0;margin:9px 0}
 .screen-site .chooser[data-screen-stage="summary"] .included li{font-size:12px;line-height:1.45}
}

.finish-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.finish-options label{font-size:14.2px}.finish-options select{display:block;width:100%;min-height:44px;margin-top:4px;padding:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.work.is-framed[data-frame-color="light"]{border-image-source:url('assets/frame-light.svg')}.work.is-framed[data-frame-color="brown"]{border-image-source:url('assets/frame-castanho.svg')}.work.is-framed[data-frame-color="black"]{border-image:none;border-color:#222}.work.is-framed[data-frame-color="white"]{border-image:none;border-color:#f9f8f5}.work.is-framed[data-frame-profile="high"]{box-shadow:9px 12px 14px #0004}
@media(min-width:701px){.chooser[data-screen-stage="finish"] .controls>fieldset,.chooser[data-screen-stage="finish"] .order-summary{display:none!important}.chooser[data-screen-stage="finish"] .framing-suggestion:not([hidden]){display:block!important}}
@media(max-width:700px){.finish-options{gap:8px}.finish-options label{font-size:13px}.chooser[data-screen-stage="finish"] #framing-dimensions{font-size:12px}.chooser[data-screen-stage="finish"] .framing-suggestion h3{font-size:25.9px}.chooser[data-screen-stage="finish"] .framing-suggestion:not([hidden]){padding:14px}.chooser[data-screen-stage="finish"] #framing-note{font-size:12px}}

.profile-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.profile-photos a{display:block;font-size:12px}.profile-photos img{width:100%;height:140px;object-fit:cover;border-radius:3px;display:block}.profile-photos span{display:block;margin-top:3px}@media(max-width:700px){.profile-photos img{height:95px}.chooser[data-screen-stage="finish"] .framing-suggestion p:not(.eyebrow){margin:6px 0}.finish-options{margin:8px 0}.chooser[data-screen-stage="finish"] #framing-dimensions{display:none}}

.profile-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.profile-choice{position:relative;cursor:pointer;display:flex;flex-direction:column;padding:8px;border:1px solid var(--line);background:#fff}.profile-choice:has(input:checked){outline:2px solid var(--ink);outline-offset:-2px}.profile-choice input{position:absolute;left:8px;top:8px;accent-color:var(--ink)}.profile-choice img{width:100%;height:120px;object-fit:contain}.profile-choice strong{font-size:14.2px}.profile-choice small{font-size:12px}.chooser .work.paper.is-framed .work-art{background:var(--mat-color,#eee5d4)}.chooser[data-screen-stage="finish"]>.section-heading,.chooser[data-screen-stage="finish"]>.purchase-kind{display:none!important}@media(max-width:700px){.profile-choice{padding:6px}.profile-choice img{height:82px}.profile-choice strong{font-size:13px}.profile-choice small{font-size:12px}.chooser[data-screen-stage="finish"] .framing-suggestion .eyebrow{display:none}.chooser[data-screen-stage="finish"] #framing-description{font-size:12px}.chooser[data-screen-stage="finish"] .profile-choices{margin-top:8px}}

#canvas-finishes{margin:16px 0}#canvas-finishes label{display:block;font-size:14.2px}#canvas-color{width:100%;min-height:44px;padding:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}

/* Ação principal junto ao resumo da escolha. */
.screen-site .chooser .order-summary #copy{width:100%;justify-content:space-between;margin-top:18px;padding:17px 20px;background:#243d4a;border:1px solid #243d4a;border-radius:12px;color:#f6f1e7;font-size:16.5px;font-weight:500;box-shadow:0 5px 12px #243d4a20}
.screen-site .chooser .order-summary #copy:hover{background:#345363}
@media(min-width:1100px){.screen-site .chooser[data-purchase="print"][data-screen-stage="config"] .order-summary #copy{display:flex}}


/* As escolhas de acabamento aparecem uma única vez. */
.screen-site .chooser:not([data-screen-stage="finish"]) .framing-suggestion{display:none!important}
.profile-side-detail{display:none}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage{overflow:visible;perspective:1100px}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{position:relative;transform-style:preserve-3d;transform:rotateY(-52deg);transform-origin:center;--frame-side:linear-gradient(90deg,#c7aa7a,#aa8855);box-shadow:0 10px 16px #0002;transition:transform .3s ease}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed[data-frame-color="brown"]{--frame-side:linear-gradient(90deg,#90694f,#64422f)}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed[data-frame-color="black"]{--frame-side:linear-gradient(90deg,#303030,#121212)}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed[data-frame-color="white"]{--frame-side:linear-gradient(90deg,#eeede7,#cac8be)}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed::before{content:'';position:absolute;left:calc(100% + 8px);top:-8px;height:calc(100% + 16px);width:var(--profile-depth,2.5%);background:var(--frame-side);transform:rotateY(90deg);transform-origin:left center;pointer-events:none}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed[data-frame-color="light"]{border-image:none;border-color:transparent;background:linear-gradient(var(--mat-color,#eee5d4),var(--mat-color,#eee5d4)) padding-box,linear-gradient(95deg,#c9ac7e,#e0c79e,#c3a173) border-box}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed[data-frame-color="brown"]{border-image:none;border-color:transparent;background:linear-gradient(var(--mat-color,#eee5d4),var(--mat-color,#eee5d4)) padding-box,linear-gradient(95deg,#76513a,#a37a5d,#795239) border-box}
.profile-depth-note{display:none;font-size:13px;color:var(--muted);margin:10px 0 0;text-align:center}
.chooser[data-screen-stage="finish"] .profile-depth-note:not([hidden]){display:block}
.chooser[data-screen-stage="finish"] .profile-side-detail:not([hidden]){display:flex;position:absolute;right:12px;bottom:18px;flex-direction:column;gap:5px;background:var(--paper);padding:12px;border-radius:9px;z-index:3;pointer-events:none;font-size:12px;color:var(--ink);text-align:left}
.profile-side-detail small{font-size:12px;color:var(--muted)}
.profile-side-scale{width:100px;height:55px;display:flex;align-items:center}
.profile-side-scale i{display:block;width:33px;height:48px;background:linear-gradient(90deg,#c7aa7a,#aa8855);border:1px solid #0002}
.profile-side-detail[data-profile="high"] .profile-side-scale i{width:96px}
.profile-side-detail[data-color="brown"] .profile-side-scale i{background:linear-gradient(90deg,#90694f,#64422f)}
.profile-side-detail[data-color="black"] .profile-side-scale i{background:linear-gradient(90deg,#303030,#121212)}
.profile-side-detail[data-color="white"] .profile-side-scale i{background:linear-gradient(90deg,#eeede7,#cac8be)}
@media(min-width:701px){
 .screen-site .chooser[data-screen-stage="finish"] .config-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;max-width:1200px}
 .screen-site .chooser[data-screen-stage="finish"] .preview-panel{grid-column:1;grid-row:1}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion:not([hidden]){grid-column:2;grid-row:1;margin:0;padding:16px}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion h3{font-size:27px}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion p:not(.eyebrow){font-size:13px;line-height:1.45;margin:7px 0}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion .eyebrow{margin-bottom:10px}
 .screen-site .chooser[data-screen-stage="finish"] .preview-stage{--stage-height:clamp(220px,calc(100dvh - 360px),440px)}
 .screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{width:calc((var(--stage-height) - 50px)*.64);max-width:80%}
}
@media(max-width:700px){
 .screen-site .chooser[data-screen-stage="finish"] .preview-panel{display:contents!important}
 .screen-site .chooser[data-screen-stage="finish"] .config-grid{display:grid!important;grid-template-columns:1fr;gap:10px}
 .screen-site .chooser[data-screen-stage="finish"] #preview-stage{grid-column:1;grid-row:1;height:120px;min-height:0;--stage-height:120px;padding:10px;justify-content:flex-start;padding-left:45px}
 .screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{width:55px;max-width:80%}
 .screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed.large{width:68px}
 .screen-site .chooser[data-screen-stage="finish"] .preview-meta,.screen-site .chooser[data-screen-stage="finish"] .preview-disclaimer,.screen-site .chooser[data-screen-stage="finish"] .frame-finish,.screen-site .chooser[data-screen-stage="finish"] .mobile-preview-note{display:none}
 .screen-site .chooser[data-screen-stage="finish"] .profile-depth-note{grid-column:1;grid-row:2;margin:0;font-size:12px}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion:not([hidden]){grid-column:1;grid-row:3;padding:12px;margin:0}
 .screen-site .chooser[data-screen-stage="finish"] .profile-choice img{height:48px}
 .screen-site .chooser[data-screen-stage="finish"] .framing-suggestion #framing-description,.screen-site .chooser[data-screen-stage="finish"] .framing-suggestion #framing-note,.screen-site .chooser[data-screen-stage="finish"] .profile-caption{display:none}
 .screen-site .chooser[data-screen-stage="finish"] .finish-options{margin:8px 0}
 .chooser[data-screen-stage="finish"] .profile-side-detail:not([hidden]){right:8px;bottom:8px;padding:8px;gap:2px}
 .profile-side-scale{height:38px}.profile-side-scale i{height:32px}
}

.chooser[data-screen-stage="finish"] .profile-side-detail:not([hidden]){top:16px;bottom:auto}
@media(max-width:700px){.chooser[data-screen-stage="finish"] .profile-side-detail:not([hidden]){top:8px;bottom:auto}}

/* Vista aprovada: profundidade no próprio quadro, com contornos suavizados. */
.chooser[data-screen-stage="finish"] .profile-side-detail{display:none!important}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage{perspective:2500px}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{transform:translateZ(0) rotateY(0deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;outline:1px solid transparent;will-change:transform}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed::before{backface-visibility:hidden;-webkit-backface-visibility:hidden;outline:1px solid transparent;transform:rotateY(90deg) translateZ(-.15px)}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed img{image-rendering:auto}
@media(min-width:701px){.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{width:calc((var(--stage-height) - 50px)*.72);max-width:80%}}
@media(max-width:700px){.screen-site .chooser[data-screen-stage="finish"] #preview-stage{justify-content:center;padding-left:10px}}

.screen-site .chooser[data-screen-stage="finish"][data-frame-view="side"] #preview-stage .work.paper.is-framed{transform:translateZ(0) rotateY(-55deg)}
@media(prefers-reduced-motion:reduce){.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{transition:none}}

/* Perspectiva aprovada: todas as faces pertencem ao mesmo volume. */
.screen-site .chooser[data-screen-stage="finish"] #preview-stage{perspective:1800px}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{transform-style:preserve-3d;transform:translateZ(0) rotateX(0deg) rotateY(0deg);border-radius:.35px;outline:1px solid transparent}
.screen-site .chooser[data-screen-stage="finish"][data-frame-view="side"] #preview-stage .work.paper.is-framed{transform:translateZ(0) rotateX(8deg) rotateY(-38deg)}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed::before{left:calc(100% + 7.8px);top:-8px;height:calc(100% + 16px);width:var(--profile-depth-px,8px);transform:rotateY(90deg);transform-origin:left center;opacity:0;border-radius:.25px;filter:blur(.12px);outline:1px solid transparent;transition:width .25s ease,opacity .25s ease}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed::after{content:'';position:absolute;left:-8px;top:calc(100% + 8px);width:calc(100% + 16px);height:var(--profile-depth-px,8px);background:var(--frame-side);filter:brightness(.86);transform:rotateX(-90deg);transform-origin:center top;pointer-events:none;opacity:0;border-radius:.25px;outline:1px solid transparent;transition:height .25s ease,opacity .25s ease;backface-visibility:hidden}
.screen-site .chooser[data-screen-stage="finish"][data-frame-view="side"] #preview-stage .work.paper.is-framed::before,.screen-site .chooser[data-screen-stage="finish"][data-frame-view="side"] #preview-stage .work.paper.is-framed::after{opacity:1}

/* SVG faces share the front projection and update directly with each profile selection. */
.frame-volume{display:none;position:absolute;left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px);overflow:visible;pointer-events:none;shape-rendering:geometricPrecision}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed{transform-style:flat}
.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed::before,.screen-site .chooser[data-screen-stage="finish"] #preview-stage .work.paper.is-framed::after{display:none}
.screen-site .chooser[data-screen-stage="finish"][data-frame-view="side"] #preview-stage .work.paper.is-framed>.frame-volume{display:block}

.frame-view-toggle{display:none;position:absolute;top:8px;right:8px;z-index:5;border:1px solid #b9afa0;border-radius:18px;background:var(--paper);color:var(--ink);padding:6px 10px;font:inherit;font-size:12px;line-height:1.3;cursor:pointer;box-shadow:0 2px 5px #0000000d}
.chooser[data-screen-stage="finish"] .frame-view-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-height:28px}
.frame-view-toggle:hover{background:#fffaf2}
@media(max-width:700px){.frame-view-toggle{top:6px;right:6px;font-size:12px;padding:6px 8px}}

.screen-site .selection>p.selection-dimensions{font-size:13px;color:var(--muted);line-height:1.5;margin:8px 0 12px}

/* As medidas externas acompanham o acabamento e a conferência final. */
.chooser[data-purchase="framed"]:not([data-screen-stage="summary"]) #selection-dimensions{display:none}
.chooser[data-screen-stage="finish"] #framing-dimensions{display:block!important;font-size:13px!important;line-height:1.5}

.chooser[data-purchase="framed"][data-screen-stage="config"] #frame-finish{display:none}

/* Preços do acabamento com a mesma hierarquia visual da etapa anterior. */
.finish-price-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;gap:16px;margin:18px 0 14px;padding:16px 0 0;border-top:1px solid var(--line)}
.finish-price-block>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.finish-price-block .price-label{font-size:13px;line-height:1.4}
.finish-price-block strong{font-family:'DM Sans',Arial,sans-serif;font-weight:600;font-variant-numeric:lining-nums tabular-nums;line-height:1.2;letter-spacing:0;white-space:nowrap;color:var(--ink)}
.finish-price-part strong{font-size:clamp(24px,2.2vw,30px)}
.finish-price-total strong{font-size:clamp(30px,2.8vw,41px)}
@media(max-width:700px){.finish-price-block{margin:10px 0;padding-top:10px;gap:10px}.finish-price-block .price-label{font-size:12px}.finish-price-part strong{font-size:23px}.finish-price-total strong{font-size:29px}}

/* O passe-partout é comum aos dois perfis. */
.mat-choice-card{padding:16px;margin:16px 0 20px;border:1px solid var(--line);border-radius:12px;background:#fffdf9}
.mat-card-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mat-card-heading h4,.frame-choice-title{margin:0;font-size:18px;font-weight:500;color:var(--ink)}
.mat-learn-more{flex-shrink:0;cursor:pointer;padding:7px 12px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--ink);font:inherit;font-size:13px}
.mat-learn-more:hover{background:var(--paper)}
.mat-learn-more:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.mat-choice-card .finish-options,#paper-finishes{grid-template-columns:1fr}
.mat-choice-card .finish-options{margin-bottom:0}
.frame-choice-title{margin-bottom:8px}
.mat-info-dialog{width:min(580px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper,#f5f0e7);color:var(--ink,#20384a);box-sizing:border-box}
.mat-info-dialog::backdrop{background:rgb(20 30 38 / .5)}
.mat-info-dialog h3{font-size:27px;margin:0}
.mat-info-dialog p{font-size:16px;line-height:1.65;margin:18px 0}
.mat-info-dialog a{font-size:15px;color:inherit;text-underline-offset:4px}
@media(max-width:700px){.mat-choice-card{padding:12px;margin:10px 0 14px}.mat-info-dialog{padding:20px}.mat-card-heading{gap:10px}.mat-info-dialog h3{font-size:23px}}

/* Acabamento compacto sem reduzir a legibilidade. */
.mat-choice-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.7fr);align-items:center;column-gap:18px;row-gap:4px;padding:12px;margin:10px 0 12px}
.mat-choice-card .mat-card-heading{grid-column:1;grid-row:1;justify-content:flex-start;gap:12px}
.mat-choice-card>p{grid-column:1;grid-row:2;margin:0!important}
.mat-choice-card .finish-options{grid-column:2;grid-row:1 / 3;margin:0!important}
.mat-choice-card .mat-learn-more{padding:5px 9px;font-size:12px}
.mat-choice-card .mat-card-heading h4{font-size:16px}
#paper-finishes{margin:8px 0}
.chooser[data-screen-stage="finish"] .profile-caption{display:none}
.chooser[data-screen-stage="finish"] .profile-choices{margin-top:6px}
.chooser[data-screen-stage="finish"] .profile-choice img{height:90px}
.chooser[data-screen-stage="finish"] .finish-price-block{margin:10px 0 8px;padding-top:10px}
.mat-info-dialog{padding:24px;width:min(580px,calc(100vw - 32px))}
.mat-info-dialog p{font-size:16px;line-height:1.5;margin:14px 0 0}
@media(max-width:700px){.mat-choice-card{column-gap:10px;grid-template-columns:minmax(0,1fr) minmax(120px,.65fr);padding:10px}.mat-choice-card .mat-card-heading{flex-wrap:wrap;gap:4px 8px}.mat-choice-card>p{font-size:12px!important}.screen-site .chooser[data-screen-stage="finish"] .profile-choice img{height:48px}.mat-info-dialog{padding:18px}.mat-info-dialog h3{font-size:22px}}

/* Suavização das arestas na vista inclinada, incluindo o perfil alto. */
.screen-site .chooser[data-screen-stage="finish"][data-frame-view="side"] #preview-stage .work.paper.is-framed{filter:blur(.18px);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.screen-site .chooser[data-screen-stage="finish"] .frame-volume{shape-rendering:auto}
.screen-site .chooser[data-screen-stage="finish"] .frame-volume polygon{stroke-width:.35px;stroke-linejoin:round;paint-order:stroke fill}
.screen-site .chooser[data-screen-stage="finish"] .frame-volume polygon:first-of-type{stroke:var(--frame-bottom-edge,#593d2b)}
.screen-site .chooser[data-screen-stage="finish"] .frame-volume polygon:last-of-type{stroke:url(#frame-side-gradient)}

/* Revisão e contatos em telas independentes. */
.order-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.order-privacy{display:flex!important;align-items:flex-start;gap:10px;font-size:14px!important;line-height:1.5;margin:16px 0}
.order-privacy input{width:18px!important;height:18px!important;min-height:0!important;margin:2px 0!important;flex-shrink:0}
.privacy-link{border:0;background:none;padding:0;color:var(--blue);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.order-number{font-size:26px;font-weight:600;letter-spacing:.03em;color:var(--blue)}
#order-submit:disabled{opacity:.6;cursor:wait}
#order-submit-status{font-size:14px;margin:10px 0}
.screen-site .story-contact-block{max-width:720px;margin:12px 0}
.screen-site .story-contact-block .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.screen-site .story-contact-block .story-hint{font-size:14px;line-height:1.5}
.screen-site .story-contact-block select{display:block;width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
@media(max-width:700px){.screen-site .story-contact-block .story-grid{grid-template-columns:1fr;gap:10px}.screen-site .story-contact-block .button{margin-top:12px}.order-number{font-size:21px}}