.depth{position:relative}.depth h2{letter-spacing:-.055em}.depth a{display:inline-block;font-weight:800;text-transform:uppercase}
.depth-coffee{display:grid;grid-template-columns:.75fr 1.5fr .75fr;gap:4vw;padding:9vw 4vw;color:#f4efe5;background:#342b25}.depth-coffee header{align-self:start}.depth-coffee header span,.depth-coffee article b,.depth-coffee aside span{font-size:9px;letter-spacing:.13em;text-transform:uppercase}.depth-coffee h2{margin-top:22px;font:500 clamp(46px,5vw,84px)/.9 "Bodoni Moda",serif}.coffee-chooser article{display:grid;grid-template-columns:120px 1fr;gap:10px 28px;padding:25px 0;border-top:1px solid #ffffff55}.coffee-chooser h3{font:500 clamp(25px,2.5vw,40px) "Bodoni Moda",serif}.coffee-chooser p{grid-column:2;font-size:12px;line-height:1.6}.depth-coffee aside{align-self:end;padding:24px;color:#342b25;background:#d8b17a}.depth-coffee aside p{margin:32px 0;font-size:14px;line-height:1.6}.depth-coffee aside a{font-size:9px;border-bottom:1px solid}
.depth-flowers{display:grid;grid-template-columns:1.2fr .8fr .65fr;gap:4vw;padding:10vw 5vw;color:#28122c;background:#fff9f3}.flower-letter{padding:5vw;border:1px solid #28122c;background:#edb8c7;transform:rotate(-1deg)}.flower-letter span,.flower-delivery span{font-size:9px;letter-spacing:.14em;text-transform:uppercase}.flower-letter h2{margin:50px 0;font:400 clamp(52px,7vw,105px)/.88 "Italiana",serif}.flower-letter p{max-width:650px;font:400 20px/1.55 "Ysabeau",sans-serif}.depth-flowers ol{margin:0;padding:0;list-style:none}.depth-flowers li{padding:25px 0;border-top:1px solid}.depth-flowers li b{display:block;margin-bottom:12px;font:400 25px "Italiana",serif}.depth-flowers li span{font-size:12px;line-height:1.6}.flower-delivery{align-self:end;padding:25px;background:#d6e2bf}.flower-delivery strong{display:block;margin:28px 0;font:400 42px "Italiana",serif}.flower-delivery p{font-size:12px;line-height:1.5}.flower-delivery a{margin-top:25px;font-size:9px;border-bottom:1px solid}
.depth-bistro{padding:8vw 3vw;border-block:3px solid;background:#d9ddd7}.depth-bistro header{display:flex;justify-content:space-between;align-items:end}.depth-bistro header span{font:700 10px "Manrope",sans-serif;text-transform:uppercase}.depth-bistro h2{font:600 clamp(65px,10vw,160px)/.8 "Oswald",sans-serif;text-transform:uppercase}.bistro-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border:3px solid}.bistro-timeline article{min-height:310px;padding:25px;border-right:2px solid}.bistro-timeline article:last-child{border-right:0}.bistro-timeline time{display:inline-block;padding:6px 9px;color:#fff;background:#121212;font-weight:800}.bistro-timeline h3{margin:60px 0 20px;font:600 31px "Oswald",sans-serif;text-transform:uppercase}.bistro-timeline p{font-size:12px;line-height:1.6}.depth-bistro>a{margin-top:25px;padding:15px 18px;color:#fff;background:#b94e32;font-size:10px}
.depth-bakery{display:grid;grid-template-columns:.9fr 1.2fr .65fr;gap:4vw;padding:9vw 4vw;border-block:3px solid;color:#251408;background:#fff8dc}.depth-bakery header p{font-size:10px;font-weight:800;text-transform:uppercase}.depth-bakery h2{margin-top:30px;font:400 clamp(48px,6vw,95px)/.9 "Dela Gothic One",sans-serif;text-transform:uppercase}.oven-clock article{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;padding:24px 0;border-top:3px solid}.oven-clock b{font:400 40px "Dela Gothic One",sans-serif;color:#963d2c}.oven-clock span{font-size:12px;text-transform:uppercase}.depth-bakery aside{align-self:end;padding:25px;color:#fff;background:#963d2c;box-shadow:9px 9px 0 #c77850}.depth-bakery aside strong{font:400 20px "Dela Gothic One",sans-serif}.depth-bakery aside p{margin:30px 0;font-size:12px;line-height:1.6}.depth-bakery aside a{color:#f3e7ce;font-size:9px}
.depth-studio{padding:10vw 6vw;background:#2f2042;color:#f5f0ff}.depth-studio header{display:grid;grid-template-columns:180px 1fr;align-items:start}.depth-studio header span{font-size:9px;text-transform:uppercase}.depth-studio h2{font:400 clamp(60px,8vw,125px)/.85 "Forum",serif}.studio-path{display:grid;grid-template-columns:repeat(3,1fr);margin:70px 0 50px;border-top:1px solid #dce8df}.studio-path article{padding:30px;border-right:1px solid #dce8df}.studio-path b{font-size:11px;color:#dfe6d8}.studio-path h3{margin:45px 0 20px;font:400 35px "Forum",serif}.studio-path p,.depth-studio details p{font-size:13px;line-height:1.7}.depth-studio details{padding:22px 0;border-top:1px solid #ffffff55}.depth-studio summary{cursor:pointer;font:400 25px "Forum",serif}.depth-studio details p{max-width:760px;margin-top:18px;color:#d9cee4}
.depth-karaoke{padding:9vw 4vw;color:#fff;background:#17102c}.depth-karaoke header{display:flex;justify-content:space-between;align-items:end}.depth-karaoke header span{font-size:9px;color:#ff2f76;text-transform:uppercase}.depth-karaoke h2{font-size:clamp(65px,9vw,150px);line-height:.8;text-transform:uppercase}.room-deck{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.room-deck article{min-height:420px;padding:30px;border:1px solid #ff2f76;background:#090716;transition:transform .25s,background .25s}.room-deck article:nth-child(2){transform:translateY(-25px)}.room-deck article:hover{color:#090716;background:#ff2f76;transform:translateY(-12px)}.room-deck span{font-size:9px;text-transform:uppercase}.room-deck h3{margin:100px 0 25px;font-size:37px;text-transform:uppercase}.room-deck p{font-size:13px;line-height:1.6}.room-deck b{display:block;margin-top:40px;color:#ff2f76}.room-deck article:hover b{color:#090716}.karaoke-rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:45px}.karaoke-rules p{padding:10px 14px;border:1px solid #ff2f76;font-size:9px;text-transform:uppercase}.depth-karaoke>a{margin-top:25px;font-size:10px;color:#ff2f76}
.depth-workshop{display:grid;grid-template-columns:.8fr 1.2fr .7fr;gap:5vw;padding:9vw 4vw;color:#fff;background:#5b50ff}.depth-workshop header span{font-size:9px;text-transform:uppercase}.depth-workshop h2{margin-top:25px;font-size:clamp(50px,6.5vw,105px);line-height:.85;text-transform:uppercase}.diagnostic-grid{border-top:2px solid}.diagnostic-grid article{display:grid;grid-template-columns:45px 1fr;padding:22px 0;border-bottom:1px solid}.diagnostic-grid b{font:700 10px monospace;color:#d8ff35}.diagnostic-grid p{font-size:17px}.depth-workshop aside{align-self:end;padding:25px;color:#111;background:#d8ff35;box-shadow:10px 10px 0 #111}.depth-workshop aside strong{text-transform:uppercase}.depth-workshop aside p{margin:30px 0;font-size:13px;line-height:1.6}.depth-workshop aside a{font-size:9px;border-bottom:1px solid}
@media(max-width:900px){.depth-coffee,.depth-flowers,.depth-bakery,.depth-workshop{grid-template-columns:1fr 1fr}.depth-coffee header,.depth-flowers .flower-letter,.depth-bakery header,.depth-workshop header{grid-column:1/-1}.bistro-timeline{grid-template-columns:1fr 1fr}.bistro-timeline article:nth-child(2){border-right:0}.studio-path{grid-template-columns:1fr}.studio-path article{border-right:0;border-bottom:1px solid #dce8df}.room-deck{grid-template-columns:1fr}.room-deck article:nth-child(2){transform:none}}
@media(max-width:680px){.depth-coffee,.depth-flowers,.depth-bakery,.depth-workshop{grid-template-columns:1fr;padding:75px 14px}.depth-coffee header,.depth-flowers .flower-letter,.depth-bakery header,.depth-workshop header{grid-column:auto}.coffee-chooser article{grid-template-columns:1fr}.coffee-chooser p{grid-column:auto}.flower-letter{padding:35px 20px;transform:none}.depth-bistro,.depth-studio,.depth-karaoke{padding:75px 14px}.depth-bistro header,.depth-karaoke header{display:block}.bistro-timeline{grid-template-columns:1fr}.bistro-timeline article{min-height:240px;border-right:0;border-bottom:2px solid}.depth-studio header{grid-template-columns:1fr}.depth-studio h2{margin-top:20px}.room-deck article{min-height:340px}.oven-clock article{grid-template-columns:110px 1fr}.oven-clock b{font-size:28px}}
@media(prefers-reduced-motion:reduce){.room-deck article{transition:none}.room-deck article:hover{transform:none}}