/* Kuttley House: transparent product portraiture and the Greenpoint house. */
.offerings-section{padding:104px var(--gutter) 120px;background:#f3ede3;overflow:hidden}
.offerings-section .section-kicker{margin-bottom:54px}
.offerings-intro{margin:0 0 64px;align-items:end}
.offerings-intro h2{font-size:clamp(58px,6.2vw,108px);line-height:.99}
.offerings-intro>p{max-width:260px;color:#705c50;font-size:17px;line-height:1.7}
.hospitality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bda99a;border-bottom:1px solid #bda99a}
.hospitality-card{min-width:0;display:flex;flex-direction:column;padding:20px 26px 27px;position:relative;isolation:isolate}
.hospitality-card:first-child{padding-left:0}
.hospitality-card:last-child{padding-right:0}
.hospitality-card+ .hospitality-card{border-left:1px solid #bda99a}
.hospitality-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.13em;font-weight:650;color:#7f5446}
.hospitality-card-top span:last-child{font-weight:450;color:#8b796e;white-space:nowrap}
.hospitality-visual{height:clamp(330px,35vw,570px);position:relative;display:grid;place-items:center;overflow:visible}
.hospitality-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 20px 20px #5133241a);will-change:transform}
.coffee-visual .hot-pour{position:absolute;width:66%;height:92%;left:-5%;top:0;z-index:1;transform:rotate(-8deg)}
.coffee-visual .cold-splash{position:absolute;width:72%;height:92%;right:-8%;bottom:-3%;z-index:2;transform:rotate(5deg)}
.tea-card .hospitality-visual img{width:88%;height:88%;transform:translateY(5%)}
.pastry-card .hospitality-visual img{width:113%;max-width:none;height:104%;transform:rotate(-7deg)}
.hospitality-copy{margin-top:auto;min-height:194px;display:flex;flex-direction:column;align-items:flex-start;padding-top:12px}
.hospitality-copy h3{font-size:clamp(28px,2.65vw,46px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0 0 11px}
.hospitality-copy p{font-size:15px;line-height:1.65;color:#715e53;max-width:310px;margin:0 0 18px}
.hospitality-copy .text-link{margin-top:auto;font-size:13px;min-height:44px;padding:7px 0;gap:42px}
.art-house-section{background:#f3ede3;padding:105px var(--gutter) 115px;color:var(--ink)}
.art-house-section>.section-kicker{margin-bottom:35px}
.art-house-grid{display:grid;grid-template-columns:1fr 1fr}
.art-house-red,.art-house-coffee{position:relative;min-width:0;overflow:hidden;aspect-ratio:1}
.art-house-red{background:var(--red);color:#fff6ec;padding:clamp(32px,4.5vw,80px);display:flex;flex-direction:column;align-items:flex-start}
.art-house-red .eyebrow,.art-house-coffee .eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.5}
.art-house-red h2{font-size:clamp(60px,6.6vw,118px);line-height:.94;letter-spacing:-.065em;font-weight:500;margin:auto 0 35px;max-width:620px}
.art-house-red p{font-size:17px;line-height:1.75;max-width:450px;margin:0 0 26px;color:#f5ddcf}
.art-house-red .text-link{font-size:14px;border-color:#f4dfd0}
.art-panel-foot{font-size:11px;letter-spacing:.14em;margin-top:65px;color:#e7b5a2}
.art-house-coffee{background:#e3d4c5;display:flex;align-items:center;justify-content:center}
.art-house-coffee .eyebrow{position:absolute;top:35px;left:35px;z-index:2;color:#8a604c}
.art-house-coffee img{height:94%;width:94%;object-fit:contain;transform:translateY(5%);filter:drop-shadow(0 25px 25px #5133241f)}
.art-house-coffee p{position:absolute;right:35px;bottom:25px;font:italic clamp(23px,2.3vw,40px)/1.1 Georgia,serif;letter-spacing:-.04em;color:#7c4a36;margin:0}
.house-visit{display:grid;grid-template-columns:.9fr 1.15fr .6fr;margin-top:70px;gap:22px;align-items:stretch;scroll-margin-top:80px}
.house-visit-copy{border-top:1px solid #bda99a;padding:30px 25px 20px 0;display:flex;flex-direction:column;align-items:flex-start}
.house-visit-copy .eyebrow{font-size:12px;letter-spacing:.13em;color:var(--red)}
.house-visit-copy h3{font-size:clamp(42px,4.5vw,76px);letter-spacing:-.06em;line-height:1.02;font-weight:500;margin:38px 0 21px}
.house-visit-copy h3 em{color:var(--red)}
.house-visit-copy>p{font-size:16px;line-height:1.7;color:#715e53;max-width:300px;margin:0 0 32px}
.house-visit-copy address{font-size:16px;line-height:1.75;font-style:normal;margin:auto 0 21px}
.house-visit-copy .pill-link{font-size:13px;padding:15px 20px}
.house-visit-photo{position:relative;margin:0;min-height:480px;overflow:hidden;background:#cfbba8}
.house-visit-photo img{height:115%;width:100%;object-fit:cover;object-position:50% 25%}
.house-visit-photo figcaption{position:absolute;inset:auto 0 0;color:#fff8ed;background:linear-gradient(transparent,#24140bbb);font-size:11px;letter-spacing:.13em;padding:70px 22px 22px}
.house-map{min-height:480px;position:relative;background:#eadfd3;overflow:hidden}
.house-map #house-map{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.house-map .map-fallback{font-size:14px;padding:20px}
.house-map .map-fallback img{width:58px}
@media(max-width:1100px){
 .hospitality-card{padding-left:17px;padding-right:17px}.hospitality-visual{height:39vw}.hospitality-card-top span:last-child{display:none}
 .coffee-visual .hot-pour{width:72%}.coffee-visual .cold-splash{width:78%}
 .hospitality-copy h3{font-size:clamp(27px,3vw,37px)}
 .house-visit{grid-template-columns:1fr 1.2fr}.house-map{grid-column:1/-1;min-height:280px}.house-map #house-map{min-height:280px}
}
@media(max-width:760px){
 .offerings-section{padding:70px 6% 75px}.offerings-section .section-kicker{margin-bottom:37px}.offerings-intro{margin-bottom:43px;display:block}
 .offerings-intro h2{font-size:11vw}.offerings-intro>p{font-size:16px;margin-top:22px}
 .hospitality-grid{display:block}.hospitality-card,.hospitality-card:first-child,.hospitality-card:last-child{padding:20px 0 34px}
 .hospitality-card+.hospitality-card{border-left:0;border-top:1px solid #bda99a}
 .hospitality-card-top span:last-child{display:block}.hospitality-visual{height:93vw;max-height:540px}
 .coffee-visual .hot-pour{left:0;width:65%}.coffee-visual .cold-splash{right:0;width:70%}
 .tea-card .hospitality-visual img{height:94%}.pastry-card .hospitality-visual img{width:105%}
 .hospitality-copy{min-height:0;padding-top:0}.hospitality-copy h3{font-size:40px}.hospitality-copy p{font-size:16px}.hospitality-copy .text-link{margin-top:5px}
 .art-house-section{padding:70px 6% 80px}.art-house-grid{grid-template-columns:1fr}.art-house-red,.art-house-coffee{min-height:92vw;aspect-ratio:auto}
 .art-house-red{padding:30px}.art-house-red h2{font-size:12vw;margin:65px 0 28px}.art-house-red p{font-size:16px}.art-panel-foot{margin-top:auto;padding-top:45px}
 .art-house-coffee .eyebrow{top:25px;left:25px}.art-house-coffee p{right:20px;bottom:20px}
 .house-visit{grid-template-columns:1fr;margin-top:42px;gap:0}.house-visit-copy{padding:25px 0 35px}.house-visit-copy h3{font-size:12vw;margin:35px 0 25px}.house-visit-copy>p{font-size:16px;margin-bottom:25px}.house-visit-copy address{margin:0 0 24px}
 .house-visit-photo{min-height:110vw}.house-visit-photo img{height:120%}.house-map{min-height:310px;margin-top:24px}.house-map #house-map{min-height:310px}
}
@media(prefers-reduced-motion:reduce){.hospitality-visual img,.art-house-coffee img,.house-visit-photo img{transform:none!important}}

/* Full-bleed editorial story, inspired by the supplied split-screen reference. */
.art-house-section{padding:0 0 115px;background:#f3ede3}
.art-house-grid{width:100%;height:100svh;min-height:700px;grid-template-columns:1fr 1fr}
.art-house-red,.art-house-coffee{aspect-ratio:auto;height:100%;min-height:0}
.art-house-red{padding:clamp(40px,5vw,90px);justify-content:center;background-color:#882626;background-image:linear-gradient(180deg,#40101544,#5b14186e),url('assets/story/burgundy-atmosphere.jpg');background-size:cover,auto 285%;background-position:center,center top;background-repeat:no-repeat;color:#fff5e9}
.art-house-copy{position:relative;z-index:1;max-width:510px}
.art-house-red .eyebrow{color:#f5d8c9;letter-spacing:.15em}
.art-house-red h2{font:italic clamp(34px,3.5vw,62px)/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:20px 0 18px;max-width:560px}
.art-house-red .art-house-copy>p{font-size:clamp(17px,1.35vw,22px);line-height:1.55;max-width:490px;color:#fff0e6;margin:0}
.art-house-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.art-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:49px;padding:12px 19px;border:1px solid #fff0e2;font-size:14px;font-weight:600;line-height:1.3;transition:background .25s,color .25s,transform .25s}
.art-button:hover{transform:translateY(-3px)}
.art-button span{font-size:19px;line-height:1}
.art-button-light{background:#fff5e9;color:#702022}
.art-button-light:hover{background:#f3d9c8}
.art-button-outline{background:#3c111118;color:#fff5e9}
.art-button-outline:hover{background:#fff5e922}
.art-house-red .art-panel-foot{position:absolute;left:clamp(40px,5vw,90px);bottom:35px;margin:0;color:#f3cbb8;z-index:1}
.art-house-coffee{display:block;background:#bda083}
.art-house-coffee img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center;transform:none;filter:none}
.house-visit{margin:70px var(--gutter) 0}
@media(max-width:760px){
 .art-house-section{padding:0 0 78px}
 .art-house-grid{height:auto;min-height:0;grid-template-columns:1fr}
 .art-house-red{min-height:72svh;padding:75px 6% 85px;aspect-ratio:auto}
 .art-house-red h2{font-size:clamp(34px,8.2vw,53px);margin:18px 0}
 .art-house-red .art-house-copy>p{font-size:17px}
 .art-house-red .art-panel-foot{left:6%;bottom:26px;font-size:10px}
 .art-house-coffee{min-height:68svh;aspect-ratio:auto}
 .art-house-coffee img{object-position:54% center}
 .house-visit{margin:42px 6% 0}
}

/* Keep the mobile tea portrait in its own frame and preserve clear copy space. */
@media(max-width:760px){
 .tea-card .hospitality-visual{height:82vw;max-height:470px;margin-bottom:24px;overflow:hidden}
 .tea-card .hospitality-visual img{width:88%;height:88%;object-fit:contain}
 .tea-card .hospitality-copy{position:relative;z-index:2;padding-top:12px;background:#f3ede3}
}

/* Full product silhouettes, with room for the glass and the two real desserts. */
.coffee-visual .iced-dessert-composition{width:100%;height:100%;object-fit:contain;transform:translateY(1%)}
.tea-card .hospitality-visual img{width:100%;height:100%;transform:none}

/* Material patterns stay subordinate to the story copy and footer links. */
.art-house-red{background-color:#862426;background-image:linear-gradient(90deg,#781d23d8,#8e272acb),url('assets/story/coffee-pattern.jpg');background-size:cover;background-position:center}
footer{background-color:#291714;background-image:linear-gradient(90deg,#281512c7,#38191ac1),url('assets/story/iced-coffee-pattern.jpg');background-size:cover;background-position:center;color:#fff5e9}
.footer-address span,.footer-bottom{color:#ead1c2}
.footer-bottom{border-color:#fff0e540}
.footer-top a:hover{color:#fff6ee}

/* Preserve the tea artwork's natural portrait ratio on phones. */
@media(max-width:760px){
 .tea-card .hospitality-visual{width:100%;height:auto;max-height:none;aspect-ratio:1792/2400;margin:22px 0 30px;overflow:visible}
 .tea-card .hospitality-visual img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
 .tea-card .hospitality-copy{padding-top:12px}
}

/* Match the tested tea spacing: the copy follows the full portrait directly. */
@media(max-width:760px){
 .tea-card .hospitality-visual{margin-bottom:0}
 .tea-card .hospitality-copy{padding-top:0}
}