@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Cormorant+Garamond:ital,wght@0,500;1,500&family=Space+Grotesk:wght@500;700&display=swap');
.concept-gallery-shell{grid-column:1/-1;min-width:0;margin-top:24px}
.concept-gallery-heading{margin-bottom:28px}
.concept-gallery-heading h2{font-size:clamp(23px,4vw,38px);line-height:1.15;letter-spacing:-.05em;margin:20px 0 15px;font-weight:500}
.concept-gallery-heading p{font-size:12px;color:#aaa;line-height:1.8;max-width:500px}
.concept-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.concept-card{display:block;min-width:0;border:1px solid #fff2;background:#0b0d0b;text-decoration:none;transition:border-color .2s,transform .2s}
.concept-card:hover{border-color:#fff7;transform:translateY(-4px)}
.concept-card:focus-visible{outline:2px solid #a1ffb0;outline-offset:5px}
.concept-preview{height:210px;position:relative;overflow:hidden;padding:22px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.preview-type{font:9px/1.4 monospace;letter-spacing:.12em;text-transform:uppercase;position:absolute;top:18px;left:22px}
.concept-preview strong{position:relative;z-index:1;font-size:40px;line-height:1.05;letter-spacing:-.055em;font-family:Arial,sans-serif}
.preview-line{font:12px/1.5 Arial,sans-serif;position:relative;z-index:1;margin-top:12px;max-width:160px}
.preview-mark{position:absolute;right:10px;bottom:-25px;font:140px Georgia,serif;opacity:.22;z-index:0}
.concept-caption{padding:20px}
.concept-caption>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.concept-caption h3{margin:0;font-size:14px}
.concept-caption>div>span{font-size:9px;color:#999}
.concept-caption p{font-size:11px;line-height:1.8;color:#aaa;margin:14px 0 18px}
.concept-open{display:flex;justify-content:space-between;font-size:10px;color:#b8ddbc}
.concept-preview{height:240px;border:0;border-radius:0;margin:0;transform:none}
.preview-photo{position:absolute;right:0;top:0;width:45%;height:100%;object-fit:cover;z-index:0}
.concept-preview strong{max-width:55%;font-size:40px;z-index:2}
.preview-type,.preview-line{z-index:2}
.preview-type{font-size:8px}
.preview-line{font-size:11px;max-width:46%;line-height:1.5}
.preview-accounting{background:#efeee4;color:#192f3c}
.preview-accounting strong{font:64px 'Cormorant Garamond',Georgia,serif;font-weight:500}
.preview-accounting .preview-photo{width:36%;top:45px;height:175px;right:20px}
.preview-auto{background:#1c1d1b;color:#ff743c;justify-content:start;padding-top:50px}
.preview-auto strong{font:42px 'Archivo Black',Arial,sans-serif;font-style:italic}
.preview-auto .preview-photo{top:auto;bottom:0;height:75px;width:100%;filter:brightness(.8)}
.preview-auto .preview-line{max-width:none;color:#f2f0e7}
.preview-bar-grill{background:#402018;color:#f1e8d6;align-items:center;text-align:center}
.preview-bar-grill .preview-photo{width:100%;filter:brightness(.45)}
.preview-bar-grill strong{font:32px 'Cormorant Garamond',Georgia,serif;border:1px solid #f1e8d6;border-radius:50% 50% 0 0;padding:30px 20px 20px;background:#402018b0;max-width:85%}
.preview-bar-grill .preview-type{left:0;right:0}
.preview-bar-grill .preview-line{max-width:80%;font-style:italic}
.preview-bike{background:#e5efcf;color:#202821}
.preview-bike strong{font:58px 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em}
.preview-bike .preview-photo{border-radius:50%;width:180px;height:180px;right:-25px;top:40px;border:8px solid #202821}
.preview-cafe{background:#f6eed6;color:#4c3020}
.preview-cafe strong{font:42px/.95 'Cormorant Garamond',Georgia,serif;max-width:50%;font-style:italic}
.preview-cafe .preview-photo{width:39%;height:200px;top:30px;right:20px;border-radius:50% 50% 0 0}
.preview-dentist{background:#e8f0f0;color:#24444e}
.preview-dentist strong{font-size:37px;font-weight:400}
.preview-dentist .preview-photo{width:38%;height:185px;right:18px;top:35px;border-radius:90px 90px 12px 12px}
.preview-florist{background:#eae9df;color:#34452d}
.preview-florist strong{font:47px 'Cormorant Garamond',Georgia,serif;font-style:italic}
.preview-florist .preview-photo{width:40%;height:175px;right:25px;top:45px;border-radius:45% 45% 0 0}
.preview-mexican{background:#e8bf53;color:#ad2d21;justify-content:start;padding-top:45px}
.preview-mexican strong{font:44px/.9 'Archivo Black',Arial,sans-serif;max-width:90%;letter-spacing:-.06em}
.preview-mexican .preview-photo{height:80px;top:auto;bottom:0;width:65%;border:3px solid #ad2d21}
.preview-mexican .preview-line{max-width:70%;margin-top:16px}
.preview-pet{background:#f9f1e4;color:#39343e}
.preview-pet strong{font-size:40px;font-weight:800}
.preview-pet .preview-photo{width:44%;height:180px;right:10px;top:35px;border-radius:45% 45% 30% 35%;border:6px solid #d4cbe2}
.preview-roof{background:#17384c;color:#f0eee3;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:20px 20px}
.preview-roof strong{font:29px 'Space Grotesk',Arial,sans-serif;letter-spacing:.015em}
.preview-roof .preview-photo{width:38%;height:150px;top:55px;right:15px;border:1px solid #f0eee3;padding:5px}
.preview-roof .preview-line{font:10px/1.6 monospace;color:#e4af6b}
.preview-yoga{background:#efeee8;color:#5c6154;justify-content:start;padding-top:40px}
.preview-yoga strong{font:54px 'Cormorant Garamond',Georgia,serif;font-weight:400}
.preview-yoga .preview-photo{width:55%;height:100px;top:auto;bottom:20px;right:20px}
.preview-yoga .preview-line{max-width:34%;font-size:10px}
.preview-bookstore{background:#f5f0e5;color:#2a2922;border-top:3px double #2a2922}
.preview-bookstore strong{font:39px/.95 'Cormorant Garamond',Georgia,serif;font-weight:500}
.preview-bookstore .preview-photo{width:37%;height:155px;top:60px;right:20px;filter:saturate(.65)}
.preview-bookstore .preview-type{border-bottom:1px solid;width:calc(100% - 44px);padding-bottom:10px}
.preview-bookstore .preview-line{font-family:Georgia,serif;font-style:italic;color:#a94c32}
@media(max-width:560px){.concept-gallery{grid-template-columns:1fr}
.concept-gallery-heading .section-label{font-size:10px;letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){.concept-card{transition:none}
.concept-card:hover{transform:none}
}

.robust-card{width:100%}.preview-chiropractor{height:330px;background:#053e67;color:white;padding:35px}.preview-chiropractor strong{font:48px/1.1 Arial,sans-serif;color:#e78841;margin-top:65px}.preview-chiropractor .preview-type{top:22px;left:35px;color:#fff}.preview-chiropractor .preview-line{max-width:40%;font-size:14px}.preview-chiropractor .preview-photo{width:49%;filter:none;object-position:58% center}.clinic-preview-logo{position:absolute;top:55px;left:35px;width:90px;height:90px;border-radius:50%;background:white}.preview-chiropractor strong,.preview-chiropractor .preview-line{z-index:2}@media(max-width:560px){.preview-chiropractor{height:300px;padding:20px}.preview-chiropractor .preview-type{left:20px;font-size:7px}.clinic-preview-logo{left:20px;width:70px;height:70px}.preview-chiropractor strong{font-size:32px}.preview-chiropractor .preview-line{font-size:11px;max-width:43%}.preview-chiropractor .preview-photo{width:45%}}

.concept-work-group{grid-column:1/-1;min-width:0}.robust-solutions>.concept-card+.concept-card{margin-top:24px}.preview-burger-joint{height:330px;background:#edb831;color:#a72b20;padding:30px;justify-content:center;border-bottom:12px solid #a72b20}.preview-burger-joint strong{font:900 66px/.82 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.03em;max-width:50%;z-index:2}.preview-burger-joint .preview-line{margin-top:20px;font-weight:700;color:#2b291e}.burger-preview-photo{position:absolute;right:-4%;top:12%;width:59%;height:88%;object-fit:contain;z-index:1}.burger-preview-stamp{position:absolute;right:6%;top:20px;background:#b42e23;color:#fff4d9;border-radius:50%;width:65px;height:65px;display:grid;place-content:center;text-align:center;font:10px/1.2 monospace;transform:rotate(10deg)}@media(max-width:560px){.preview-burger-joint{height:300px;padding:22px}.preview-burger-joint strong{font-size:48px}.burger-preview-photo{width:64%;right:-12%;top:22%;height:75%}.burger-preview-stamp{right:7%;top:35px}}

.preview-cinema{height:330px;background:#171c30;color:#f0e9da;padding:35px;justify-content:center}.preview-cinema strong{font:italic 60px/.85 Georgia,serif;z-index:2}.preview-cinema strong em{color:#eec195}.preview-cinema .preview-line{z-index:2;margin-top:22px}.cinema-preview-photo{position:absolute;width:49%;height:82%;right:4%;top:9%;object-fit:cover;border:1px solid #eec195;padding:8px;transform:rotate(-3deg)}.cinema-preview-ticket{position:absolute;bottom:20px;right:6%;background:#eec195;color:#171c30;padding:8px 20px;font:10px monospace;transform:rotate(3deg)}@media(max-width:560px){.preview-cinema{padding:20px;height:300px}.preview-cinema strong{font-size:42px}.cinema-preview-photo{width:42%;right:2%}.preview-cinema .preview-line{max-width:48%;font-size:11px}.cinema-preview-ticket{font-size:8px;right:3%}}
.preview-cinema{background:#fb765e;color:#211829;border:2px solid #211829;box-shadow:inset 0 -14px #86e2ec;padding:35px}.preview-cinema strong{font:900 105px/.78 Impact,"Arial Black",sans-serif;letter-spacing:-.07em;max-width:50%;font-style:normal}.preview-cinema strong span{display:block;font:16px/1.8 monospace;letter-spacing:.3em;margin-top:14px}.preview-cinema .preview-type{color:#211829}.preview-cinema .preview-line{font-size:13px;font-weight:700;color:#211829}.cinema-preview-photo{height:80%;width:47%;right:3%;top:8%;padding:7px;background:#211829;border:2px solid #211829;box-shadow:5px 5px 0 #6248ad;transform:rotate(2deg)}.cinema-preview-ticket{background:#f0fa86;color:#211829;border:1px solid;bottom:15px;right:7%;font-size:9px;transform:rotate(-3deg)}@media(max-width:560px){.preview-cinema{padding:22px}.preview-cinema strong{font-size:75px}.preview-cinema strong span{font-size:11px;letter-spacing:.2em}.cinema-preview-photo{width:42%;right:3%;top:12%;height:71%}.preview-cinema .preview-line{font-size:11px;max-width:48%}.cinema-preview-ticket{font-size:7px;right:4%;bottom:20px}}
.preview-cinema{background:#100f0e;color:#f4e9ce;border:1px solid #514536;box-shadow:none;isolation:isolate}.preview-cinema:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100f0ef5,#100f0eb0 40%,transparent);z-index:-1}.preview-cinema strong{font:900 100px/.85 Arial,sans-serif;color:#f4e9ce;letter-spacing:-.07em}.preview-cinema strong span{font:700 14px/1.8 Arial,sans-serif;letter-spacing:.8em}.preview-cinema .preview-type{color:#f4e9ce;font-size:9px;letter-spacing:.17em;z-index:2}.preview-cinema .preview-line{font:700 28px/1.1 Georgia,serif;color:#ed4037;max-width:45%}.cinema-preview-photo{inset:0;width:100%;height:100%;padding:0;border:0;background:none;box-shadow:none;transform:none;z-index:-2;object-position:center 40%}.cinema-preview-ticket{background:#ed4037;color:#110b08;border:0;transform:none;right:24px;bottom:24px;font-size:10px;letter-spacing:.1em}@media(max-width:560px){.preview-cinema strong{font-size:74px}.preview-cinema strong span{font-size:10px;letter-spacing:.65em}.preview-cinema .preview-line{font-size:22px;max-width:60%}.cinema-preview-photo{inset:0;width:100%;height:100%;object-position:62% center}.cinema-preview-ticket{font-size:8px;right:16px;bottom:18px}}
.preview-burger-joint{background-color:#eeb731;background-image:linear-gradient(#eeb731d9,#eeb731d9),url('/website-portfolio/concepts/burger-joint/assets/counter-paper.webp');color:#b82b21;box-shadow:none;padding:35px}.preview-burger-joint strong{font:900 65px/.93 Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;max-width:52%;z-index:2}.preview-burger-joint strong span{display:block;font-size:44px;margin-top:8px}.preview-burger-joint .preview-type{color:#26291f;font-size:9px;letter-spacing:.13em}.preview-burger-joint .preview-line{font:700 15px/1.3 Arial,sans-serif;color:#26291f;max-width:40%;z-index:2}.burger-preview-photo{width:65%;height:105%;right:-8%;top:0;object-fit:contain;transform:none;filter:drop-shadow(0 4px 4px #6f3c2220)}.burger-preview-stamp{background:#b82b21;color:#f6edda;border:2px solid #eeb731;font-size:15px;right:25px;top:25px;bottom:auto;transform:rotate(-10deg)}@media(max-width:560px){.preview-burger-joint{padding:22px}.preview-burger-joint strong{font-size:45px;max-width:55%}.preview-burger-joint strong span{font-size:30px}.burger-preview-photo{width:75%;height:85%;top:17%;right:-15%}.burger-preview-stamp{right:14px;top:18px;font-size:10px}.preview-burger-joint .preview-line{font-size:11px;max-width:45%}}

/* Proper Form: dimensional navy and gold practice preview. */
.preview-chiropractor{background:linear-gradient(135deg,#052b43,#0a4968)}.preview-chiropractor strong{font-family:Georgia,serif;color:#efbf84;letter-spacing:-.035em}.preview-chiropractor .preview-type{color:#d8e4ec}.clinic-preview-logo{padding:7px;border:2px solid #063552;box-shadow:inset 0 -4px 8px #06355215,0 4px 0 #03253a,0 12px 22px #0004}.preview-chiropractor .preview-photo{right:20px;top:35px;height:260px;width:46%;border:6px solid white;border-radius:20px;box-shadow:0 4px 0 #bfced8,0 18px 35px #0004;transform:perspective(800px) rotateY(-5deg)}@media(max-width:560px){.preview-chiropractor .preview-photo{right:10px;width:43%;height:225px;border-width:4px}.preview-chiropractor strong{font-size:30px}}

/* Reference-led landing page previews. */
.concept-preview.preview-accounting{background:#f3f1e7}.preview-accounting .preview-photo{height:200px;top:20px;right:20px;object-position:center}
.concept-preview.preview-bike{background:#f0f1e3}.preview-bike strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}.preview-bike .preview-photo{border:0;right:4px;top:35px;object-fit:contain}
.concept-preview.preview-cafe{background:#f8f0da}.preview-cafe .preview-photo{border-radius:90px 0 0 0;right:0;top:0;width:43%;height:100%}
.concept-preview.preview-dentist{background:#fafbf7}.preview-dentist .preview-photo{border-radius:110px 0 0 110px;right:0;top:20px;width:44%;height:220px}
.concept-preview.preview-florist{background:#f4f2e8}.preview-florist .preview-photo{border-radius:120px 0 0 0;right:15px;top:20px;height:220px}
.concept-preview.preview-mexican{background:#f7edd4;justify-content:center;padding-top:35px}.preview-mexican strong{font:900 35px/.95 Georgia,serif;max-width:50%}.preview-mexican .preview-photo{width:44%;height:190px;top:30px;bottom:auto;right:10px;border:5px solid #f7edd4;box-shadow:0 0 0 2px #ad2d21;transform:rotate(-2deg)}.preview-mexican .preview-line{max-width:48%;font-size:10px}