/* The two alternate concepts are complete, navigable preview directions. */
.concept-card{display:block;transition:transform .2s,box-shadow .2s}.concept-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #2037331c}.concept-card[aria-current]{outline:3px solid #a8693f;outline-offset:3px}

/* Kiln House: expressive ceramics and soft architectural arches. */
.direction-kiln.palette-sand{--paper:#fcf3e9;--surface:#f1ddd1;--ink:#482f2b;--muted:#765d54;--line:#dbb8ac;--accent:#a64631;--contrast:#793b34}
.direction-kiln{font-family:'DM Sans',sans-serif}
.direction-kiln .site-header{background:#f4ded0;border-bottom:0}
.direction-kiln .brand{font:600 24px/1 'Fraunces',serif;letter-spacing:-.055em}
.direction-kiln .brand small{font-family:'DM Sans',sans-serif;letter-spacing:.18em;font-size:7px;margin-top:7px}
.direction-kiln .brand-icon{display:block;width:29px;height:31px;background:#a64631;border-radius:18px 18px 2px 2px;transform:none;position:relative}
.direction-kiln .brand-icon i{display:none}.direction-kiln .brand-icon:after{content:'';position:absolute;inset:7px 7px 0;background:#f4ded0;border-radius:12px 12px 0 0}
.direction-kiln .primary-nav a{font-size:13px;font-weight:600}
.direction-kiln .header-cta,.direction-kiln .button{border-radius:40px;gap:24px}
.direction-kiln.layout-theme .hero{grid-template-columns:1.08fr .92fr;min-height:680px}
.direction-kiln.layout-theme .hero-picture{order:-1}
.direction-kiln .hero-copy{background:#f7e7d8;padding-left:clamp(30px,5vw,82px)}
.direction-kiln .hero h1{font:600 clamp(54px,6vw,94px)/1.03 'Fraunces',serif;letter-spacing:-.055em;max-width:720px}
.direction-kiln .hero-lede{color:#6b4d43;font-size:17px;max-width:470px}
.direction-kiln .hero-picture{background:#ae7057}
.direction-kiln .hero-picture:before,.direction-kiln .work-card .photo,.direction-kiln .gallery-card .photo,.direction-kiln .feature-image .photo{background-image:url('assets/kiln-projects.png')}
.direction-kiln .hero-picture:after{display:none}
.direction-kiln .hero-caption{border-radius:30px;background:#f8ede0}
.direction-kiln .scope-tool{border-top:2px solid #b45340}
.direction-kiln .scope-fields select,.direction-kiln .scope-fields input{background:#fff8ee;border-color:#d6ae9e;border-radius:5px}
.direction-kiln .section-head h2,.direction-kiln .page-heading h1,.direction-kiln .split h2,.direction-kiln .quote-band h2{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-.055em}
.direction-kiln .work-section{background:#9f4b3a;color:#fff3e8}
.direction-kiln .work-section .kicker{color:#ffdbc2}.direction-kiln .work-section .section-head p{color:#ffe1d1}
.direction-kiln .work-grid{grid-template-columns:.9fr 1.1fr;grid-template-rows:repeat(2,285px)}
.direction-kiln .work-card{border-radius:90px 90px 6px 6px}
.direction-kiln .work-card:first-child{grid-row:span 2}
.direction-kiln .service-card{border:0;border-radius:90px 90px 7px 7px;background:#edc6b7;padding:34px;min-height:325px}
.direction-kiln .service-card:nth-child(2){background:#d6e0d5}.direction-kiln .service-card:nth-child(3){background:#f0d79f}
.direction-kiln .service-card h3,.direction-kiln .feature-list h3,.direction-kiln .price-card h3{font-family:'Fraunces',serif;font-weight:600}
.direction-kiln .tile-symbol{border-radius:50%;transform:none!important}
.direction-kiln .process-step{border-top:2px solid #a64631}
.direction-kiln .quote-band{background:#182f4b}
.direction-kiln .site-footer{background:#713a36}.direction-kiln .footer-brand{font-family:'Fraunces',serif;font-weight:600;letter-spacing:-.05em}.direction-kiln .footer-brand span{color:#f4c98f}
.direction-kiln .gallery-card{border-radius:70px 70px 4px 4px}

/* True Joint: precise grids, narrow headings and visible specifications. */
.direction-joint.palette-chalk{--paper:#f4f3ee;--surface:#e5e6df;--ink:#202724;--muted:#5d6762;--line:#abb4ae;--accent:#6a6400;--contrast:#202724}
.direction-joint{font-family:'DM Sans',sans-serif}
.direction-joint .site-header{background:#202724;color:#f5f5ea;border-bottom:0}
.direction-joint .brand{font:700 27px/1 'Archivo Narrow',sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.direction-joint .brand small{font:500 8px 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#c5cfca}
.direction-joint .brand-icon{display:block;width:28px;height:28px;border:2px solid #e1d23d;transform:none;position:relative}
.direction-joint .brand-icon i{display:none}.direction-joint .brand-icon:before,.direction-joint .brand-icon:after{content:'';position:absolute;background:#e1d23d}.direction-joint .brand-icon:before{width:2px;top:0;bottom:0;left:11px}.direction-joint .brand-icon:after{height:2px;left:0;right:0;top:11px}
.direction-joint .primary-nav a{font:600 12px 'IBM Plex Mono',monospace;text-transform:uppercase}
.direction-joint .primary-nav a::after{background:#e1d23d}
.direction-joint .header-cta{background:#e1d23d;border-color:#e1d23d;color:#18211e;font:600 11px 'IBM Plex Mono',monospace;text-transform:uppercase}
.direction-joint .menu-button{color:#f5f5ea}
.direction-joint.layout-theme .hero{grid-template-columns:1.13fr .87fr;min-height:650px}
.direction-joint .hero-copy{position:relative;background:repeating-linear-gradient(90deg,transparent 0 59px,#35443a12 60px),var(--paper)}
.direction-joint .hero-copy:before{content:'TJ / 001';position:absolute;right:30px;top:30px;font:500 11px 'IBM Plex Mono',monospace;color:var(--muted)}
.direction-joint .hero h1{font:700 clamp(68px,8vw,128px)/.88 'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.055em;max-width:760px}
.direction-joint .hero h1 span{color:var(--ink)}
.direction-joint .hero-lede{font-size:15px;max-width:470px}
.direction-joint .hero-picture:before,.direction-joint .work-card .photo,.direction-joint .gallery-card .photo,.direction-joint .feature-image .photo{background-image:url('assets/joint-projects.png')}
.direction-joint .hero-picture:after{content:'DATUM / 00';font:600 10px 'IBM Plex Mono',monospace;color:#202724;background:#e1d23d;display:grid;place-items:center;width:110px;height:30px;border:0;left:24px;top:24px}
.direction-joint .hero-caption{font:500 10px 'IBM Plex Mono',monospace;text-transform:uppercase}
.direction-joint .kicker,.direction-joint .scope-tool h2,.direction-joint .section-head p,.direction-joint .intro-strip,.direction-joint .text-link{font-family:'IBM Plex Mono',monospace}
.direction-joint .scope-tool{border-top:2px solid var(--ink)}
.direction-joint .scope-fields select,.direction-joint .scope-fields input{background:#fff;border-color:#77827c}
.direction-joint .button{font:600 11px 'IBM Plex Mono',monospace;text-transform:uppercase;border-radius:0}
.direction-joint .section-head h2,.direction-joint .page-heading h1,.direction-joint .split h2,.direction-joint .quote-band h2{font-family:'Archivo Narrow',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:-.025em}
.direction-joint .intro-strip{background:#e1d23d;color:#202724;text-transform:uppercase;font-size:10px}
.direction-joint .intro-strip b{color:#202724}
.direction-joint .process{background:#202724;color:#f6f5ed}
.direction-joint .process .kicker,.direction-joint .process-step b{color:#e1d23d}.direction-joint .process-step{border-top-color:#e1d23d}.direction-joint .process-step p{color:#c9d1cb}
.direction-joint .service-card{border:2px solid var(--ink);min-height:260px}
.direction-joint .service-card h3,.direction-joint .process-step h3{font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;font-size:25px;letter-spacing:-.02em}
.direction-joint .service-card .tile-symbol{transform:none!important;border-color:var(--ink)}
.direction-joint .work-section{background:#dadbd4}.direction-joint .work-grid{gap:3px}
.direction-joint .work-card figcaption,.direction-joint .gallery-card figcaption{font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase}
.direction-joint .quote-band{background:#e1d23d;color:#202724}.direction-joint .quote-band .kicker,.direction-joint .quote-band p{color:#202724}.direction-joint .quote-band .button{background:#202724;color:#f5f5ea;border-color:#202724}
.direction-joint .site-footer{background:#202724}.direction-joint .footer-brand{font-family:'Archivo Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.03em}.direction-joint .footer-brand span{color:#e1d23d}
.direction-joint .gallery-card{border:2px solid var(--ink)}

@media(max-width:800px){.direction-kiln.layout-theme .hero,.direction-joint.layout-theme .hero{grid-template-columns:1fr}.direction-kiln.layout-theme .hero-picture{order:0}.direction-kiln .work-grid{grid-template-rows:repeat(2,225px)}.direction-joint .primary-nav{background:#202724}.direction-joint .hero h1{font-size:clamp(62px,12vw,90px)}}
@media(max-width:560px){.direction-kiln .hero h1{font-size:48px}.direction-joint .hero h1{font-size:61px}.direction-kiln .work-grid{grid-template-rows:repeat(3,280px);grid-template-columns:1fr}.direction-kiln .work-card:first-child{grid-row:auto}.direction-kiln .service-card{min-height:250px}}
@media(prefers-reduced-motion:reduce){.concept-card{transition:none}}