.about-page-hero{background:var(--color-red);position:relative;overflow:hidden}.about-page-hero:after{background:var(--color-cream);clip-path:polygon(0 68%,100% 0,100% 100%,0 100%);content:"";pointer-events:none;height:54px;position:absolute;inset:auto 0 0}.about-page-hero__inner{z-index:1;max-width:1250px;margin:auto;padding:54px 48px 108px;position:relative}.about-page-hero__index,.about-page-access__index{letter-spacing:.12em;font-size:12px;font-weight:500}.about-page-hero__index span{color:var(--color-red-text);font-family:var(--font-display);letter-spacing:-.06em;vertical-align:middle;margin-right:12px;font-size:88px;font-weight:800;line-height:1;display:inline-block}.about-page-hero h1{margin:22px 0 18px}.about-page-hero__lead{max-inline-size:25em;font-size:20px}.about-page-section{max-width:1250px;margin:auto;padding:96px 48px}.about-page-section__heading{align-items:baseline;gap:18px;margin-bottom:34px;display:flex}.about-page-section__eyebrow{color:var(--color-red-text);letter-spacing:.14em;order:2;font-size:12px;font-weight:800}.about-page-section__heading h2{order:1}.about-exterior-layout{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);align-items:start;gap:32px;display:grid}.about-exterior-layout__side{gap:32px;padding-top:64px;display:grid}.about-frame{min-width:0}.about-frame .photo{box-shadow:8px 8px 0 var(--color-ink)}.about-frame .photo img{object-fit:cover}.about-frame--exterior-main{transform:rotate(-1.25deg)}.about-frame--exterior-main .photo img{aspect-ratio:4/3;object-position:center 57%}.about-frame--exterior-door{width:78%;margin-left:auto;transform:rotate(1.25deg)}.about-frame--exterior-door .photo img{aspect-ratio:4/5;object-position:center center}.about-frame--exterior-window{width:92%;margin-right:auto}.about-frame--exterior-window .photo img{aspect-ratio:4/3;object-position:center center}.about-page-section--interior{background:var(--color-butter);max-width:none;padding-inline:max(48px,50% - 577px);position:relative}.about-page-section--interior:before{background:var(--color-cream);clip-path:polygon(0 0,100% 30px,100% 100%,0 100%);content:"";pointer-events:none;height:52px;position:absolute;inset:0 0 auto}.about-page-section--interior>*{position:relative}.about-interior-main{max-width:930px;margin-left:auto;transform:rotate(1deg)}.about-frame--interior-main .photo img{aspect-ratio:16/10;object-position:center center}.about-interior-gallery{grid-template-columns:.72fr 1.28fr;gap:34px;max-width:960px;margin-top:42px;display:grid}.about-frame--interior-counter{width:76%;margin-top:-28px;transform:rotate(-1deg)}.about-frame--interior-counter .photo img{aspect-ratio:4/5;object-position:center center}.about-frame--interior-long{align-self:end;width:74%;transform:rotate(.75deg)}.about-frame--interior-long .photo img{aspect-ratio:4/5;object-position:center center}.about-page-access{background:var(--color-ink);color:var(--color-cream);padding:76px max(48px,50% - 577px) 88px}.about-page-access h2{margin-top:10px}.about-page-access p:not(.about-page-access__index){margin-top:16px}.about-page-access .button{width:max-content;margin-top:28px}@media (width<=700px){.about-page-hero:after{height:30px}.about-page-hero__inner{padding:34px 22px 70px}.about-page-hero__index span{margin-right:8px;font-size:58px}.about-page-hero h1{margin:14px 0}.about-page-hero__lead{font-size:17px}.about-page-section{padding:64px 22px}.about-page-section__heading{gap:12px;margin-bottom:26px}.about-exterior-layout{display:block}.about-exterior-layout__side{grid-template-columns:1fr 1fr;gap:28px;padding-top:28px}.about-frame--exterior-main{transform:rotate(-.75deg)}.about-frame--exterior-main .photo img{aspect-ratio:4/5;object-position:center 56%}.about-frame--exterior-door{width:100%;margin:0;transform:rotate(.75deg)}.about-frame--exterior-window{align-self:end;width:100%;margin:0}.about-frame--exterior-window .photo img{aspect-ratio:4/5;object-position:center center}.about-page-section--interior{padding:70px 22px 76px}.about-page-section--interior:before{height:34px}.about-interior-main{max-width:none;margin:0;transform:rotate(.75deg)}.about-frame--interior-main .photo img{aspect-ratio:4/3}.about-interior-gallery{grid-template-columns:1fr;gap:24px;margin-top:32px}.about-frame--interior-counter{width:76%;margin:0}.about-frame--interior-long{justify-self:end;width:84%}.about-page-access{padding:58px 22px 64px}.about-page-access .button{width:100%}}.about-page-access .button{color:var(--color-ink)}
