/* Focused page layouts share the Tin Tech visual system. */
body:not([data-page="home"]){padding-top:78px}
.mobile-home{display:none}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;font-size:.875rem;line-height:1.5;color:#728078;margin:0 0 2.5rem}
.breadcrumb a{border-bottom:1px solid currentColor;padding:.25rem 0}
.breadcrumb [aria-current]{color:inherit;font-weight:700}
.page-title{font:900 clamp(3.4rem,7vw,7rem)/.95 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0}
.page-title em{font-style:normal;color:#555e58}
.text-link{display:inline-block;width:max-content;max-width:100%;font-weight:700;font-size:1rem;border-bottom:1px solid currentColor;padding:.6rem 0;line-height:1.5}
.hero-index>a{min-height:112px;margin:0;padding:1.4rem clamp(1rem,2.4vw,2.3rem);display:flex;gap:1rem;align-items:end;border-right:1px solid var(--line);transition:background .2s}
.hero-index>a:hover{background:#caff3d16}
.home-collection{padding:5rem clamp(1rem,4vw,4rem);background:var(--paper);color:var(--ink)}
.home-section-head{display:flex;gap:3rem;align-items:end;justify-content:space-between;margin-bottom:2.5rem}
.home-section-head h2,.making-copy h2,.page-cta h2{font:900 clamp(2.8rem,5vw,5.3rem)/1 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:0}
.home-section-head .kicker{margin-bottom:1.4rem}
.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.range-entry{min-width:0;border-top:1px solid #9aa39d}
.entry-image{height:270px;overflow:hidden;background:#121713}
.entry-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.range-entry:hover img{transform:scale(1.04)}
.range-entry>span{display:block;font-size:.75rem;letter-spacing:.13em;line-height:1.5;margin:1.2rem 0 .8rem;color:#65736a}
.range-entry h3{font:900 clamp(1.6rem,2.5vw,2.6rem)/1.05 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0}
.range-entry p{font-size:1rem;line-height:1.5;max-width:23rem;color:#56635b;margin:.9rem 0 0}
.home-making{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:610px;background:#0e1510}
.making-image{min-width:0;overflow:hidden}
.making-image img{width:100%;height:100%;object-fit:cover;display:block}
.making-copy{min-width:0;padding:4.5rem clamp(1rem,4vw,4rem);align-self:center}
.making-copy>p:not(.kicker){font-size:1.05rem;line-height:1.65;color:#becbc2;max-width:33rem;margin:1.6rem 0}
.making-links{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center}
.making-links .text-link{font-size:.875rem}
.page-cta{background:#1b231b;border-top:1px solid #485441;padding:3.5rem clamp(1rem,4vw,4rem);display:flex;justify-content:space-between;gap:3rem;align-items:center}
.page-cta h2{font-size:clamp(2rem,3.2vw,3.6rem)}
.page-cta p{color:#becbc2;font-size:1rem;line-height:1.5;margin:.9rem 0 0;max-width:42rem}
.page-cta>.button{flex-shrink:0}
body[data-page="products"] .range,body[data-page="caddies"] .caddies{padding-top:3rem;padding-bottom:5rem}
body[data-page="products"] .range-head{align-items:start}
body[data-page="products"] .range-head>p{font-size:1.1rem;margin-top:3.4rem}
body[data-page="products"] .range-controls{margin-top:2.5rem}
body[data-page="products"] .range-card.hero-card{grid-column:span 2;grid-row:span 1}
body[data-page="products"] .range-card.hero-card button{min-height:420px}
body[data-page="products"] .range-card button[data-product="metal"] img,body[data-page="products"] .range-card button[data-product="hinged"] img{object-fit:contain;background:#f4f5f3}
.range-empty{padding:2rem;margin-top:1.5rem;background:#e1e6df}
.range-empty h3{font-size:1.4rem;margin:0 0 .6rem}
.range-empty p{line-height:1.5}
.page-system{padding-top:3rem;gap:5vw;align-items:start}
.page-system .system-sticky{top:110px}
.page-system .system-sticky>p:not(.kicker){font-size:1.1rem;color:#526058;margin:1.8rem 0}
.process-list{padding-top:5rem;min-width:0}
.process-step{border-top:1px solid #abb6ac}
.process-step:last-child{border-bottom:1px solid #abb6ac}
.process-step summary,.pathway summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:2rem minmax(0,1fr) 24px;gap:1rem;align-items:start}
.process-step summary::-webkit-details-marker,.pathway summary::-webkit-details-marker{display:none}
.process-step summary{padding:1.5rem 1rem}
.disclosure-number{font-size:.875rem;line-height:1.4;color:#6d7a6f;padding-top:.3rem;font-weight:700}
.process-step summary b{display:block;font:900 2rem/1.1 var(--display);text-transform:uppercase;letter-spacing:-.03em}
.process-step summary small,.pathway summary small{display:block;font-size:.9375rem;line-height:1.5;color:#5d6c61;margin:.7rem 0 0}
.process-step summary i,.pathway summary i{position:relative;display:block;width:24px;height:24px;margin-top:.15rem}
.process-step summary i:before,.pathway summary i:before{content:"";position:absolute;left:4px;right:4px;top:11px;height:2px;background:currentColor}
.process-step summary i:after,.pathway summary i:after{content:"";position:absolute;top:4px;bottom:4px;left:11px;width:2px;background:currentColor;transition:transform .2s}
.process-step[open] summary i:after,.pathway[open] summary i:after{transform:rotate(90deg)}
.process-step[open]{background:#fafbf9}
.process-step>p{margin:0;padding:0 3.9rem 1.5rem;line-height:1.65;color:#526058}
body[data-page="manufacturing"] .tooling{min-height:730px}
body[data-page="manufacturing"] .tooling-terms{padding-top:5rem;padding-bottom:5rem}
.production-page{padding:3rem clamp(1rem,4vw,4rem) 5rem;background:var(--paper);color:var(--ink);min-height:calc(100svh - 78px)}
.production-head{max-width:75rem;margin-bottom:3rem}
.production-head>p:not(.kicker){font-size:1.1rem;line-height:1.6;max-width:43rem;margin:1.6rem 0 0;color:#526058}
.production-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:4vw;align-items:start}
.production-visual{background:#111a13;color:var(--paper);position:sticky;top:110px;min-width:0}
.production-visual img{width:100%;aspect-ratio:1.2/1;object-fit:cover;object-position:55% 35%;display:block}
.production-visual>div{padding:2rem}
.production-visual span{font-size:.75rem;letter-spacing:.12em;color:var(--acid)}
.production-visual h2{font:900 clamp(1.8rem,2.4vw,2.8rem)/1.05 var(--display);letter-spacing:-.03em;text-transform:uppercase;margin:1rem 0}
.production-visual p{font-size:1rem;color:#bac8be;line-height:1.6;margin:0}
.production-accordions{min-width:0;border-bottom:1px solid #aeb9ad}
.pathway{border-top:1px solid #aeb9ad;scroll-margin-top:92px}
.pathway summary{padding:1.8rem 1.4rem;min-height:134px}
.pathway summary b{display:block;font-size:1.3rem;line-height:1.3;letter-spacing:-.02em}
.pathway summary small{margin-top:.55rem}
.pathway[open]{background:#fff}
.pathway[open]>summary{background:#10170f;color:var(--paper)}
.pathway[open] .disclosure-number{color:var(--acid)}
.pathway[open] summary small{color:#bac8be}
.pathway[open] summary i{color:var(--acid)}
.pathway-body{padding:0 2rem 2rem}
.pathway-body dl{margin:0 0 1.6rem}
.pathway-body dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:1rem;border-bottom:1px solid #d4ddd1;padding:1.3rem 0;line-height:1.6}
.pathway-body dt{font-size:.875rem;color:#647365}
.pathway-body dd{font-size:1rem;font-weight:700;margin:0}
body[data-page="about"] .company{padding-top:3rem}
body[data-page="about"] .company-title{padding-bottom:3rem}
body[data-page="about"] .about-grid{padding-bottom:4rem}
.contact-page{padding:3rem clamp(1rem,4vw,4rem) 5rem;background:#101712}
.contact-page .breadcrumb{color:#93a697}
.contact-page-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5vw;margin-bottom:3rem;align-items:end}
.contact-page-head>div>p:not(.kicker){font-size:1.05rem;line-height:1.6;color:#bac8be;max-width:31rem;margin:1.4rem 0 0}
.direct-contact{padding-bottom:.6rem;min-width:0}
.direct-contact>span{font-size:.75rem;letter-spacing:.15em;color:#8da190}
.direct-contact>a:not(.text-link){display:block;color:var(--acid);font-size:clamp(1.2rem,2.2vw,2.2rem);letter-spacing:-.04em;font-weight:700;overflow-wrap:anywhere;margin:1rem 0}
.direct-contact .text-link{font-size:.875rem;color:#c4d2c7}
.contact-workspace{display:grid;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:4vw;align-items:start;scroll-margin-top:95px}
.brief-aside{border-top:1px solid #4a594b;padding-top:2rem;position:sticky;top:110px;min-width:0}
.brief-aside .kicker{margin-bottom:1.4rem}
.brief-aside ol{padding-left:1.4rem;margin:0 0 2rem}
.brief-aside li{font-size:1rem;color:#c4d2c7;line-height:1.7;padding:.6rem 0}
.brief-aside>p:not(.kicker){font-size:.9375rem;color:#8da190;line-height:1.6;max-width:24rem}
.brief-aside>a{font-size:.875rem;font-weight:700;color:var(--acid);border-bottom:1px solid #8fa377;display:inline-block;padding:.6rem 0;margin-top:1rem}
.contact-workspace .project-form{padding:2.5rem;background:#1a241b;border:1px solid #3b4c3b;min-width:0}
.contact-workspace .project-form legend{font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.05}
.contact-workspace .form-progress{margin-bottom:2.5rem}
.contact-workspace .product-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-workspace .product-choices span{min-height:140px}
.contact-workspace .form-actions{position:static;background:transparent;padding:0}
.contact-workspace .selected-direction{margin:0 0 1.8rem}
.contact-workspace .field-row{grid-template-columns:repeat(2,minmax(0,1fr))}
.contact-workspace .field input,.contact-workspace .field textarea,.contact-workspace .field select{background:#0e170f;border-color:#4c5d4b}
.contact-workspace .brief-review p{border-color:#435740}
footer{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.1fr);gap:1.6rem}

@media(max-width:1220px){.mobile-home{display:block}.topbar nav{justify-self:stretch}.production-visual>div{padding:1.6rem}footer{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1020px){.entry-image{height:220px}.range-entry h3{font-size:1.7rem}.home-making{min-height:0}.making-copy{padding:3rem 1.5rem}.making-links{align-items:start;flex-direction:column}.making-copy h2{font-size:3.2rem}.page-cta{gap:2rem}.page-cta h2{font-size:2.6rem}.page-system{grid-template-columns:minmax(0,1fr)}.process-list{padding-top:0}.production-layout{grid-template-columns:minmax(0,1fr)}.production-visual{display:none}.contact-page-head{grid-template-columns:minmax(0,1fr)}.contact-workspace{grid-template-columns:minmax(0,1fr)}.brief-aside{display:none}.direct-contact{border-top:1px solid #435740;padding-top:1.5rem}.contact-page-head{gap:2rem}.page-cta h2{line-height:1.05}.home-section-head .text-link{font-size:.875rem}.production-head{margin-bottom:2.5rem}}
@media(max-width:680px){
 body:not([data-page="home"]){padding-top:68px}
 .breadcrumb{font-size:.875rem;gap:.6rem;margin-bottom:1.7rem}
 .page-title{font-size:clamp(2.5rem,11.8vw,4.4rem);line-height:1;letter-spacing:-.04em}
 .hero-index>a{min-height:85px;padding:1rem}
 .home-collection{padding:3.5rem 1rem}
 .home-section-head{display:block;margin-bottom:2rem}
 .home-section-head h2{font-size:clamp(2.5rem,11vw,4rem)}
 .home-section-head .text-link{margin-top:1.2rem}
 .entry-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}
 .range-entry{display:grid;grid-template-columns:105px minmax(0,1fr);column-gap:1rem;align-content:start;padding-top:1rem}
 .entry-image{height:140px;grid-row:1/4;grid-column:1}
 .range-entry>span{grid-column:2;margin:0 0 .5rem;font-size:.75rem;letter-spacing:.04em}
 .range-entry h3{grid-column:2;font-size:1.3rem;line-height:1.1}
 .range-entry p{grid-column:2;margin:.6rem 0 0;font-size:.875rem;line-height:1.45}
 .home-making{grid-template-columns:minmax(0,1fr)}
 .making-image{height:260px}
 .making-copy{padding:3rem 1rem}
 .making-copy h2{font-size:clamp(2.5rem,11vw,4rem)}
 .making-copy>p:not(.kicker){font-size:1rem}
 .making-links{gap:1.1rem}
 .page-cta{padding:2.8rem 1rem;display:block}
 .page-cta h2{font-size:clamp(2rem,8.8vw,3rem)}
 .page-cta .button{width:100%;margin-top:1.6rem}
 body[data-page="products"] .range,body[data-page="caddies"] .caddies{padding:1.7rem 1rem 3.5rem}
 body[data-page="products"] .range-head>p{margin-top:1.3rem;font-size:1rem}
 body[data-page="products"] .range-controls{margin-top:2rem}
 body[data-page="products"] .range-card button,body[data-page="products"] .range-card.hero-card button{min-height:400px}
 body[data-page="caddies"] .caddies-head>p{font-size:1rem;margin-top:1.3rem}
 .page-system{padding:1.7rem 1rem 3rem;gap:1.8rem}
 .page-system .system-sticky>p:not(.kicker){font-size:1rem;margin:1.4rem 0}
 .process-step summary{padding:1.2rem .5rem;grid-template-columns:1.7rem minmax(0,1fr) 22px;gap:.7rem}
 .process-step summary b{font-size:1.5rem}
 .process-step summary small{font-size:.875rem;margin-top:.5rem}
 .process-step>p{padding:0 2.9rem 1.2rem;font-size:1rem}
 body[data-page="manufacturing"] .tooling{min-height:710px}
 body[data-page="manufacturing"] .tooling-terms{padding:3rem 1rem}
 .production-page{padding:1.7rem 1rem 3.5rem}
 .production-head{margin-bottom:2rem}
 .production-head>p:not(.kicker){font-size:1rem;margin-top:1.3rem}
 .production-head .kicker{margin-bottom:1.1rem}
 .pathway{scroll-margin-top:80px}
 .pathway summary{grid-template-columns:1.6rem minmax(0,1fr) 20px;gap:.7rem;padding:1.3rem .9rem;min-height:116px}
 .pathway summary b{font-size:1.1rem;line-height:1.35}
 .pathway summary small{font-size:.875rem;margin-top:.5rem}
 .pathway summary i{width:20px;height:20px}
 .pathway summary i:before{top:9px;left:3px;right:3px}
 .pathway summary i:after{left:9px;top:3px;bottom:3px}
 .pathway-body{padding:0 1.2rem 1.5rem}
 .pathway-body dl>div{grid-template-columns:minmax(0,1fr);gap:.45rem;padding:1.1rem 0}
 .pathway-body dd{font-size:1rem;line-height:1.55}
 .pathway-body .button{width:100%}
 body[data-page="about"] .company{padding-top:1.7rem}
 body[data-page="about"] .company-title{padding-bottom:1.5rem}
 body[data-page="about"] .about-grid{padding-bottom:3rem}
 .contact-page{padding:1.7rem 1rem 3rem}
 .contact-page-head{margin-bottom:1.8rem;gap:1.4rem}
 .contact-page-head .kicker{margin-bottom:1.1rem}
 .contact-page-head>div>p:not(.kicker){font-size:1rem;margin-top:1rem}
 .direct-contact{padding-top:1.2rem;padding-bottom:0}
 .direct-contact>a:not(.text-link){font-size:1.25rem;margin:.7rem 0}
 .direct-contact>p{font-size:.875rem!important}
 .direct-contact .text-link{padding:.4rem 0;font-size:.875rem}
 .contact-workspace{scroll-margin-top:80px}
 .contact-workspace .project-form{padding:1.4rem 1rem}
 .contact-workspace .project-form legend{font-size:clamp(2rem,8.6vw,3rem);line-height:1.05;margin-bottom:1.4rem}
 .contact-workspace .form-progress{gap:.6rem;margin-bottom:1.8rem}
 .contact-workspace .form-progress span{font-size:.8125rem}
 .contact-workspace .product-choices{grid-template-columns:minmax(0,1fr);gap:.6rem}
 .contact-workspace .product-choices span{min-height:105px;padding:1rem}
 .contact-workspace .field-row{grid-template-columns:minmax(0,1fr)}
 .contact-workspace .form-actions{gap:.6rem}
 .contact-workspace .selected-direction{padding:.8rem;font-size:.875rem}
 footer{grid-template-columns:minmax(0,1fr);gap:1.5rem}
}