.hero-directions{position:relative;min-width:0;width:100%;align-self:center}.direction-label{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--gold);margin:0 0 17px;line-height:1.6}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.direction-card{display:block;background:#fffaf0;color:var(--navy);text-decoration:none;overflow:hidden;border:1px solid #ffffff35;transition:transform .2s,border-color .2s;min-width:0}.direction-card:hover{transform:translateY(-3px);border-color:var(--gold)}.direction-card:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.direction-card img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover}.direction-card>span{display:grid;grid-template-columns:1fr auto;padding:14px 16px;gap:5px 8px}.direction-card small{grid-column:1/-1;font-size:8px;letter-spacing:.1em;font-weight:700;line-height:1.5;color:#726243}.direction-card strong{font:400 clamp(20px,2vw,28px)/1.2 var(--serif)}.direction-card b{font-size:20px;color:#987630}.direction-note{font-size:11px;line-height:1.7;color:#b9ccda;margin:16px 0 0;max-width:520px}.real-project-heading{margin:68px 0 28px;border-top:1px solid var(--line);padding-top:44px}.real-project-heading h3{font:400 clamp(30px,3vw,43px)/1.15 var(--serif);margin:0 0 16px}.real-project-heading>p:last-child{max-width:670px;color:var(--muted);font-size:15px;line-height:1.8}@media(max-width:900px){.hero-directions{max-width:650px;margin:auto}}@media(max-width:600px){.direction-grid{gap:10px}.direction-card>span{padding:12px 10px}.direction-card strong{font-size:21px}.direction-card small{font-size:7px;letter-spacing:.06em}.direction-label{font-size:8px}.direction-note{font-size:10px}.real-project-heading{margin-top:42px;padding-top:30px}}@media(prefers-reduced-motion:reduce){.direction-card{transition:none}.direction-card:hover{transform:none}}
.introductory-note{font-size:13px;line-height:1.8;color:var(--muted);border-left:3px solid var(--gold);padding:12px 18px;margin:0 0 34px}.compact-offer{font-size:14px;line-height:1.8;margin-top:24px;color:var(--muted)}.compact-offer a{font-weight:700;color:var(--navy)}

/* Purpose-led opening: the design gallery appears once, below the hero. */
.hero-purpose{background:#f6f0e3;color:#082742;border:1px solid #d4b574;position:relative;padding:42px 40px;align-self:center;box-shadow:0 24px 70px #0003;max-width:560px;width:100%;margin-inline:auto}.hero-purpose:before{content:"";display:block;width:48px;height:3px;background:#c29a4d;margin-bottom:24px}.purpose-label{font-size:10px;font-weight:700;letter-spacing:.16em;color:#866322;margin:0 0 18px}.hero-purpose h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4vw,54px);line-height:1.12;margin:0 0 18px}.purpose-intro{font-size:15px;line-height:1.8;color:#5b6470;margin:0 0 25px;max-width:390px}.purpose-path{list-style:none;padding:0;margin:0 0 26px}.purpose-path li{display:flex;gap:18px;padding:18px 0;border-top:1px solid #d8cdb7}.purpose-path li>span{font-family:var(--serif);font-size:25px;font-style:italic;color:#ac8135;min-width:28px}.purpose-path h3{font-family:var(--sans,Arial,sans-serif);font-size:15px;font-weight:700;margin:2px 0 6px}.purpose-path p{font-size:13px;line-height:1.65;color:#626a71;margin:0}.purpose-link{display:flex;justify-content:space-between;gap:16px;text-decoration:none;border-top:1px solid #d8cdb7;padding-top:20px;font-size:13px;font-weight:700}.purpose-link:hover{text-decoration:underline;text-underline-offset:5px}.purpose-link:focus-visible{outline:2px solid #082742;outline-offset:5px}@media(max-width:600px){.hero-purpose{padding:28px 24px}.hero-purpose h2{font-size:38px}.purpose-path li{gap:14px}}