@import url('/website-portfolio/concepts/reference-batch.css?v=1');
body{--bg:#f8f0da;--ink:#4d2d1d;--accent:#d9b866;--line:#4d2d1d45}.site-nav{padding:28px 6.5%}.wordmark{font-size:30px}.walnut-cover{display:grid;grid-template-columns:39% 61%;align-items:center;position:relative}.walnut-type{padding:40px 30px 55px 6.5vw}.walnut-type .label{font-size:11px;max-width:260px;margin-bottom:28px}.walnut-type h1{font-size:clamp(95px,11.5vw,170px);line-height:.83;letter-spacing:-.06em}.walnut-type .lead{font:22px/1.4 'Cormorant Garamond';margin:27px 0}.walnut-type .action{background:var(--ink);color:var(--bg);border-radius:40px;padding:12px 24px}.walnut-scene{position:relative}.walnut-scene figure{height:560px;border-radius:180px 0 0 0}.walnut-scene img{object-position:center}.walnut-stamp{position:absolute;bottom:30px;left:-30px;background:#d9b866;width:130px;height:130px;border:1px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-14deg);box-shadow:0 0 0 4px #d9b866,0 0 0 5px #4d2d1d}.walnut-stamp span{font:9px 'DM Mono';letter-spacing:.12em}.walnut-stamp b{font:60px/1.15 'Cormorant Garamond'}.walnut-scene .hand-note{position:absolute;right:5%;bottom:35px;color:#e8c483;font-size:39px;max-width:110px;text-shadow:0 2px 8px #26170c}.walnut-side{display:none}.walnut-counter{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#d9b866;align-items:center;position:relative;padding:45px 6.5% 30px}.walnut-menu-title .label{margin-bottom:20px}.walnut-menu-title h2{font-size:67px;line-height:1;letter-spacing:-.055em}.walnut-menu-title>p{font:10px 'DM Mono';margin-top:25px}.counter-room{height:260px;margin:45px -25px -30px -6.5vw;border-radius:0 100px 0 0}.receipt{background:#fcf7e9;padding:36px;box-shadow:11px 11px 0 #4c302018;position:relative}.receipt:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(135deg,#fcf7e9 50%,transparent 51%) 0 0/12px 12px,linear-gradient(225deg,#fcf7e9 50%,transparent 51%) 0 0/12px 12px}.receipt-head,.receipt-bottom{font:11px/1.8 'DM Mono';text-align:center;letter-spacing:.1em}.receipt-head{padding-bottom:25px;border-bottom:1px solid var(--line)}.receipt article{padding:26px 0;border-bottom:1px solid var(--line);gap:25px}.receipt h3{font:16px 'DM Mono'}.receipt article p{font:10px/1.9 'DM Mono'}.receipt .item-index{font-size:9px}.receipt-bottom{padding-top:24px}.walnut-place{display:grid;grid-template-columns:1.2fr .85fr .6fr;gap:22px 38px;align-items:center;padding:35px 6.5%;border:0}.walnut-place>.label{grid-column:1/3}.walnut-place>p{font:clamp(42px,4.7vw,70px)/1.1 'Cormorant Garamond';letter-spacing:-.04em}.walnut-place>div{font:16px/1.6 'Cormorant Garamond'}.walnut-place small{font:8px 'DM Mono'}.place-room{grid-column:3;grid-row:1/3;height:300px;border-radius:0 90px 0 0}.contact{background:#4d2d1d;color:#f8f0da;padding:45px 6.5%}.contact h2{font-size:67px}.contact address{border-left:1px solid #f8f0da65;padding-left:55px}.site-footer{padding:22px 6.5%}
@media(max-width:1000px){.walnut-type{padding-left:5vw}.walnut-type h1{font-size:112px}.walnut-scene figure{height:520px}.walnut-menu-title h2{font-size:56px}.walnut-place{gap:25px;grid-template-columns:1.1fr .9fr}.place-room{display:none}}
@media(max-width:760px){.site-nav{padding:22px}.walnut-cover{grid-template-columns:1fr}.walnut-type{padding:30px 22px 45px}.walnut-type h1{font-size:110px}.walnut-type .lead{font-size:23px}.walnut-scene{margin-left:22px}.walnut-scene figure{height:370px;border-radius:130px 0 0 0}.walnut-stamp{width:105px;height:105px;left:-10px;bottom:25px}.walnut-stamp b{font-size:48px}.walnut-scene .hand-note{font-size:31px;right:5%}.walnut-counter{grid-template-columns:1fr;padding:40px 22px;gap:35px}.walnut-menu-title h2{font-size:52px}.counter-room{margin:25px -22px 0;height:240px}.receipt{padding:28px 22px}.receipt article{gap:15px}.receipt h3{font-size:15px}.walnut-place{display:block;padding:40px 22px}.walnut-place>p{font-size:47px;margin:22px 0}.walnut-place>div{font-size:18px}.place-room{display:block;margin-top:25px;height:250px}.contact{padding:40px 22px}.contact h2{font-size:52px}.contact address{border:0;padding:0}.site-footer{padding:22px}}
