/* Two distinct portfolio concepts. The shared demo.css supplies the basics. */
.daybreak{background:#fbf1df;color:#6d2928}
.daybreak .site-nav,.fieldwork .site-nav{max-width:none;padding:0 5%;border-bottom:1px solid currentColor}
.daybreak .wordmark{font-size:2.7rem;letter-spacing:-.06em}
.cafe-dot{color:#e8a841}
.daybreak .pill:hover{background:#6d2928;color:#fff4dd}
.cafe-hero{max-width:none;padding:0}
.cafe-title{padding:100px 5% 70px;background:radial-gradient(circle at 85% 20%,#f3d9ae,#fbf1df 55%);overflow:hidden}
.cafe-title h1{font-size:clamp(5rem,10vw,11rem);line-height:.9;letter-spacing:-.065em}
.cafe-title h1 em{color:#d06e45}
.cafe-title p:not(.eyebrow){font-size:1.15rem}
.cafe-title .action{margin-top:20px}
.cafe-photo{overflow:hidden}
.cafe-photo img{height:clamp(440px,55vw,720px);border-radius:0;object-position:center 52%}
.cafe-stamp{top:35px;right:5%;width:145px;height:145px;border-radius:50%;transform:rotate(14deg);font-family:'DM Serif Display',Georgia,serif;font-size:17px;line-height:1.2}
.cafe-photo-note{position:absolute;bottom:25px;left:5%;background:#fbf1dfe8;padding:12px 16px;font-size:10px;font-weight:700;letter-spacing:.15em}
.cafe-ribbon{display:flex;align-items:center;justify-content:space-around;gap:18px;background:#f0b85c;padding:25px 5%;font-weight:700}
.cafe-feature{display:grid;grid-template-columns:1fr 1fr;min-height:720px}
.cafe-feature-photo{min-height:600px;overflow:hidden}
.cafe-feature-photo img{height:100%;object-position:center}
.cafe-feature-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px clamp(40px,8vw,150px);background:#e8edda;overflow:hidden}
.cafe-feature-star{position:absolute;right:5%;top:-12%;font-size:clamp(15rem,31vw,35rem);line-height:1;color:#cbd9b3}
.cafe-feature-copy>*:not(.cafe-feature-star){position:relative}
.cafe-feature h2{font-size:clamp(4rem,6vw,7.5rem);line-height:.94;margin:20px 0 30px}
.cafe-feature h2 em{color:#b45e39}
.cafe-feature-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.8;max-width:480px}
.cafe-inline-link{display:flex;justify-content:space-between;gap:35px;border-bottom:1px solid;padding:16px 0;margin-top:20px;font-weight:700}
.daybreak #menu{max-width:1350px;padding-top:135px;padding-bottom:150px}
.daybreak #menu h2{font-size:clamp(4.5rem,7vw,8rem)}
.daybreak #menu .section-top{margin-bottom:60px}
.daybreak #menu .section-top>p{font-size:1.08rem}
.daybreak .menu-filters{gap:12px;margin-bottom:40px}
.daybreak .menu-filters button{padding:11px 27px;font-weight:700}
.daybreak .menu-item{min-height:145px;align-content:center;transition:background .2s,padding .2s}
.daybreak .menu-item:hover{background:#f4e3c9;padding-left:15px;padding-right:15px}
.daybreak .menu-item h3{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(1.5rem,2.4vw,2.25rem);font-weight:400}
.daybreak .menu-item>span{font-family:'DM Serif Display',Georgia,serif;font-size:1.4rem}
.cafe-pause{min-height:420px;background:#692a26;color:#fff3dc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:75px 5%;gap:20px}
.cafe-pause span{font-size:11px;letter-spacing:.25em}
.cafe-pause p{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(4rem,9vw,10rem);line-height:1;margin:0}
.cafe-pause em{color:#f0b85c}
.daybreak .closing{padding:120px 5%}
.daybreak .closing h2{font-size:clamp(4rem,7vw,7rem)}

.fieldwork{background:#efeee4;color:#22392d}
.fieldwork .wordmark{font-family:'DM Serif Display',Georgia,serif;font-size:2.4rem}
.garden-hero{position:relative;min-height:clamp(680px,84svh,900px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;background:#253d32;color:#f8f7ed}
.garden-hero-img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-position:center}
.garden-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#15251bcc 0%,#15251b4d 44%,transparent 85%)}
.garden-hero-content{width:100%;max-width:1450px;margin:auto;padding:70px 5% 85px}
.garden-hero h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(6rem,11vw,13rem);line-height:.84;letter-spacing:-.06em;margin:15px 0 35px}
.garden-hero h1 em{color:#d9e2a5}
.garden-hero-content>p:not(.eyebrow){font-size:1.15rem;max-width:490px}
.garden-hero .action{margin-top:15px;background:#e3ebc1;border-color:#e3ebc1;color:#22392d}
.garden-hero-index{position:absolute;right:5%;bottom:35px;font-size:10px;letter-spacing:.22em}
.garden-caption{padding:20px 5%;background:#dce2d1;font-weight:700}
.garden-manifesto{position:relative;overflow:hidden;min-height:600px;padding:125px 5%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.garden-manifesto h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(4.5rem,8vw,10rem);max-width:1250px;line-height:.93;margin:20px auto 35px;position:relative;z-index:1}
.garden-manifesto h2 em{color:#75844f}
.garden-manifesto>p:last-of-type{max-width:580px;font-size:1.12rem;position:relative;z-index:1}
.garden-asterisk{position:absolute;right:5%;top:-25%;font-size:clamp(25rem,55vw,65rem);line-height:1;color:#e0e4d2}
.garden-feature{display:grid;grid-template-columns:1fr 1fr;min-height:850px;background:#263c31;color:#f4f1e7}
.garden-feature-photo{min-height:650px;overflow:hidden}
.garden-feature-photo img{height:100%;object-position:center}
.garden-feature-copy{padding:100px clamp(40px,7vw,125px);display:flex;flex-direction:column;justify-content:center}
.garden-feature h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(4.3rem,6vw,8rem);line-height:.9;margin:20px 0 35px}
.garden-feature h2 em{color:#d5dfa1}
.garden-feature-copy>p:not(.eyebrow){max-width:500px;font-size:1.08rem;line-height:1.8}
.garden-feature .garden-services{border-color:#e4ecc533;margin-top:45px}
.garden-feature .garden-services article{grid-template-columns:40px 1fr;gap:10px 25px;padding:24px 0;border-color:#e4ecc533}
.garden-feature .garden-services article h3{font-family:'DM Serif Display',Georgia,serif;font-size:1.8rem}
.garden-feature .garden-services article p{grid-column:2;font-size:.9rem;color:#d7dfd0}
.garden-planner-section{padding:120px 5%;background:#e7e8d9}
.garden-planner-section .planner{max-width:1350px;margin:auto;padding:clamp(45px,7vw,110px);background:#f7f7ef;box-shadow:20px 20px 0 #ced7b7}
.garden-planner-section h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(4rem,6vw,7rem);line-height:.95;margin:15px 0 30px}
.garden-planner-section h2 em{color:#75844f}
.planner-fields{align-self:center}
.planner-fields select{font-size:1.1rem;padding:18px}
.planner-fields .selection-result{font-family:'DM Serif Display',Georgia,serif;font-size:1.6rem;line-height:1.35;margin-top:35px}
.fieldwork .closing{padding:120px 5%}
.fieldwork .closing h2{font-size:clamp(4.2rem,7vw,8rem)}

@media(max-width:900px){.cafe-feature,.garden-feature{grid-template-columns:1fr}.cafe-feature-photo,.garden-feature-photo{min-height:500px}.garden-feature-photo{max-height:600px}.cafe-feature-copy,.garden-feature-copy{padding:80px 7%}}
@media(max-width:720px){.daybreak .wordmark{font-size:2rem}.cafe-title{padding:75px 5% 55px}.cafe-title h1{font-size:clamp(4.2rem,15vw,6rem)}.cafe-photo img{height:450px;object-position:58% center}.cafe-stamp{top:20px;right:4%;width:105px;height:105px;font-size:12px}.cafe-ribbon{overflow:hidden;justify-content:center;white-space:nowrap;font-size:9px;padding:20px 3%}.cafe-ribbon span:nth-of-type(n+4){display:none}.cafe-feature-photo{min-height:380px}.cafe-feature-copy{padding:70px 6%}.cafe-feature h2{font-size:clamp(4rem,14vw,6rem)}.daybreak #menu{padding-top:80px;padding-bottom:90px}.daybreak #menu h2{font-size:clamp(4rem,14vw,6rem)}.daybreak #menu .section-top{margin-bottom:35px}.daybreak .menu-item{min-height:120px}.cafe-pause{min-height:300px}.cafe-pause p{font-size:clamp(3.7rem,13vw,5rem)}.daybreak .closing{padding:85px 5%}.garden-hero{min-height:680px}.garden-hero h1{font-size:clamp(4.6rem,15vw,7rem)}.garden-hero-content{padding-bottom:95px}.garden-hero-index{bottom:20px}.garden-caption{gap:15px;font-size:9px}.garden-manifesto{min-height:480px;padding:90px 5%}.garden-manifesto h2{font-size:clamp(4rem,13vw,6rem)}.garden-feature-photo{min-height:380px}.garden-feature-copy{padding:75px 6%}.garden-feature h2{font-size:clamp(4.1rem,14vw,6rem)}.garden-planner-section{padding:70px 7%}.garden-planner-section .planner{padding:32px;box-shadow:10px 10px 0 #ced7b7}.garden-planner-section h2{font-size:clamp(3.5rem,13vw,5.5rem)}.fieldwork .closing{padding:85px 5%}}
@media(max-width:720px){.fieldwork .wordmark{font-size:1.8rem}.fieldwork .site-nav .pill{font-size:11px;padding:10px 12px;gap:.5rem}.garden-hero:after{background:linear-gradient(90deg,#15251b91,#15251b55),linear-gradient(0deg,#15251bd9 0%,#15251b70 65%,#15251b40)}}
@media(prefers-reduced-motion:reduce){.daybreak .menu-item{transition:none}}
