@charset "UTF-8";
:root{--ink:#232421;--muted:#686963;--paper:#f7f7f2;--clay:#ac452d;--rust:#7e2e1d;--line:#d9d9cf;--white:#fff;--gutter:clamp(22px,5vw,86px);--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(60px,6.6vw,104px)}h2{font-size:clamp(38px,4.2vw,64px);max-width:780px}h3{font-size:25px;font-weight:500;line-height:1.3}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{touch-action:manipulation}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #edba80;outline-offset:5px}::selection{background:#efb68c;color:#232421}[hidden]{display:none!important}.label{font-size:12px;font-weight:600;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:var(--clay)}.skip{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:100}.skip:focus{top:16px}.header{min-height:94px;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:17px var(--gutter);position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:42px;height:44px;display:grid;place-items:center;background:var(--clay);color:#fff;font-family:var(--serif);font-size:30px;line-height:1}.brand-name{font-family:var(--serif);font-size:25px;line-height:1.15}.brand-name small{display:block;font-family:Arial,sans-serif;font-size:10px;font-weight:500;letter-spacing:.15em;margin-top:6px}.nav{display:flex;gap:clamp(15px,2vw,30px);align-items:center;font-size:14px}.nav a:hover{color:var(--clay)}.languages{display:flex;gap:1px;flex-shrink:0}.languages button{background:transparent;border:0;color:var(--muted);font-size:12px;padding:10px 6px;min-height:40px}.languages button[aria-pressed=true]{color:var(--clay);border-bottom:2px solid var(--clay);font-weight:bold}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:7px 13px;min-height:42px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:12px 24px;background:var(--ink);color:white;border:1px solid var(--ink);font-size:14px;font-weight:600;transition:background .2s,color .2s,border-color .2s;line-height:1.5;text-align:center}.button:hover{background:var(--clay);border-color:var(--clay)}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button.light:hover{background:white;border-color:white}.button.outline{background:transparent;color:var(--ink)}.button.outline:hover{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:46% 54%;min-height:660px}.hero-copy{background:var(--clay);color:white;padding:70px 40px 65px var(--gutter);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-copy .label{color:#ffdac8;margin-bottom:28px}.hero h1 em{font-weight:400;color:#ffcfb3}.hero-copy>p:not(.label){color:#ffe4d6;font-size:17px;max-width:395px;margin:28px 0 32px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero-link{font-size:14px;border-bottom:1px solid #ecaf92;padding:6px 0}.hero-link:hover{border-color:white}.hero-media{position:relative;min-height:480px;overflow:hidden}.hero-media img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:53% center}.hero-media:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#0008)}.hero-caption{position:absolute;bottom:23px;left:28px;font-size:12px;color:white;z-index:1}.intro-line{display:flex;justify-content:space-between;gap:22px;padding:24px var(--gutter);border-bottom:1px solid var(--line);font-size:14px}.intro-line span+span:before{content:'•';margin-right:14px;color:var(--clay)}.section{padding:95px var(--gutter)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:55px}.section-head .label{margin-bottom:20px}.section-head>p{max-width:360px}.section-head>div{flex:1}.heritage{background:var(--ink);color:white}.heritage .label{color:#f1b28c}.heritage .section-head p:not(.label){color:#c5c5bb}.heritage h2{max-width:670px}.story-row{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(35px,6vw,90px);align-items:center;padding:48px 0;border-top:1px solid #ffffff26}.story-row:last-child{padding-bottom:0}.story-row.reverse{grid-template-columns:1.18fr .82fr}.story-row.reverse .story-copy{order:2}.story-copy .era{font-size:12px;letter-spacing:.15em;color:#f1b28c;margin-bottom:18px}.story-copy h3{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.2;margin-bottom:20px}.story-copy>p:last-child{color:#cccac2;max-width:560px}.archive-wide img{width:100%;height:360px;object-fit:cover}.heritage figcaption{color:#b3b2a9}.then-now{display:grid;grid-template-columns:1fr 1fr;gap:16px}.then-now img{width:100%;height:300px;object-fit:cover}.then-now figure:first-child img{object-position:center}.then-now figure:nth-child(2) img{object-position:center}.section figcaption{font-size:12px;line-height:1.5;padding-top:10px}.process{border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-grid article{border-top:1px solid var(--line);padding-top:24px}.step-number{font-family:var(--serif);font-size:36px;color:var(--clay);display:block;margin-bottom:22px;line-height:1}.process-grid h3{font-size:22px;margin-bottom:15px}.process-grid p{font-size:16px}.process-photos{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:45px}.process-photos img{height:340px;width:100%;object-fit:cover}.process-photos figcaption{color:var(--muted)}.sound-quote{font-family:var(--serif);font-size:clamp(23px,2.3vw,32px);line-height:1.4;color:var(--clay);max-width:800px;margin:45px auto 0;text-align:center}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.product-card{min-width:0;background:#fff;border:1px solid var(--line)}.product-image{position:relative;background:white;height:340px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image.single-brick img{object-fit:contain;padding:20px}.product-image figcaption{position:absolute;bottom:14px;left:16px;right:16px;background:#ffffffeb;padding:6px 9px;color:var(--ink)}.product-copy{padding:28px 32px 32px}.product-copy .label{color:var(--clay)}.product-copy h3{margin:12px 0 15px;font-size:27px}.product-copy>p{max-width:510px;min-height:80px}.dimension{display:flex;align-items:baseline;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 0;margin:16px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.dimension span{font-size:14px;color:var(--muted)}.dimension strong{font-size:21px;font-weight:400}.gallery{padding-top:5px}.gallery .section-head{margin-bottom:30px}.gallery-story{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:38px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter{background:transparent;color:var(--muted);border:1px solid var(--line);padding:10px 20px;font-size:14px;min-height:44px}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.filter:hover{border-color:var(--ink)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 22px}.gallery-item{border:0;padding:0;background:transparent;text-align:left;min-width:0;color:var(--ink)}.gallery-image{height:290px;overflow:hidden;position:relative;background:#e4e4d9}.gallery-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.gallery-item:hover img{transform:scale(1.035)}.open-hint{position:absolute;right:12px;bottom:12px;background:#f7f7f2eb;padding:5px 11px;font-size:12px;opacity:0;transition:opacity .2s}.gallery-item:hover .open-hint,.gallery-item:focus-visible .open-hint{opacity:1}.gallery-title{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:14px;line-height:1.4}.gallery-title small{color:var(--muted);font-size:12px;white-space:nowrap}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px}.gallery-bottom p{font-size:14px}.faq{background:#eeeee7;border-top:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq .label{margin-bottom:20px}.faq h2{max-width:440px}.faq details{border-top:1px solid #cacbc1;padding:20px 0}.faq details:last-child{border-bottom:1px solid #cacbc1}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:18px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';color:var(--clay);font-size:25px;font-weight:400;flex-shrink:0;line-height:1.1}.faq details[open] summary:after{content:'−'}.faq details p{padding-top:16px;max-width:580px}.contact{background:var(--clay);color:white}.contact>.label{color:#ffdac2;margin-bottom:25px}.contact h2{max-width:550px;font-size:clamp(43px,4.6vw,69px);margin-bottom:25px}.contact p{color:#ffe0d1}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.contact-top>div>p{max-width:480px}.contact-links{display:grid;gap:18px;margin-top:28px}.contact-links span,.address>span{display:block;font-size:12px;color:#ffcdba;margin-bottom:2px}.contact-links a{font-size:clamp(22px,2.3vw,32px);line-height:1.4;overflow-wrap:anywhere}.contact-links a:hover{text-decoration:underline;text-underline-offset:6px}.address{margin-top:26px}.address p{color:#fff}.map-link{display:inline-block;font-size:14px;border-bottom:1px solid #f4b89f;padding-bottom:4px;margin-top:12px}.map-wrap{height:490px;background:#ecece5;border:6px solid #ffffff22}.map-wrap iframe{height:100%;width:100%;display:block;border:0}.offer-layout{border-top:1px solid #e5987f;padding-top:42px;margin-top:55px;display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;scroll-margin-top:30px}.offer-layout h3{font-family:var(--serif);font-size:37px;font-weight:400;line-height:1.2;margin-bottom:20px}.offer-note{max-width:280px;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;font-size:14px;min-width:0}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{display:block;margin-top:7px;width:100%;border:1px solid #e4b6a2;background:#fff;color:var(--ink);min-height:46px;padding:10px 12px;border-radius:0;line-height:1.5}.field textarea{resize:vertical}#inquiry-form>.button{margin-top:22px;min-width:220px}.form-status{padding-top:20px;font-size:14px}.result-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:15px 0;font-size:14px}.result-actions a,.result-actions button{color:white;background:transparent;border:0;border-bottom:1px solid #edb39a;padding:4px 0;cursor:pointer}.result-actions a:hover,.result-actions button:hover{border-color:white}#prepared-text{width:100%;background:#fff;color:var(--ink);padding:12px;font-size:14px;resize:vertical;border:0}.footer{background:var(--ink);color:#d7d7cc;padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:12px}.footer p{color:#bdbdb2;font-size:12px}.footer a{font-size:14px}.lightbox{border:0;padding:0;background:#1c1d1a;color:white;width:min(1180px,95vw);max-height:95vh;overflow:auto}.lightbox::backdrop{background:#11120fed}.lightbox-bar,.lightbox-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;font-size:14px}.lightbox button{background:transparent;color:white;border:1px solid #6e6f65;padding:8px 15px;min-height:44px;font-size:14px}.lightbox button:hover{background:#36372f}.lightbox-image{width:100%;height:min(69vh,780px);object-fit:contain;background:#141510}.lightbox-bottom p{color:#d7d7ce;text-align:center;font-size:14px}.no-scroll{overflow:hidden}
@media(min-width:1550px){.hero{min-height:760px}.gallery-image{height:360px}.archive-wide img{height:410px}.then-now img{height:360px}.process-photos img{height:430px}}
@media(max-width:1100px){.header{gap:16px}.nav{gap:15px;font-size:14px}.brand-name{font-size:22px}.brand-mark{width:34px;height:38px}.languages button{padding:10px 4px}.hero-copy{padding-right:25px}.hero h1{font-size:75px}.section-head{gap:35px}.story-row{gap:35px}.then-now img{height:245px}.gallery-title{flex-direction:column;gap:4px}.gallery-image{height:250px}.contact-top,.offer-layout{gap:35px}.faq-layout{gap:45px}}
@media(max-width:980px){.header{justify-content:flex-start}.brand{margin-right:auto}.menu-toggle{display:block;order:3}.languages{order:2}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:25px var(--gutter);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px;font-size:16px}.nav.open{display:flex}.hero{min-height:600px}.hero h1{font-size:clamp(48px,7.5vw,75px)}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.gallery-story{grid-template-columns:1fr 1fr}.gallery-story p:last-child{grid-column:1/-1;max-width:700px}}
@media(max-width:760px){html{scroll-padding-top:110px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px var(--gutter);min-height:450px}.hero h1{font-size:clamp(55px,10vw,84px)}.hero-copy>p:not(.label){max-width:520px}.hero-media{min-height:420px}.intro-line{flex-wrap:wrap;gap:10px 22px}.section{padding:65px var(--gutter)}.section-head{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:35px}.section-head>p{max-width:600px}.story-row,.story-row.reverse{grid-template-columns:1fr;gap:30px;padding:35px 0}.story-row.reverse .story-copy{order:0}.story-copy>p:last-child{max-width:650px}.archive-wide img{height:auto;aspect-ratio:3/2;object-fit:cover}.then-now img{height:300px}.process-photos img{height:270px}.products-grid{gap:20px}.product-image{height:250px}.product-copy{padding:23px}.product-copy h3{font-size:24px}.product-copy>p{min-height:0}.gallery{padding-top:0}.gallery-story{display:block}.gallery-story p+p{margin-top:18px}.gallery-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.gallery-image{height:270px}.faq-layout{grid-template-columns:1fr;gap:35px}.contact-top{grid-template-columns:1fr;gap:35px}.map-wrap{height:360px}.offer-layout{grid-template-columns:1fr;gap:25px;margin-top:40px}.offer-note{max-width:650px}.contact h2{max-width:650px}.contact-links a{font-size:28px}}
@media(max-width:520px){.header{padding:13px var(--gutter);flex-wrap:wrap;min-height:115px;gap:5px 15px}.brand{flex:1;order:0}.brand-name{font-size:23px}.brand-name small{font-size:9px}.menu-toggle{order:1}.languages{order:2;flex-basis:100%;justify-content:flex-end;margin-top:5px}.languages button{min-height:27px;padding:3px 8px;font-size:12px}.hero-copy{min-height:430px;padding:40px var(--gutter)}.hero h1{font-size:clamp(44px,11vw,61px)}.hero-copy .label{margin-bottom:22px}.hero-copy>p:not(.label){font-size:16px;margin:23px 0 26px}.hero-actions{gap:15px}.hero-link{font-size:14px}.hero-media{min-height:320px}.intro-line{font-size:12px;gap:9px 16px;padding:20px var(--gutter)}.intro-line span+span:before{margin-right:8px}.section{padding:55px var(--gutter)}h2{font-size:39px}.story-copy h3{font-size:28px}.then-now{gap:12px}.then-now img{height:220px}.then-now figcaption{font-size:12px}.process-grid{gap:28px 22px}.process-grid h3{font-size:20px}.step-number{font-size:30px;margin-bottom:18px}.process-photos{grid-template-columns:1fr;gap:25px;margin-top:32px}.process-photos img{height:auto;aspect-ratio:3/2}.sound-quote{font-size:25px;margin-top:30px}.products-grid{grid-template-columns:1fr;gap:28px}.product-image{height:290px}.product-copy h3{font-size:26px}.gallery{padding-top:0}.gallery-grid{gap:23px 13px}.gallery-image{height:210px}.gallery-title{font-size:14px}.filters{gap:7px}.filter{padding:9px 13px}.gallery-bottom{flex-wrap:wrap}.faq summary{font-size:17px}.contact h2{font-size:45px}.contact-links a{font-size:23px}.map-wrap{height:320px}.form-grid{grid-template-columns:1fr;gap:16px}#inquiry-form>.button{width:100%}.footer{flex-direction:column;align-items:flex-start;gap:12px}.lightbox-bar,.lightbox-bottom{padding:12px;gap:12px}.lightbox-bottom{flex-wrap:wrap}.lightbox-bottom p{order:-1;flex-basis:100%}.lightbox-image{height:60vh}}
@media(max-width:360px){.process-grid{grid-template-columns:1fr}.then-now{grid-template-columns:1fr}.then-now img{height:auto;aspect-ratio:3/2}.gallery-image{height:170px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Separate pages and the shared left-hand menu. */
.header{display:grid;grid-template-columns:1fr auto 1fr;min-height:94px;gap:20px}.header .menu-toggle{display:inline-flex;align-items:center;justify-self:start;gap:10px;order:0}.header .brand{margin:0;order:0}.header .languages{justify-self:end;order:0;flex-basis:auto;margin:0}.side-menu{position:fixed;inset:0 auto 0 0;margin:0;padding:30px clamp(22px,3vw,42px);width:min(420px,90vw);height:100%;max-height:none;max-width:none;border:0;border-right:1px solid var(--line);background:var(--paper);color:var(--ink);overflow-y:auto}.side-menu::backdrop{background:#141510a3}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:35px;border-bottom:1px solid var(--line)}.drawer-top button{background:transparent;border:1px solid var(--line);padding:7px 12px;min-height:44px;font-size:14px}.side-menu .nav{position:static;display:flex;flex-direction:column;align-items:stretch;gap:0;background:transparent;padding:22px 0;border:0}.side-menu .nav a{font-family:var(--serif);font-size:30px;line-height:1.3;padding:17px 0;border-bottom:1px solid var(--line)}.side-menu .nav a[aria-current=page]{color:var(--clay)}.drawer-contact{display:grid;gap:12px;padding-top:30px;font-size:14px;overflow-wrap:anywhere}.archive-hero img{object-position:center}.shared-dimensions{display:flex;align-items:center;justify-content:center;gap:25px;background:#fff;border:1px solid var(--line);padding:20px;margin-top:26px}.shared-dimensions img{width:140px;height:120px;object-fit:contain}.size-value{font-family:var(--serif);font-size:33px;line-height:1.3;margin-top:8px;color:var(--ink)}.machine-archive{margin-top:48px;max-width:1000px;margin-inline:auto}.original-photo{position:relative;overflow:hidden;aspect-ratio:16/9;background:#171710}.original-photo img{position:absolute;left:50%;top:50%;width:56.25%;height:177.7778%;max-width:none;object-fit:contain;transform:translate(-50%,-50%) rotate(-90deg)}.page-title{font-size:clamp(39px,4.2vw,64px);max-width:780px}.compact-contact{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center}.compact-contact .label{color:#ffdac2;margin-bottom:20px}.compact-contact h2{font-size:clamp(36px,4vw,58px)}.compact-contact>div>p{max-width:550px}.compact-links{display:flex;gap:12px 30px;flex-wrap:wrap;margin-top:25px;font-size:21px}.compact-links a{overflow-wrap:anywhere}.compact-links a:hover{text-decoration:underline}.compact-actions{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.compact-actions .map-link{margin-top:5px}.compact-actions p{font-size:14px}body[data-page=home] .gallery{padding-top:85px}body[data-page=home] .products{padding-top:15px}body[data-page=story] .heritage{min-height:70vh}body[data-page=production] .process,body[data-page=questions] .faq{min-height:65vh}
@media(max-width:760px){.compact-contact{grid-template-columns:1fr;gap:30px}body[data-page=home] .gallery{padding-top:55px}body[data-page=home] .products{padding-top:0}.header{grid-template-columns:1fr auto 1fr;gap:12px}.header .brand-name{font-size:22px}.header .brand-mark{width:32px;height:36px}.header .brand{gap:8px}.header .brand-name small{font-size:9px}}
@media(max-width:520px){.header{grid-template-columns:1fr 1fr;min-height:109px;padding:12px var(--gutter);gap:8px 16px}.header .menu-toggle{grid-column:1;grid-row:1;min-height:40px;padding:6px 10px}.header .brand{grid-column:2;grid-row:1;justify-self:end}.header .languages{grid-column:1/-1;grid-row:2;justify-self:end}.shared-dimensions{gap:12px;padding:15px}.shared-dimensions img{width:110px;height:100px}.shared-dimensions .label{font-size:11px}.size-value{font-size:27px}.machine-archive{margin-top:35px}.side-menu .nav a{font-size:28px}.compact-links{flex-direction:column;gap:12px;font-size:21px}.page-title{font-size:39px}}

.hero-copy>p.hero-since{font-family:var(--serif);font-style:italic;font-size:clamp(26px,2.4vw,38px);line-height:1.35;max-width:none;letter-spacing:0}

/* The wall remains fixed to the viewport while the content scrolls over it. */
:root{--frame-gutter:clamp(12px,4vw,72px);--surface-gap:clamp(20px,3.2vw,48px)}
body{background:#552c22;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#24160f26,#24160f26),url("assets/overfired-wall-background-v1.webp") center center/cover no-repeat}
main{display:flow-root;padding-bottom:var(--surface-gap)}
main>.hero,main>.intro-line,main>.section{width:calc(100% - 2 * var(--frame-gutter));max-width:1680px;margin:var(--surface-gap) auto 0;box-shadow:0 12px 38px #180b0759;border:1px solid #ffffff33}
main>.hero{overflow:hidden}
.hero-copy{padding-left:clamp(22px,4vw,70px)}
main>.intro-line{background:#f7f7f2f7;padding-inline:clamp(22px,4vw,70px)}
main>.section{padding:clamp(45px,5.5vw,85px) clamp(22px,4vw,70px);background:#f7f7f2f7}
main>.heritage{background:#232421f7}
main>.contact{background:#ac452dfc}
main>.faq{background:#eeeee7fa}
body[data-page=home] main>.gallery,body[data-page=home] main>.products{padding-top:clamp(45px,5.5vw,85px)}
@media(max-width:520px){main>.section{padding:42px 20px}.hero-copy{padding:40px 22px}.hero-media{min-height:300px}.header{padding-inline:22px}main>.intro-line{padding-inline:20px}}

.family-memory{width:100%;max-width:360px;justify-self:center}
.family-memory img{width:100%;height:auto}
.family-joke{--family-inset:clamp(22px,4vw,70px);width:calc(100% + 2 * var(--family-inset));max-width:none;margin:48px calc(-1 * var(--family-inset)) 0}
.family-joke img{width:100%;height:auto}
.heritage .family-joke figcaption{font-family:var(--serif);font-size:clamp(24px,4vw,38px);line-height:1.25;color:#f1b28c;text-align:center;padding-top:20px;overflow-wrap:anywhere}
@media(max-width:520px){.family-joke{--family-inset:20px}}

/* Keep the introductory text and archival photograph beside each other on phones. */
@media(max-width:760px){
 .hero{grid-template-columns:minmax(0,55fr) minmax(0,45fr);min-height:420px}
 .hero-copy{min-width:0;min-height:0;padding:32px 16px}
 .hero h1{font-size:clamp(27px,7.3vw,52px);line-height:1.1;letter-spacing:-.035em}
 .hero-copy .label{font-size:12px;letter-spacing:.1em;margin-bottom:22px}
 .hero-copy>p.hero-since{font-size:clamp(22px,4.8vw,30px);margin:23px 0 26px;line-height:1.35}
 .hero-actions{width:100%;flex-direction:column;align-items:flex-start;gap:12px}
 .hero-actions .button{max-width:100%;padding:10px 12px;font-size:14px}
 .hero-link{max-width:100%;font-size:14px;line-height:1.5}
 .hero-media{min-width:0;min-height:0;align-self:stretch}
 .hero-media img{object-position:52% center}
 .hero-caption{left:12px;right:10px;bottom:18px;font-size:12px;line-height:1.45}
}
@media(max-width:360px){.hero-copy{padding-inline:12px}.hero h1{font-size:25px}.hero-copy>p.hero-since{font-size:21px}.hero-actions .button{padding-inline:9px}}

.story-row.family-moment{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,4vw,55px);align-items:center}
.family-moment .story-copy{min-width:0}
.family-moment .story-copy h3{font-size:clamp(22px,3vw,32px)}
.family-moment .family-memory{min-width:0;max-width:340px}
@media(max-width:520px){.family-moment .story-copy h3{font-size:22px;margin-bottom:14px}.family-moment .story-copy p{font-size:16px;line-height:1.55}}
