:root{--ink:#251d17;--brown:#302218;--cream:#f4eee6;--gold:#d8b891;--muted:#72695f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f5f0;color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}img{width:100%;height:100%;display:block;object-fit:cover}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1320px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:20px;background:white;padding:15px;z-index:90}.site-header{height:92px;position:absolute;inset:0 0 auto;z-index:20;color:#fff;border-bottom:1px solid #ffffff29}.nav{height:100%;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;flex-direction:column;min-width:253px;line-height:1;letter-spacing:-1.1px;font-size:28px;font-weight:400}.brand-serif{font-family:"Playfair Display",serif;font-weight:600}.brand-dot{color:#d8b891}.brand small{margin-top:9px;font-size:8px;letter-spacing:2.65px;font-weight:700}.navigation{display:flex;justify-content:center;align-items:center;gap:36px;flex:1;font-size:13px}.navigation a{opacity:.89;transition:opacity .2s}.navigation a:hover{opacity:1}.nav-reserve{border:1px solid #ffffff8c;border-radius:30px;padding:15px 23px;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:1.8px}.nav-reserve span{margin-left:18px;font-size:15px}.menu-toggle{display:none}.hero{height:min(850px,92vh);min-height:650px;position:relative;isolation:isolate;color:#fff;background:#281c16;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/loft-interior.jpg") center/cover no-repeat;z-index:-2}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,12,10,.96),rgba(22,14,11,.80) 30%,rgba(28,19,15,.36) 73%,rgba(26,17,12,.18)),linear-gradient(0deg,#17100aa6,transparent 50%)}.hero-inner{position:relative;padding-top:220px}.eyebrow{color:#977f67;letter-spacing:3px;font-size:10px;font-weight:800}.eyebrow.light{color:#dfc8aa}.line{display:inline-block;height:1px;width:28px;background:var(--gold);vertical-align:middle;margin-right:16px}.hero h1,h2,.quote-section p{font-family:"Playfair Display",serif;font-weight:400;letter-spacing:-2.5px}.hero h1{font-size:clamp(65px,7vw,113px);line-height:1.07;margin:31px 0 25px}.hero em,h2 em,.quote-section em{font-weight:400;color:#e6c8a5}.hero p{font-size:16px;line-height:1.9;color:#e2d9cd;max-width:490px;margin:0}.hero-actions{display:flex;align-items:center;gap:38px;margin-top:38px}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:19px 27px;border-radius:2px;letter-spacing:1.7px;font-size:10px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-cream{background:#ead5b7;color:#231810}.btn span{font-size:20px;font-weight:400}.text-link{font-size:10px;letter-spacing:2px;font-weight:700}.text-link span{margin-left:10px}.hero-index{margin-top:110px;font-size:10px;letter-spacing:2px;color:#d4bfaa}.hero-index span{padding:0 15px;opacity:.5}.hero-side{position:absolute;right:29px;bottom:47px;writing-mode:vertical-rl;letter-spacing:2px;font-size:9px}.hero-side span{margin-top:22px}.features{background:#211911;color:white}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.feature{display:flex;align-items:center;gap:21px;padding:15px 30px;border-right:1px solid #ffffff30}.feature:first-child{padding-left:0}.feature:last-child{border:0}.feature-symbol{font-size:32px;color:#d9b88d;line-height:1}.feature h3{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px}.feature p{font-size:12px;line-height:1.5;color:#bdafa0;margin:0}.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.about-photo-grid{display:grid;grid-template-columns:1fr 1fr;background:#241b13;min-height:610px}.photo{position:relative;overflow:hidden}.photo img{transition:transform .7s}.photo:hover img{transform:scale(1.06)}.coffee img{object-position:center}.plate img{object-position:center}.vertical-label{position:absolute;bottom:28px;left:25px;color:white;font-size:9px;letter-spacing:3px;writing-mode:vertical-rl;transform:rotate(180deg);text-shadow:0 2px 8px black}.photo-stamp{position:absolute;left:25px;top:35px;color:#fff;font-size:9px;letter-spacing:3px;line-height:2}.about-copy{padding:105px clamp(40px,7vw,120px);position:relative;overflow:hidden;background:#f1eae1}.about-copy h2,.section-heading h2,.visit-inner h2{font-size:clamp(40px,4.2vw,65px);line-height:1.16;margin:24px 0}.about-copy h2 em,.section-heading h2 em{color:#a98c6b}.small-rule{width:45px;background:#bba388;height:1px;margin:31px 0}.about-copy p{max-width:510px;line-height:1.95;color:#665c53;font-size:14px}.outline-link{display:inline-flex;gap:35px;border:1px solid #8e7864;border-radius:50px;padding:15px 23px;font-size:10px;letter-spacing:1.8px;margin-top:25px;font-weight:700;position:relative;z-index:1}.outline-link span{font-size:16px}.section-watermark{position:absolute;bottom:20px;right:28px;opacity:.07;font:italic 48px "Playfair Display",serif}.section-pad{padding:122px 0}.menu-section{background:#fbf9f5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:49px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:335px;color:#75695f;font-size:14px;line-height:1.9;margin:0 0 11px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.menu-img{height:360px;position:relative;overflow:hidden;background:#5f4534}.menu-img img{transition:transform .6s}.menu-card:hover .menu-img img{transform:scale(1.06)}.menu-number{position:absolute;top:18px;left:21px;background:#f0e5d6;color:#31251c;padding:12px;font-size:11px}.menu-card-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 1px}.menu-card-footer span:not(.arrow-round){font-size:9px;letter-spacing:2px;color:#a3876b;font-weight:700}.menu-card-footer h3{font:normal 29px "Playfair Display",serif;margin:9px 0 0}.arrow-round{border:1px solid #b7a697;border-radius:50%;height:43px;width:43px;display:grid;place-items:center;font-size:20px}.menu-note{font-size:11px;color:#867568;margin:5px 0}.quote-section{padding:100px 0;background:#2c211a;color:#f6eee4;text-align:center}.quote-section p{font-size:clamp(38px,4.7vw,73px);max-width:1000px;margin:22px auto;line-height:1.24}.quote-foot{font-size:10px;letter-spacing:2.5px;color:#d2b692}.gallery-section{background:#f4eee6}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:255px 255px;gap:18px}.gallery-item{overflow:hidden}.gallery-item img{transition:transform .7s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item.tall{grid-row:span 2}.visit-section{background:#30241b;color:#fff;padding:110px 0}.visit-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;align-items:center}.visit-inner h2{font-size:clamp(55px,5.5vw,80px)}.visit-inner p{color:#c5b5a6;line-height:1.9;max-width:440px;font-size:14px;margin-bottom:32px}.visit-card{border:1px solid #a78d714f;padding:45px 50px;background:#3c2c21}.visit-card-label{font-size:10px;letter-spacing:3px;color:#d4b48e}.visit-card h3{font:normal 37px "Playfair Display",serif;margin:28px 0 34px}.visit-detail{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8a75614f;padding:20px 0;font-size:12px}.visit-detail span{font-size:9px;letter-spacing:1.6px;color:#b29c85}.visit-detail strong,.visit-detail a{font-size:12px;text-align:right;font-weight:500}.visit-card small{font-size:10px;color:#baa99a}.footer{background:#1b1511;color:#f8eee1}.footer-main{display:flex;justify-content:space-between;gap:50px;padding:65px 0 52px}.footer-brand{font-size:32px}.footer-main p{max-width:330px;color:#a99b8c;line-height:1.8;font-size:13px;margin-top:27px}.footer-links{display:flex;gap:36px;align-items:start;flex-wrap:wrap;font-size:10px;letter-spacing:1.8px}.footer-bottom{border-top:1px solid #ffffff25;padding:25px 0 32px;display:flex;justify-content:space-between;gap:25px;color:#998d80;font-size:9px;letter-spacing:1.3px}@media(max-width:1050px){.shell{width:min(100% - 52px,1320px)}.navigation{gap:18px}.brand{min-width:225px}.nav{gap:16px}.nav-reserve{display:none}.feature{padding:10px 15px;gap:12px}.feature-symbol{font-size:25px}.about-copy{padding:80px 45px}.menu-img{height:300px}}@media(max-width:720px){.site-header{height:74px}.shell{width:calc(100% - 40px)}.brand{font-size:25px;min-width:0}.brand small{font-size:7px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer;margin-left:auto}.menu-toggle span{height:2px;width:24px;background:#fff;display:block}.navigation{display:none;position:absolute;top:74px;left:0;right:0;background:#211911;flex-direction:column;align-items:stretch;padding:22px 25px;gap:0}.navigation.open{display:flex}.navigation a{padding:14px 0;border-bottom:1px solid #ffffff26}.hero{min-height:660px;height:92svh;max-height:850px}.hero-image{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,#130e0bc9,#130e0b72),linear-gradient(0deg,#130e0bac,transparent)}.hero-inner{padding-top:178px}.hero h1{font-size:clamp(53px,11vw,78px);letter-spacing:-1.9px}.hero p{font-size:14px;max-width:360px}.hero-actions{gap:24px;align-items:flex-start;flex-direction:column;margin-top:30px}.hero-index{margin-top:60px}.hero-side{display:none}.feature-grid{grid-template-columns:1fr 1fr}.feature{padding:20px 8px;border-bottom:1px solid #ffffff2b}.feature:nth-child(2){border-right:0}.feature:nth-child(n+3){border-bottom:0}.feature h3{font-size:9px}.feature p{font-size:11px}.feature-symbol{font-size:24px}.about-section{grid-template-columns:1fr}.about-photo-grid{min-height:365px;height:365px}.about-copy{padding:75px 27px}.section-pad{padding:80px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}.menu-grid{grid-template-columns:1fr;gap:30px}.menu-img{height:370px}.menu-card-footer{padding:20px 0}.quote-section{padding:75px 0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:240px 180px}.gallery-item.tall{grid-column:span 2;grid-row:auto}.visit-section{padding:80px 0}.visit-inner{grid-template-columns:1fr;gap:44px}.visit-card{padding:32px 25px}.footer-main,.footer-bottom{flex-direction:column}.footer-main{padding-bottom:38px}.footer-bottom{gap:15px}.footer-links{gap:20px}.eyebrow{letter-spacing:2px;font-size:9px}}@media(max-width:370px){.hero h1{font-size:50px}.feature{gap:8px}.feature-symbol{font-size:19px}.feature h3{font-size:8px}.visit-detail{flex-direction:column;gap:8px}.visit-detail strong,.visit-detail a{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}