/* Visual excerpts of the actual template homepages. Open a demo for the working site. */
.design-preview{display:block;text-decoration:none;overflow:hidden;border:1px solid #c6cbbf;box-shadow:0 12px 28px #1821180c;transition:box-shadow .2s,border-color .2s;isolation:isolate}
.design-preview:hover{border-color:#75876b;box-shadow:0 18px 34px #18211820}.design-preview:focus-visible{outline:3px solid #698720;outline-offset:6px}
.preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #ffffff20}.preview-top strong{font-size:1.55rem;letter-spacing:-.06em;line-height:1}.preview-top>span{font-size:.75rem}.preview-scene{position:relative;min-height:350px;overflow:hidden;isolation:isolate}.preview-copy{position:relative;padding:34px 28px;z-index:1}.preview-copy>span{display:block;font-size:.75rem;letter-spacing:.08em;line-height:1.4}.preview-copy h3{font-size:clamp(2.4rem,4.5vw,4.4rem);font-weight:850;letter-spacing:-.065em;line-height:.95;margin:27px 0 24px}.preview-copy .preview-action{display:inline-block;padding:12px 16px;font-size:.875rem;letter-spacing:0;font-weight:650}.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 24px;font-size:.875rem;line-height:1.4}.preview-bottom strong{font-weight:650}.preview-afterglow{background:#101311;color:#f0f1e8}.preview-afterglow .preview-top>span{color:#c1ccb6}.preview-afterglow .preview-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.preview-afterglow .preview-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101311e8,#10131190 44%,#10131115);z-index:-1}.preview-afterglow .preview-copy>span:first-child{color:#daf85d}.preview-afterglow .preview-action,.preview-afterglow .preview-bottom{background:#daf85d;color:#101311}.preview-sunday{background:#fbf9f2;color:#203d79}.preview-sunday .preview-top{border-color:#203d7925}.preview-sunday .preview-top strong{font-family:Georgia,serif;font-style:italic;font-size:2rem;font-weight:700}.preview-sunday .preview-scene{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:12px;padding:20px 22px 30px;min-height:350px}.preview-sunday .preview-copy{padding:15px 0}.preview-sunday .preview-copy h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.6rem,2.65vw,2.8rem);letter-spacing:-.035em;line-height:1.13;margin:20px 0}.preview-sunday .preview-copy>span{font-size:.75rem}.preview-sunday .preview-scene>img{display:block;width:100%;height:285px;object-fit:cover;object-position:52% center;border-radius:48% 48% 3px 3px}.preview-sunday .preview-action{background:#203d79;color:white;border-radius:30px;font-size:.875rem}.preview-sunday .preview-bottom{background:#e9edf4}.preview-disclosure{font-size:.75rem;color:#4c5947;line-height:1.5;margin:12px 0 0}
@media(max-width:650px){.preview-top{padding:17px 20px}.preview-copy{padding:35px 22px}.preview-copy h3{font-size:3.4rem}.preview-scene{min-height:340px}.preview-sunday .preview-scene{padding:20px;gap:15px;min-height:330px}.preview-sunday .preview-copy h3{font-size:clamp(1.6rem,5.3vw,2rem)}.preview-sunday .preview-scene>img{height:275px}.preview-sunday .preview-action{padding:10px 12px}.preview-bottom{padding:17px 20px}.preview-bottom>span{max-width:120px}.preview-top>span{max-width:140px;text-align:right}}
@media(max-width:380px){.preview-copy h3{font-size:2.8rem}.preview-sunday .preview-scene{grid-template-columns:1.15fr 1fr;padding:16px;gap:10px}.preview-sunday .preview-copy h3{font-size:1.55rem}.preview-sunday .preview-action{padding:9px;font-size:.75rem}.preview-sunday .preview-scene>img{height:265px}}
@media(prefers-reduced-motion:reduce){.design-preview{transition:none}}

/* Good Company: editorial type and a full-dog portrait in a lavender field. */
.preview-good-company{background:#f5f1f8;color:#36233f;border-color:#b7a5c1}.preview-good-company .preview-top{border-color:#b7a5c1}.preview-good-company .preview-top strong{font-family:Georgia,serif;font-size:1.7rem;font-weight:700;letter-spacing:-.06em}.preview-good-company .preview-scene{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:15px;min-height:350px;padding:24px}.preview-good-company .preview-copy{padding:0}.preview-good-company .preview-copy>span{font-size:.7rem;line-height:1.5;color:#695471}.preview-good-company .preview-copy h3{font-family:Georgia,serif;font-size:clamp(2rem,3vw,3rem);font-weight:400;letter-spacing:-.055em;line-height:1.08;margin:20px 0}.preview-good-company .preview-scene>img{width:100%;height:300px;object-fit:contain;background:#e8def0;border-radius:90px 4px 4px 4px}.preview-good-company .preview-bottom{background:#ffad8b;color:#36233f}.preview-good-company .preview-bottom strong{font-weight:500}@media(max-width:650px){.preview-good-company .preview-scene{grid-template-columns:1fr;padding:20px;min-height:0;gap:5px}.preview-good-company .preview-copy h3{font-size:2.5rem;margin:14px 0 20px}.preview-good-company .preview-scene>img{height:auto;aspect-ratio:1.5;object-fit:contain;border-top-left-radius:80px}.preview-good-company .preview-bottom{align-items:start;font-size:.8125rem}.preview-good-company .preview-bottom>strong{max-width:200px}}

/* Fieldwork: type above a broad garden, earthy colors and open edges. */
.preview-fieldwork{background:#f3f0e7;color:#203c32;border-color:#a7b2a3}.preview-fieldwork .preview-top{border-color:#a7b2a3}.preview-fieldwork .preview-top strong{font-size:1.8rem;font-weight:800;letter-spacing:-.075em}.preview-fieldwork .preview-top>span{font-size:.65rem;max-width:170px;text-align:right}.preview-fieldwork .preview-scene{min-height:350px;padding:0 20px 20px}.preview-fieldwork .preview-copy{padding:20px 0}.preview-fieldwork .preview-copy>span{font-size:.7rem;color:#4f6255}.preview-fieldwork .preview-copy h3{font-family:inherit;font-weight:650;letter-spacing:-.06em;line-height:1.04;font-size:clamp(2rem,3vw,2.9rem);margin:13px 0 0}.preview-fieldwork .preview-scene>img{display:block;width:100%;height:185px;object-fit:cover;object-position:50% 57%}.preview-fieldwork .preview-bottom{background:#203c32;color:#f3f0e7}@media(max-width:850px){.preview-fieldwork .preview-copy h3{font-size:2.9rem}.preview-fieldwork .preview-scene>img{height:250px}}@media(max-width:650px){.preview-fieldwork .preview-copy h3{font-size:clamp(2rem,7.5vw,2.8rem)}.preview-fieldwork .preview-scene>img{height:210px}}

/* Standard Issue: bold type, paper and a barber chair portrait. */
.preview-standard-issue{background:#eee8dc;color:#252521;border-color:#a7a093}.preview-standard-issue .preview-top{border-color:#a7a093}.preview-standard-issue .preview-top strong{font-size:1.35rem;font-weight:900;letter-spacing:-.065em}.preview-standard-issue .preview-top>span{font-size:.65rem;text-align:right}.preview-standard-issue .preview-scene{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;padding:24px;min-height:350px}.preview-standard-issue .preview-copy{padding:0}.preview-standard-issue .preview-copy>span{font-size:.7rem;color:#625d53}.preview-standard-issue .preview-copy h3{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(2.8rem,4vw,4rem);font-weight:400;letter-spacing:-.025em;line-height:.95;margin:20px 0}.preview-standard-issue .preview-copy .preview-action{color:#fff;background:#aa352b;letter-spacing:0;font-size:.8125rem}.preview-standard-issue .preview-scene>img{display:block;width:100%;height:300px;object-fit:cover;object-position:50% 52%}.preview-standard-issue .preview-bottom{background:#252521;color:#eee8dc}@media(max-width:650px){.preview-standard-issue .preview-scene{padding:20px;gap:16px}.preview-standard-issue .preview-copy h3{font-size:clamp(2.2rem,7.5vw,3.3rem)}.preview-standard-issue .preview-copy .preview-action{font-size:.75rem;padding:10px}.preview-standard-issue .preview-scene>img{height:285px}.preview-standard-issue .preview-top strong{font-size:1.2rem}}

/* Day One: cobalt, an approachable portrait and rounded coaching cards. */
.preview-day-one{background:#244ee8;color:#fff;border-color:#244ee8}.preview-day-one .preview-top{background:#f5f8ff;color:#18283f;border:0}.preview-day-one .preview-top strong{font-weight:750;letter-spacing:-.075em;font-size:1.8rem}.preview-day-one .preview-top>span{font-size:.75rem}.preview-day-one .preview-scene{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:24px 22px;min-height:350px;align-items:center}.preview-day-one .preview-copy{padding:0;min-width:0}.preview-day-one .preview-copy>span{font-size:.75rem;color:#e3eaff}.preview-day-one .preview-copy h3{font-family:inherit;font-weight:600;letter-spacing:-.065em;line-height:1.02;font-size:clamp(2rem,3.8vw,3.9rem);margin:20px 0}.preview-day-one .preview-copy .preview-cta{display:inline-block;background:#ffd5b2;color:#18283f;border-radius:25px;padding:10px 13px;line-height:1.5;font-size:.75rem}.preview-day-one .preview-scene>img{display:block;width:100%;height:300px;object-fit:cover;object-position:65% center;border-radius:70px 15px 15px 15px}.preview-day-one .preview-bottom{background:#e6edff;color:#18283f}@media(max-width:850px){.preview-day-one .preview-copy h3{font-size:3.8rem}.preview-day-one .preview-scene>img{height:330px}}@media(max-width:650px){.preview-day-one .preview-copy h3{font-size:clamp(2rem,7vw,3.4rem)}.preview-day-one .preview-scene{padding:20px 18px;min-height:310px}.preview-day-one .preview-scene>img{height:275px}.preview-day-one .preview-top>span{font-size:.75rem;max-width:100px;text-align:right}}

/* September design refinement: reference-led hierarchy and purposeful feedback. */
.preview-top strong,.preview-copy h3,.preview-bottom strong{overflow-wrap:anywhere}.preview-top>span,.preview-copy>span{font-size:.75rem}.preview-bottom{font-size:.875rem}.preview-day-one .preview-copy .preview-cta{letter-spacing:0}.preview-standard-issue .preview-top strong{font-size:clamp(1.35rem,2vw,1.8rem)}.design-preview:focus-visible{outline:3px solid #171c18;outline-offset:5px;box-shadow:0 10px 24px #18211818}.design-preview:focus-visible .preview-bottom{text-decoration:underline;text-underline-offset:5px}.design-preview .preview-scene>img{transition:transform .35s cubic-bezier(.2,.7,.2,1);transform-origin:center}.design-preview .preview-bottom{transition:box-shadow .2s ease}@media(hover:hover) and (pointer:fine){.design-preview:hover .preview-scene>img{transform:scale(1.018)}.design-preview:hover .preview-bottom{box-shadow:inset 0 -3px currentColor}}@media(prefers-reduced-motion:reduce){.design-preview,.design-preview .preview-scene>img,.design-preview .preview-bottom{transition:none}.design-preview:hover .preview-scene>img{transform:none}}