.xhose-craftsmanship-page { overflow: hidden; }
.craft-hero { position: relative; min-height: min(920px, 90svh); background: #180f12; color: var(--xhose-porcelain); isolation: isolate; }
.craft-hero::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 64px 64px; content: ""; mask-image: linear-gradient(to bottom,#000,transparent 88%); }
.craft-hero__inner { display: grid; min-height: inherit; grid-template-columns: minmax(0,1.05fr) minmax(380px,.95fr); align-items: center; gap: clamp(3rem,8vw,9rem); }
.craft-hero__copy { padding-block: clamp(8rem,14vw,13rem); }
.craft-hero__copy h1 { max-width: 9ch; margin: 1rem 0 2rem; font-size: clamp(4.5rem,9vw,9rem); letter-spacing: -.055em; }
.craft-hero__copy h1 span { display: block; margin-bottom: 1rem; color: var(--xhose-dusty-rose); font-family: var(--xhose-body); font-size: .65rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.craft-hero__copy > p:not(.eyebrow) { max-width: 47ch; color: #d7cbca; font-family: var(--xhose-display); font-size: clamp(1.25rem,2vw,1.6rem); }
.craft-hero__study { position: relative; min-height: 620px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 48% 48% 24px 24px; background: radial-gradient(circle at 50% 30%,rgba(227,200,201,.2),transparent 28%),linear-gradient(145deg,#4a1828,#2b0c13 58%,#0d090a); }
.craft-hero__orbit { position: absolute; top: 12%; left: 50%; width: 75%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; transform: translateX(-50%); }
.craft-hero__form { position: absolute; bottom: -8%; left: 50%; width: 48%; height: 68%; border-radius: 45% 45% 12% 12%; background: linear-gradient(145deg,#7b2741,#3f0a17); box-shadow: 0 45px 90px rgba(0,0,0,.35); transform: translateX(-50%); }
.craft-hero__form::before { position: absolute; top: -7%; left: 50%; width: 55%; height: 20%; border-radius: 50%; background: #241014; content: ""; transform: translateX(-50%); }
.craft-hero__line { position: absolute; inset: 50% 8% auto; height: 1px; background: rgba(255,255,255,.28); }
.craft-hero__study p { position: absolute; right: 1.5rem; bottom: 1.5rem; margin: 0; font-size: .62rem; letter-spacing: .14em; text-align: right; text-transform: uppercase; }
.craft-philosophy { display: grid; padding-block: clamp(6rem,12vw,12rem); grid-template-columns: auto minmax(0,1fr) minmax(300px,.65fr); gap: clamp(2rem,6vw,7rem); }
.craft-index { margin: 0; color: var(--xhose-oxblood); font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
.craft-philosophy h2,.craft-section-heading h2,.craft-materials h2,.craft-standards h2,.craft-care h2 { letter-spacing: -.045em; }
.craft-philosophy h2 { max-width: 8ch; font-size: clamp(3.5rem,7vw,7.5rem); }
.craft-philosophy__copy { padding-top: 2rem; font-family: var(--xhose-display); font-size: clamp(1.3rem,2.2vw,1.8rem); }
.craft-principles { padding-block: clamp(5rem,10vw,10rem); background: #efe7e1; }
.craft-section-heading { display: flex; margin-bottom: clamp(3rem,6vw,6rem); align-items: end; justify-content: space-between; gap: 2rem; }
.craft-section-heading h2 { max-width: 8ch; margin: 0; font-size: clamp(3.2rem,6vw,6.8rem); }
.craft-principles__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--xhose-modern-line); }
.craft-principles__grid article { min-height: 420px; padding: 2rem; border-right: 1px solid var(--xhose-modern-line); }
.craft-principles__grid article:last-child { border-right: 0; }
.craft-principles__grid article > span { display: block; margin-bottom: clamp(5rem,12vw,10rem); color: var(--xhose-oxblood); font-size: .68rem; font-weight: 700; }
.craft-principles__grid h3 { font-size: clamp(2rem,3vw,3.2rem); }
.craft-principles__grid p { max-width: 35ch; color: #5e5252; }
.craft-materials { display: grid; padding-block: clamp(6rem,12vw,12rem); grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); align-items: center; gap: clamp(3rem,9vw,10rem); }
.craft-materials__study { position: relative; display: grid; min-height: 720px; padding: 2rem; grid-template-columns: repeat(3,1fr); align-items: end; gap: .75rem; border-radius: var(--xhose-modern-radius); background: #1c1617; overflow: hidden; }
.craft-materials__study span { min-height: 72%; border-radius: 999px 999px 8px 8px; background: linear-gradient(180deg,#e3c8c9,#8d5366); }
.craft-materials__study span:nth-child(2) { min-height: 92%; background: linear-gradient(180deg,#c4a46c,#4a2f19); }
.craft-materials__study span:nth-child(3) { min-height: 58%; background: linear-gradient(180deg,#f7f2ea,#8c8580); }
.craft-materials__study p { position: absolute; top: 2rem; left: 2rem; color: var(--xhose-porcelain); font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; }
.craft-materials__copy h2 { font-size: clamp(3.2rem,5.5vw,6rem); }
.craft-materials__copy .entry-content { margin-block: 2rem; color: #544849; font-family: var(--xhose-display); font-size: clamp(1.25rem,2vw,1.65rem); }
.craft-process { position: relative; padding-block: clamp(5rem,10vw,10rem); border-top: 1px solid var(--xhose-modern-line); }
.craft-process > .craft-index { position: absolute; top: clamp(5rem,10vw,10rem); left: 0; }
.craft-process .craft-section-heading { padding-left: clamp(3rem,8vw,8rem); }
.craft-process .xhose-craftsmanship-timeline { margin: 0; max-width: none; }
.craft-process .xhose-craftsmanship-timeline > h2 { position: absolute!important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); }
.craft-process .xhose-craftsmanship-timeline ol,.craft-process__fallback { margin: 0; padding: 0; list-style: none; counter-reset: craft-step; }
.craft-process .xhose-craftsmanship-timeline li,.craft-process__fallback li { position: relative; display: grid; min-height: 420px; padding-block: clamp(3rem,7vw,7rem); border-top: 1px solid var(--xhose-modern-line); grid-template-columns: minmax(0,.8fr) minmax(320px,1.2fr); align-items: center; gap: clamp(3rem,8vw,9rem); counter-increment: craft-step; }
.craft-process .xhose-craftsmanship-timeline li::after { display: grid; width: min(100%,520px); aspect-ratio: 4/3; justify-self: end; border-radius: var(--xhose-modern-radius); background: radial-gradient(circle at 50% 45%,transparent 0 22%,rgba(255,255,255,.32) 22.3% 22.7%,transparent 23%),linear-gradient(145deg,#dac8c2,#8f616e); color: rgba(255,255,255,.8); content: "0" counter(craft-step); font-family: var(--xhose-display); font-size: clamp(5rem,10vw,10rem); place-items: center; }
.craft-process .xhose-craftsmanship-timeline li:nth-child(even)::after { grid-column: 1; grid-row: 1; justify-self: start; background: radial-gradient(circle at 50% 50%,transparent 0 30%,rgba(255,255,255,.25) 30.3% 30.7%,transparent 31%),linear-gradient(145deg,#c9a66d,#4a2b27); }
.craft-process .xhose-craftsmanship-timeline li:nth-child(even) > div { grid-column: 2; }
.craft-process .xhose-craftsmanship-timeline li:has(figure)::after { display: none; }
.craft-process .xhose-craftsmanship-timeline figure { margin: 0; }
.craft-process .xhose-craftsmanship-timeline img { width: 100%; aspect-ratio: 4/3; border-radius: var(--xhose-modern-radius); object-fit: cover; }
.craft-process .xhose-craftsmanship-timeline h3,.craft-process__fallback h3 { font-size: clamp(2.5rem,5vw,5.2rem); }
.craft-process__fallback li > span { color: var(--xhose-oxblood); font-family: var(--xhose-display); font-size: clamp(6rem,13vw,13rem); }
.craft-standards { padding-block: clamp(6rem,12vw,12rem); background: #130f10; color: var(--xhose-porcelain); }
.craft-standards__inner { display: grid; grid-template-columns: minmax(0,.85fr) minmax(360px,1.15fr); gap: clamp(3rem,10vw,11rem); }
.craft-standards h2 { max-width: 8ch; font-size: clamp(3.5rem,7vw,7.2rem); }
.craft-standards ul { margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.2); list-style: none; }
.craft-standards li { display: grid; padding: 1.5rem 0; border-bottom: 1px solid rgba(255,255,255,.2); grid-template-columns: 55px 1fr; gap: 1.5rem; }
.craft-standards li > span { color: var(--xhose-dusty-rose); font-size: .68rem; }
.craft-standards h3 { margin-bottom: .4rem; font-size: clamp(1.6rem,2.5vw,2.5rem); }
.craft-standards li p { color: #c7bcbc; }
.craft-care { display: grid; padding-block: clamp(6rem,12vw,12rem); grid-template-columns: minmax(0,1fr) minmax(320px,.75fr); align-items: end; gap: clamp(3rem,10vw,11rem); }
.craft-care h2 { max-width: 8ch; font-size: clamp(3.5rem,7vw,7rem); }
.craft-care > div:last-child p { margin-bottom: 2rem; font-family: var(--xhose-display); font-size: clamp(1.25rem,2vw,1.65rem); }
.craft-cta { margin: 0 1rem 1rem; padding-block: clamp(6rem,12vw,12rem); border-radius: calc(var(--xhose-modern-radius)*1.4); background: var(--xhose-oxblood); color: var(--xhose-porcelain); text-align: center; }
.craft-cta h2 { max-width: 10ch; margin: 1rem auto 2rem; font-size: clamp(3.8rem,8vw,8.5rem); letter-spacing: -.05em; }
@media(max-width:900px){.craft-hero__inner,.craft-materials,.craft-standards__inner,.craft-care{grid-template-columns:1fr}.craft-hero__study{min-height:560px;margin-bottom:3rem}.craft-philosophy{grid-template-columns:auto 1fr}.craft-philosophy__copy{grid-column:2}.craft-principles__grid{grid-template-columns:1fr}.craft-principles__grid article{min-height:auto;border-right:0;border-bottom:1px solid var(--xhose-modern-line)}.craft-principles__grid article>span{margin-bottom:3rem}.craft-materials__study{min-height:580px}.craft-process .xhose-craftsmanship-timeline li,.craft-process__fallback li{grid-template-columns:1fr}.craft-process .xhose-craftsmanship-timeline li::after,.craft-process .xhose-craftsmanship-timeline li:nth-child(even)::after{grid-column:auto;grid-row:auto;justify-self:stretch}.craft-process .xhose-craftsmanship-timeline li:nth-child(even)>div{grid-column:auto}.craft-standards__inner,.craft-care{align-items:start}}
@media(max-width:600px){.craft-hero{min-height:auto}.craft-hero__inner{grid-template-columns:1fr}.craft-hero__copy{padding:7rem 0 2rem}.craft-hero__copy h1{font-size:clamp(4rem,20vw,6rem)}.craft-hero__study{min-height:460px}.craft-philosophy{grid-template-columns:1fr;padding-block:5rem}.craft-philosophy__copy{grid-column:auto;padding:0}.craft-section-heading{align-items:start;flex-direction:column}.craft-materials{padding-block:5rem}.craft-materials__study{min-height:480px}.craft-process>.craft-index{position:static}.craft-process .craft-section-heading{padding-left:0}.craft-process .xhose-craftsmanship-timeline li,.craft-process__fallback li{min-height:auto}.craft-standards,.craft-care{padding-block:5rem}.craft-cta{margin:0;border-radius:0}.craft-standards__inner{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.craft-hero__orbit,.craft-hero__form{transition:none}}