body{background:#f4f0e4}.intro h1 span,.section-head>.eyebrow,.case-index a:hover,.case-index a.active{color:#123d35}.intro h1{font-size:clamp(58px,9vw,130px)}.dot{background:#123d35}.dark-band{background:#123d35}.dark-band .eyebrow{color:#f9d45c}.dark-band .prose{color:#d3ddd5}.feature-shot{margin-top:42px}.feature-shot figcaption{padding-top:14px}.feature-shot img{width:100%;border-radius:4px}.journey{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #123d3540;margin-top:42px;gap:20px}.journey article{padding-top:25px}.journey b{font-size:10px;color:#526059}.journey h3{font-size:20px;margin:16px 0}.journey p{font-size:13px;color:#526059}.swatches{display:grid;grid-template-columns:repeat(4,1fr);margin-top:36px}.swatches div{padding:30px 20px;min-height:130px;background:var(--color);color:var(--text)}.swatches b,.swatches span{display:block;font-size:12px}.swatches span{margin-top:25px;font-size:10px}.type-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:45px 0}.type-pair strong{font-family:'Barlow Condensed',Arial,sans-serif;font-size:70px;line-height:.95;display:block}.type-pair p{font-family:Manrope,Arial,sans-serif;font-size:24px}.device-pair{display:grid;grid-template-columns:1fr 240px;gap:35px;align-items:start}.device-pair figure:last-child{background:#123d35;padding:14px;border-radius:30px}.device-pair figure:last-child img{border-radius:18px}.film{background:#123d35}.film video{width:100%;display:block;max-height:650px;object-fit:cover}.source-note{font-size:12px;color:#526059;margin-top:22px;line-height:1.7}.dark-band .source-note{color:#c4d1c8}.pending-before{margin-top:40px;padding:30px;border:1px solid #c5cabb;display:grid;grid-template-columns:1fr 1fr;gap:40px}.pending-before h3{font-size:23px;margin:12px 0}.pending-before p{font-size:14px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.result-grid h3{font-size:25px;margin-bottom:20px}.result-grid .pill{display:inline-block;margin-top:16px}.decision-copy{top:100px}.decision-note{border-color:#123d35}.photo-strip{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.photo-strip img{width:100%;height:360px;object-fit:cover}.credits{margin-top:28px;padding-top:24px;border-top:1px solid #ffffff40;font-size:13px;color:#ced9d1}.cover{max-width:1100px}.section h2{max-width:950px}@media(max-width:800px){.journey{grid-template-columns:1fr 1fr}.device-pair{grid-template-columns:1fr 180px;gap:20px}}@media(max-width:640px){.intro h1{font-size:clamp(51px,15vw,88px)}.journey{grid-template-columns:1fr}.journey article{border-bottom:1px solid #123d3520}.type-pair,.result-grid,.device-pair,.pending-before,.photo-strip{grid-template-columns:1fr;gap:25px}.swatches{grid-template-columns:1fr 1fr}.type-pair strong{font-size:56px}.device-pair figure:last-child{width:230px;margin:auto}.photo-strip img{height:260px}.pending-before{padding:20px}.cover figcaption{gap:10px}}

.transformation-before{background:#e9e6db;padding:90px 0 64px;border-top:1px solid #d4d0c4}.transformation-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:46px}.transformation-heading h2{font-size:clamp(40px,5.5vw,76px);letter-spacing:-3px;line-height:1.06;margin-top:20px;font-weight:600}.transformation-heading p{font-size:16px;color:#526059;max-width:450px;margin:0;line-height:1.75}.original-browser{max-width:1020px;margin:0 auto;background:#f7f7f4;border:1px solid #c9c8bf;border-radius:12px;overflow:hidden;box-shadow:0 16px 50px #123d350d}.browser-chrome{height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid #d4d2ca;background:#f7f7f4;font-size:10px;letter-spacing:.4px;color:#74786f}.browser-dots{display:flex;gap:6px;flex-shrink:0}.browser-dots i{display:block;height:7px;width:7px;background:#bdc1b7;border-radius:50%}.browser-address{flex:1;text-align:center;font-size:11px}.browser-version{font-size:8px;letter-spacing:1.2px;white-space:nowrap}.original-browser img{width:100%;height:auto}.original-browser figcaption{padding:17px 22px;align-items:center;color:#526059;font-size:9px}.original-expand{font-size:9px;letter-spacing:.7px;cursor:pointer;width:auto;min-height:44px}.before-footnote{max-width:1020px;margin:22px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#71766b;font-size:11px}.before-footnote .text-link{width:300px;color:#123d35;border-color:#b8c1b2}.transformation-after{background:#102e29;color:#f4f0e4;padding:100px 0 90px;position:relative;overflow:hidden}.transformation-after .eyebrow{color:#f9d45c}.transformation-after .transformation-heading p{color:#cedcd3}.live-open{display:inline-block;font-size:10px;letter-spacing:1px;border-bottom:1px solid #7b948b;padding:13px 0;margin-top:15px}.live-open:hover{color:#f9d45c}.live-browser{background:#123d35;border:1px solid #45675b;border-radius:12px;overflow:hidden;box-shadow:0 25px 75px #0004}.live-browser .browser-chrome{background:#1c3932;color:#d1ddd4;border-color:#45675b}.live-browser .browser-dots i{background:#5b7667}.live-browser .browser-version{color:#f9d45c;display:flex;align-items:center;gap:7px}.live-browser .browser-version i,.live-caption>span i{width:5px;height:5px;background:#f9d45c;border-radius:50%;display:inline-block}.live-browser iframe{width:100%;height:clamp(880px,68vw,1000px);border:0;display:block;background:#123d35}.live-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid #45675b}.live-caption>span{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;white-space:nowrap}.live-caption p{font-size:12px;color:#cad8ce;margin:0}.live-caption a{font-size:9px;letter-spacing:.8px;white-space:nowrap;color:#f9d45c}.transformation-details{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:48px}.transformation-details article>span{font-size:9px;letter-spacing:1px;color:#f9d45c}.transformation-details h3{font-size:23px;letter-spacing:-.7px;margin:17px 0}.transformation-details p{font-size:14px;line-height:1.7;color:#cedcd3;margin:0}.intro{padding-bottom:65px}.transformation-before .eyebrow{color:#526059}@media(max-width:1000px){.transformation-heading{gap:40px}.live-caption{flex-wrap:wrap}.live-caption p{order:3;flex-basis:100%}}@media(max-width:640px){.transformation-before{padding:55px 0 40px}.transformation-heading{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.transformation-heading h2{font-size:43px;letter-spacing:-1.8px}.transformation-heading p{font-size:14px}.browser-chrome{padding:0 12px;gap:10px;height:42px}.browser-address{font-size:9px}.browser-version{font-size:7px;letter-spacing:.7px}.browser-dots{gap:4px}.browser-dots i{width:5px;height:5px}.original-browser,.live-browser{border-radius:7px}.original-browser figcaption{padding:10px 12px;font-size:7px;gap:10px}.original-expand{font-size:7px;letter-spacing:.3px}.before-footnote{flex-direction:column;align-items:start;gap:8px;font-size:10px}.before-footnote .text-link{width:100%;max-width:none}.transformation-after{padding:58px 0 55px}.live-browser iframe{height:1040px}.live-caption{align-items:flex-start;flex-direction:column;gap:13px;padding:22px 0}.live-caption>span{font-size:8px}.live-caption p{order:0;font-size:12px}.live-caption a{white-space:normal;font-size:8px}.transformation-details{grid-template-columns:1fr;gap:27px;padding-top:30px}.transformation-details article{border-bottom:1px solid #45675b;padding-bottom:25px}.transformation-details article:last-child{border-bottom:0;padding-bottom:0}.transformation-details h3{font-size:22px;margin:12px 0}.intro{padding-bottom:36px}}@media(prefers-reduced-motion:reduce){.live-browser iframe{scroll-behavior:auto}}

.skip:not(:focus-visible){clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
/* Case UX/UI: narrativa, comparação e evidências fotográficas. */
.morada-case-cover { margin-bottom:32px; }
.case-index nav { overflow-x:auto; justify-content:flex-start; gap:28px; scrollbar-width:thin; }
.morada-priorities { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:45px; }
.morada-priorities article { border-top:1px solid #ffffff40; padding-top:24px; }
.morada-priorities b { font-size:11px; color:#f9d45c; }
.morada-priorities h3 { font-size:22px; margin:18px 0 12px; }
.morada-priorities p { font-size:14px; color:#d3ddd5; }
.morada-comparison { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:35px; }
.morada-comparison .feature-shot { margin:0; padding:14px; border:1px solid #ccc8b9; border-radius:8px; background:#f9f6ed; }
.morada-comparison img { height:auto; aspect-ratio:auto; }
.morada-comparison-links { display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }
.type-pair { align-items:start; gap:50px; border-top:1px solid #ffffff40; padding-top:36px; margin-top:45px; }
.type-pair .type-specimen { font-size:clamp(23px,2.6vw,38px); font-weight:600; line-height:1.35; color:#f4f0e4; margin:28px 0; }
.type-pair .type-rationale { font:14px/1.8 Inter,Arial,sans-serif; color:#d3ddd5; max-width:430px; margin-top:25px; }
.morada-photo-evidence { margin:50px 0 55px; padding:40px; background:#e9e4d4; border-radius:10px; }
.morada-photo-evidence h3 { font-size:clamp(24px,2.6vw,34px); margin-top:14px; letter-spacing:-.04em; }
.morada-photo-evidence>p { color:#526059; font-size:14px; }
.morada-photo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:28px; align-items:start; }
.morada-photo-grid .zoom { display:block; width:100%; border:0; padding:0; background:transparent; }
.morada-photo-grid img { width:100%; height:auto; border-radius:5px; }
.morada-photo-grid figcaption { padding-top:12px; font-size:11px; letter-spacing:0; color:#435248; }
.morada-live-disclosure { border:1px solid #45675b; border-radius:10px; overflow:hidden; }
.morada-live-disclosure summary { display:flex; justify-content:space-between; padding:24px; cursor:pointer; font-size:14px; font-weight:600; list-style:none; }
.morada-live-disclosure summary::-webkit-details-marker { display:none; }
.morada-live-disclosure summary:hover { background:#ffffff08; }
.morada-live-disclosure[open] summary { border-bottom:1px solid #45675b; }
.morada-live-disclosure .live-browser { border:0; border-radius:0; }
.device-pair .feature-shot { min-width:0; }
.feature-shot img { height:auto; }
@media(max-width:760px) {
 .morada-priorities,.morada-comparison { grid-template-columns:1fr; gap:24px; }
 .morada-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 16px; }
 .morada-photo-evidence { padding:24px 18px; }
 .morada-photo-grid figcaption { font-size:10px; }
 .type-pair { gap:32px; }
 .morada-comparison-links .pill { font-size:9px; }
}
@media(max-width:400px) { .morada-photo-grid { grid-template-columns:1fr; } }
.morada-interactive-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;align-items:start}
.morada-preview-card{min-width:0;border:1px solid #c6c7b9;border-radius:10px;overflow:hidden;background:#faf7ef}
.preview-label{padding:25px;min-height:180px}.preview-label>span,.morada-change-grid article>span{font-size:10px;letter-spacing:1.2px;color:#526059}.preview-label h3{font-size:27px;letter-spacing:-1px;margin:15px 0 10px}.preview-label p{font-size:14px;color:#526059;margin:0;line-height:1.6}
.morada-preview-card .browser-chrome{padding:0 14px;gap:12px}.morada-preview-card .browser-chrome a{font-size:9px;white-space:nowrap;min-height:44px;display:flex;align-items:center;color:#123d35}
.morada-scaled-preview{position:relative;overflow:hidden;background:#123d35;height:360px}.morada-scaled-preview iframe{position:absolute;top:0;left:0;border:0;transform-origin:top left;display:block}
.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #d4d2ca;font-size:10px;color:#526059}.preview-footer .zoom{width:auto;font-size:10px;min-height:44px;text-align:right}
.is-redesign{border-color:#123d35}.is-redesign .preview-label{background:#123d35;color:#f4f0e4}.is-redesign .preview-label>span{color:#f9d45c}.is-redesign .preview-label p{color:#d3ddd5}
.morada-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}.morada-change-grid article{border-top:1px solid #c6c7b9;padding-top:24px}.morada-change-grid h3{font-size:21px;line-height:1.25;margin:16px 0}.morada-change-grid p{font-size:14px;color:#526059;line-height:1.75}
@media(max-width:760px){.morada-interactive-comparison,.morada-change-grid{grid-template-columns:1fr}.preview-label{min-height:0;padding:22px}.morada-scaled-preview{max-height:850px}.preview-footer{flex-wrap:wrap}.morada-preview-card .browser-address{font-size:10px}}