/* More emphasis and photographic depth, within the existing Tincraft palette. */
.homepage.home-depth{--home-warm:#d1a66b}

/* The photograph has room to breathe; contrast is concentrated behind the copy. */
.homepage.home-depth .home-hero{min-height:clamp(640px,calc(100svh - 108px),820px)}
.homepage.home-depth .home-hero .hero-photo{inset:0;width:100%;overflow:hidden}
.homepage.home-depth .home-hero .hero-photo>img{object-position:68% 63%;filter:contrast(1.06) saturate(1.08) brightness(1.035)}
.homepage.home-depth .home-hero .hero-photo::after{background:linear-gradient(90deg,#101b15f2 0%,#101b15d6 21%,#101b157a 42%,#101b1514 64%,transparent 100%),linear-gradient(0deg,#101b1538,transparent 28%)}
.homepage.home-depth .home-hero .hero-content{width:56%;max-width:780px;padding:88px 0 104px var(--page-gutter)}
.homepage.home-depth .home-hero h1 span{font-size:1.2em;box-shadow:0 8px 24px #101b1514}
.homepage.home-depth .home-hero .hero-description{max-width:370px;line-height:1.8}
.homepage.home-depth .home-hero .hero-location{max-width:410px;line-height:1.7}
.homepage.home-depth .home-hero .hero-actions{gap:20px;flex-wrap:wrap}
.homepage.home-depth .brand-strip{background-image:url('assets/rugged-paper.svg'),url('assets/grain-chalk.png');background-size:240px 240px,192px 192px}

/* The frameless cutaway overlaps the painted stage, with its own ground shadow. */
.homepage.home-depth .layout-feature.designer-feature-prominent{position:relative;isolation:isolate;overflow:visible;margin-top:88px;margin-bottom:56px;min-height:570px;padding:56px 48px;grid-template-columns:minmax(0,.76fr) minmax(0,1.35fr);column-gap:36px;box-shadow:0 16px 36px #141c1812}
.homepage.home-depth .designer-feature-prominent .designer-heading{align-self:end}
.homepage.home-depth .designer-feature-prominent .designer-preview{position:relative;z-index:2;align-self:center}
.homepage.home-depth .designer-feature-prominent .designer-preview::before{content:"";position:absolute;z-index:-1;left:12%;right:-1%;top:34%;height:43%;background:radial-gradient(ellipse,#080e0a5c,transparent 69%);transform:rotate(-9deg);pointer-events:none}
.homepage.home-depth .designer-feature-prominent .designer-poster{margin:-96px -48px 0 -28px;position:relative}
.homepage.home-depth .designer-feature-prominent .designer-poster>img{filter:drop-shadow(0 22px 14px #080e0a40)}
.homepage.home-depth .designer-feature-prominent .designer-poster:hover>img{transform:translateY(-6px) scale(1.012)}
.homepage.home-depth .designer-feature-prominent .designer-brands{margin-top:2px;padding-top:24px}
.homepage.home-depth .designer-brands>p{font-size:10px;letter-spacing:.16em;margin-bottom:18px}
.homepage.home-depth .designer-feature-prominent .designer-copy>p{max-width:340px}
.homepage.home-depth .designer-feature-prominent .designer-cta{max-width:360px}

/* One focal build, one finished interior and four supporting conversions. */
.homepage.home-depth .builds{padding-top:0;padding-bottom:112px}
.homepage.home-depth .completed-heading{align-items:end;margin-bottom:24px}
.homepage.home-depth .completed-heading::after{width:110px;height:3px}
.homepage.home-depth .completed-grid.builds-editorial{max-width:none;width:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:240px 240px 240px;gap:24px}
.homepage.home-depth .builds-editorial .completed-build{grid-column:span 3;aspect-ratio:auto;min-width:0;height:100%;border:0;overflow:hidden;background:var(--color-ink);transform:none;box-shadow:none}
.homepage.home-depth .builds-editorial .build-featured{grid-column:span 7;grid-row:span 2}
.homepage.home-depth .builds-editorial .build-interior{grid-column:span 5;grid-row:span 2}
.homepage.home-depth .builds-editorial .completed-build>img{object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.2,.65,.3,1),filter .5s;filter:contrast(1.025)}
.homepage.home-depth .builds-editorial .build-featured>img{object-position:52% 48%}
.homepage.home-depth .builds-editorial .build-interior>img{object-position:center 53%}
.homepage.home-depth .builds-editorial .build-roof>img{object-position:center 37%}
.homepage.home-depth .builds-editorial .completed-build:hover{transform:none;box-shadow:none}
.homepage.home-depth .builds-editorial .completed-build:hover>img{transform:scale(1.035);filter:contrast(1.04)}
.homepage.home-depth .builds-editorial .completed-build:focus-visible{outline:3px solid var(--brand-green);outline-offset:5px;z-index:3}
.homepage.home-depth .builds-editorial .build-feature-caption{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;gap:24px;width:auto;height:auto;padding:68px 28px 26px;border:0;border-radius:0;color:var(--color-paper);background:linear-gradient(transparent,#0e1713d9);opacity:1;transform:none;font:700 13px/1.6 var(--text)}
.homepage.home-depth .build-feature-caption>span{max-width:85%}
.homepage.home-depth .build-feature-caption>svg{flex:none;width:24px;height:24px}
.homepage.home-depth .packages-section{padding-bottom:112px}
.homepage.home-depth .process-feature{margin-top:40px;border-width:1px 0;padding:28px 0;background:transparent}
.homepage.home-depth .story-stack{margin-bottom:96px}
.homepage.home-depth .story-stack>.stack-layer{position:relative;top:auto;min-height:0;margin:0 0 96px;box-shadow:none}
.homepage.home-depth .story-stack>.craft-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:700px;border:1px solid var(--color-ink);overflow:hidden}
.homepage.home-depth .story-stack .craft-image{height:100%;min-height:700px}
.homepage.home-depth .story-stack .craft-image>img{object-position:center 50%}
.homepage.home-depth .story-stack .craft-content{padding:56px 40px;align-self:center}
.homepage.home-depth .story-stack .craft-content .section-detail{border-top-color:#f2f0e74d;margin-top:32px;padding-top:24px}
.homepage.home-depth .story-stack>.equipment-section{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.2fr);align-items:center;gap:7%;padding:0;border:0;background:transparent}
.homepage.home-depth .story-stack .equipment-copy>p:not(.eyebrow){max-width:380px}
.homepage.home-depth .story-stack .equipment-photo{height:480px;box-shadow:12px 12px 0 var(--color-soft)}
.homepage.home-depth .story-stack .equipment-photo>img{object-position:center 60%}
.homepage.home-depth .story-stack>.about-story{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:6%;border:0;background:transparent;padding:0;margin-bottom:0;overflow:visible}
.homepage.home-depth .story-stack .story-image{min-height:580px;box-shadow:12px 12px 0 var(--color-soft)}
.homepage.home-depth .story-stack .story-image>img{object-position:center 58%}
.homepage.home-depth .story-stack .story-content{padding:24px 0;align-self:center}
.homepage.home-depth .story-stack .story-content p{max-width:580px;line-height:1.85}
.homepage.home-depth .community-section{border:0;padding:0;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:6%;background:transparent;margin-bottom:96px}
.homepage.home-depth .community-copy{border-left:3px solid var(--home-warm);padding:8px 0 8px 28px}
.homepage.home-depth .community-copy>p{margin-top:24px}
.homepage.home-depth .community-photo{margin:0;position:relative;overflow:hidden;box-shadow:10px 10px 0 var(--color-soft)}
.homepage.home-depth .community-photo>img{display:block;width:100%;height:auto;aspect-ratio:1179/682;object-fit:cover}
.homepage.home-depth .contact-section{background-color:var(--color-ink);background-image:url('assets/rugged-paper.svg'),url('assets/enquiry-contours.svg?v=2f412d-20261101');background-size:240px 240px,auto 140%;background-position:0 0,right center;background-repeat:repeat,no-repeat}
.homepage.home-depth .contact-mark{opacity:1}
.homepage.home-depth .contact-mark .enquiry-mountains{stroke:#000}
.homepage.home-depth .contact-mark .enquiry-snowcaps{stroke:#fff}

@media(max-width:1100px){
 .homepage.home-depth .home-hero .hero-content{width:63%;padding-left:var(--page-gutter)}
 .homepage.home-depth .layout-feature.designer-feature-prominent{padding:40px 32px;column-gap:24px;min-height:540px}
 .homepage.home-depth .designer-feature-prominent .designer-poster{margin:-72px -32px 0 -20px}
 .homepage.home-depth .completed-grid.builds-editorial{grid-template-rows:210px 210px 220px;gap:20px}
 .homepage.home-depth .story-stack>.craft-section{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:650px}
 .homepage.home-depth .story-stack .craft-image{min-height:650px}
 .homepage.home-depth .story-stack .craft-content{padding:40px 28px}
 .homepage.home-depth .story-stack .equipment-photo{height:420px}
 .homepage.home-depth .story-stack .story-image{min-height:600px}
}
@media(max-width:760px){
 .homepage.home-depth .home-hero{min-height:660px}
 .homepage.home-depth .home-hero .hero-content{width:76%;padding-top:88px;padding-bottom:96px}
 .homepage.home-depth .home-hero .hero-photo::after{background:linear-gradient(90deg,#101b15e8,#101b1580 54%,#101b1526),linear-gradient(0deg,#101b153d,transparent 45%)}
 .homepage.home-depth .layout-feature.designer-feature-prominent{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "preview" "copy";padding:0;gap:24px;min-height:0;margin-top:64px;margin-bottom:48px}
 .homepage.home-depth .designer-feature-prominent .designer-heading{padding:32px 28px 0}
 .homepage.home-depth .designer-feature-prominent h2{max-width:500px}
 .homepage.home-depth .designer-feature-prominent .designer-preview{padding:0 12px}
 .homepage.home-depth .designer-feature-prominent .designer-poster{margin:-32px -16px 0;max-width:calc(100% + 32px)}
 .homepage.home-depth .designer-feature-prominent .designer-preview::before{left:6%;right:0;top:30%}
 .homepage.home-depth .designer-feature-prominent .designer-brands{margin:0 16px;padding-top:20px}
 .homepage.home-depth .designer-feature-prominent .designer-copy{padding:0 28px 32px}
 .homepage.home-depth .designer-feature-prominent .designer-copy>p{max-width:none}
 .homepage.home-depth .designer-feature-prominent .designer-cta{max-width:none}
 .homepage.home-depth .builds,.homepage.home-depth .packages-section{padding-bottom:72px}
 .homepage.home-depth .completed-grid.builds-editorial{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:auto;gap:16px}
 .homepage.home-depth .builds-editorial .completed-build{grid-column:span 1;grid-row:auto;aspect-ratio:1.1;height:auto}
 .homepage.home-depth .builds-editorial .build-featured{grid-column:span 2;aspect-ratio:4/3}
 .homepage.home-depth .builds-editorial .build-interior{grid-column:span 2;aspect-ratio:4/5}
 .homepage.home-depth .story-stack>.stack-layer{margin-bottom:72px}
 .homepage.home-depth .story-stack>.craft-section{grid-template-columns:minmax(0,1fr);min-height:0}
 .homepage.home-depth .story-stack .craft-image{height:520px;min-height:0}
 .homepage.home-depth .story-stack .craft-content{padding:36px 28px}
 .homepage.home-depth .story-stack>.equipment-section{grid-template-columns:minmax(0,1fr);gap:32px}
 .homepage.home-depth .story-stack .equipment-copy>p:not(.eyebrow){max-width:520px}
 .homepage.home-depth .story-stack .equipment-photo{height:400px;box-shadow:8px 8px 0 var(--color-soft);margin-right:8px}
 .homepage.home-depth .story-stack>.about-story{grid-template-columns:minmax(0,1fr);gap:32px;margin-bottom:0}
 .homepage.home-depth .story-stack .story-image{height:520px;min-height:0;max-width:500px;box-shadow:8px 8px 0 var(--color-soft);margin-right:8px}
 .homepage.home-depth .story-stack .story-content{padding:0}
 .homepage.home-depth .story-stack,.homepage.home-depth .community-section{margin-bottom:72px}
 .homepage.home-depth .community-section{grid-template-columns:minmax(0,1fr);gap:32px;padding:0}
 .homepage.home-depth .community-copy{padding-left:24px;max-width:640px}
 .homepage.home-depth .community-photo{box-shadow:7px 7px 0 var(--color-soft);margin-right:7px}
}
@media(max-width:560px){
 .homepage.home-depth .home-hero{min-height:0;display:flex;flex-direction:column;justify-content:start;align-items:stretch;overflow:hidden}
 .homepage.home-depth .home-hero .hero-photo{position:relative;inset:auto;order:0;z-index:0;flex:none;width:100%;height:390px}
 .homepage.home-depth .home-hero .hero-photo>img{object-position:80% center}
 .homepage.home-depth .home-hero .hero-photo::after{background:linear-gradient(0deg,#141c18 0%,#141c1833 24%,transparent 53%)}
 .homepage.home-depth .home-hero .hero-content{order:1;width:100%;max-width:none;margin-top:-54px;padding:0 var(--page-gutter) 64px}
 .homepage.home-depth .home-hero h1 span{font-size:1.1em}
 .homepage.home-depth .home-hero .hero-location{font-size:10px;max-width:310px}
 .homepage.home-depth .home-hero .hero-description{max-width:360px;margin-top:24px}
 .homepage.home-depth .home-hero .hero-actions{gap:16px 20px;margin-top:24px}
 .homepage.home-depth .hero-actions .button{width:100%;max-width:350px;justify-content:space-between}
 .homepage.home-depth .intro-replay{bottom:18px}
 .homepage.home-depth .designer-feature-prominent .designer-heading{padding:28px 24px 0}
 .homepage.home-depth .designer-feature-prominent .designer-poster{margin:-8px -12px 0;max-width:calc(100% + 24px)}
 .homepage.home-depth .designer-feature-prominent .designer-copy{padding:0 24px 28px}
 .homepage.home-depth .completed-heading .underlined-link{font-size:12px;gap:16px}
 .homepage.home-depth .build-feature-caption{font-size:12px}
 .homepage.home-depth .builds-editorial .build-feature-caption{padding:52px 20px 18px}
 .homepage.home-depth .completed-grid.builds-editorial{gap:12px}
 .homepage.home-depth .process-feature{align-items:start;gap:20px;flex-direction:column}
 .homepage.home-depth .story-stack .craft-image{height:440px}
 .homepage.home-depth .story-stack .craft-content{padding:32px 24px}
 .homepage.home-depth .story-stack .equipment-photo{height:340px}
 .homepage.home-depth .story-stack .story-image{height:460px}
}
@media(prefers-reduced-motion:reduce){
 .homepage.home-depth .builds-editorial .completed-build>img{transition:none}
 .homepage.home-depth .builds-editorial .completed-build:hover>img,.homepage.home-depth .designer-feature-prominent .designer-poster:hover>img{transform:none}
}

/* In side-by-side content sections, begin the copy at the photograph's top. */
@media(min-width:701px){
 .homepage.home-depth .story-stack>:is(.craft-section,.equipment-section,.about-story),
 .homepage.home-depth .community-section{align-items:start}
 .homepage.home-depth .story-stack :is(.craft-content,.equipment-copy,.story-content),
 .homepage.home-depth .community-copy{align-self:start;padding-top:0}
 .homepage.home-depth .story-stack .equipment-copy>:first-child{margin-top:0}
}
