/* The story uses the restaurant's own photography and the shared brand palette. */
.loutca-story{--story-line:rgba(148,221,233,.18);padding-top:var(--site-header-height);overflow:clip;background:radial-gradient(ellipse at 100% 5%,#2eb0c60b,transparent 32%),#000}
.loutca-story h1,.loutca-story h2,.loutca-story h3,.loutca-story p,.loutca-story figure{margin:0}
.loutca-story em{color:var(--brand);font-style:normal}
.story-container{width:88%;max-width:1320px;margin-inline:auto}
.story-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center;width:89%;max-width:1420px;margin:auto;padding:42px 0 62px;min-height:min(790px,calc(100svh - var(--site-header-height)))}
.story-hero-copy{position:relative;z-index:2;padding:20px 0 36px}
.story-kicker{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500;color:var(--brand);line-height:2}
.story-kicker>span{display:block;width:30px;height:1px;background:var(--brand)}
.story-hero h1{font-size:clamp(52px,5.9vw,90px);font-weight:800;line-height:1.48;letter-spacing:-1.5px;margin:21px 0 24px}
.story-lead{color:var(--text-secondary);font-size:clamp(13px,1.15vw,16px);line-height:2.35}
.story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.loutca-story .button{min-height:48px;padding:12px 22px;font-size:12px;width:fit-content}
.story-quiet-link{display:inline-block;color:var(--paper);font-size:12px;line-height:2.1;padding:6px 0;border-bottom:1px solid rgba(148,221,233,.5);transition:color .25s,border-color .25s}
.story-quiet-link:hover{color:var(--brand);border-color:var(--brand)}
.story-hero-photo{position:relative;align-self:stretch;min-height:510px;max-height:700px;border-radius:180px 8px 8px 8px;overflow:hidden;background:#091114;border:1px solid var(--story-line)}
.story-hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:53% 45%}
.story-hero-photo:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent 25%,#000b);pointer-events:none}
.story-hero-photo figcaption{position:absolute;z-index:1;inset:auto 24px 24px;display:flex;align-items:center;gap:12px;padding:17px 18px;background:#041014a6;border:1px solid #b6edf22b;backdrop-filter:blur(16px);border-radius:3px;color:#fff;font-size:14px}
.story-hero-photo figcaption small{display:block;font-size:10px;color:#c7d9dc;margin-top:6px}
.story-hero-photo figcaption img{width:46px;height:auto;margin-right:auto}
.story-photo-dot{width:6px;height:6px;background:var(--brand);border-radius:50%;box-shadow:0 0 16px #2eb0c680;flex-shrink:0}
.story-hero-tide{position:absolute;z-index:-1;width:44%;right:0;bottom:28px;opacity:.07;pointer-events:none}
.story-hero-tide img{display:block;width:100%;height:auto}
.story-chapters{display:flex;justify-content:center;align-items:center;gap:45px;border-block:1px solid var(--story-line);padding:23px 6%;font-size:12px;background:#07101380}
.story-chapters>span{color:var(--muted);margin-left:auto;font-size:11px}
.story-chapters a{padding:3px 0;color:var(--text-secondary);transition:color .2s}
.story-chapters a:hover{color:var(--brand)}
.story-space,.story-taste,.story-visit{scroll-margin-top:24px}
.story-space{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:12%;padding-block:120px}
.loutca-story h2{font-size:clamp(32px,3.5vw,54px);line-height:1.7;font-weight:700;letter-spacing:-.6px}
.story-space h2{margin:15px 0 26px}
.story-space-copy>p:not(.story-kicker){font-size:14px;line-height:2.5;color:var(--text-secondary);max-width:470px;margin-top:16px}
.story-space-note{display:flex;align-items:center;gap:20px;margin-top:36px}
.story-space-note>span{width:3px;height:52px;background:linear-gradient(transparent,var(--brand),transparent)}
.story-space-note p{font-size:17px;line-height:2.1;color:var(--paper)}
.story-space-note strong{font-weight:500;color:var(--brand)}
.story-detail-photo{position:relative;max-width:440px;aspect-ratio:4/5;padding:12px;border:1px solid var(--story-line);border-radius:5px 5px 130px 5px;background:linear-gradient(155deg,#2eb0c60d,transparent);justify-self:end;width:100%}
.story-detail-window{height:100%;overflow:hidden;border-radius:2px 2px 118px 2px;position:relative}
.story-detail-window:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0009)}
.story-detail-window>img{width:100%;height:100%;object-fit:cover;object-position:63% 0;transform:scale(1.55);transform-origin:60% 5%}
.story-detail-photo figcaption{position:absolute;bottom:36px;right:28px;left:28px;font-size:11px;color:white;text-shadow:0 2px 12px #000;line-height:2}
.story-taste{padding-block:30px 100px;border-top:1px solid var(--story-line)}
.story-taste-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:40px}
.story-taste-heading h2{margin-top:12px}
.story-taste-heading>p{font-size:13px;line-height:2.5;color:var(--text-secondary);padding-bottom:12px}
.story-taste-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}
.story-dish{display:flex;flex-direction:column;position:relative;border:1px solid var(--story-line);border-radius:8px;overflow:hidden;background:linear-gradient(150deg,#0b171c,#020405 70%);transition:border-color .35s}
.story-dish:hover{border-color:#2eb0c669}
.story-dish-visual{position:relative;isolation:isolate;height:clamp(260px,28vw,390px);display:flex;justify-content:center;align-items:center}
.story-dish-visual>span{position:absolute;z-index:-1;width:80%;height:60%;border:1px solid #2eb0c621;border-radius:50%;transform:rotate(-17deg);background:radial-gradient(ellipse,#2eb0c614,transparent 70%)}
.story-dish-visual img{width:95%;height:115%;max-width:520px;object-fit:contain;filter:drop-shadow(0 20px 16px #0009);transition:transform .6s cubic-bezier(.2,.65,.25,1)}
.story-dish--salmon .story-dish-visual img{transform:translateY(-7px) rotate(-6deg)}
.story-dish--sushi .story-dish-visual img{width:82%;height:100%;transform:rotate(8deg)}
.story-dish:hover .story-dish-visual img{transform:translateY(-12px) rotate(0) scale(1.025)}
.story-dish-copy{padding:18px 30px 32px;position:relative}
.story-dish-copy>span:first-child{color:var(--brand);font-size:11px}
.story-dish-copy h3{font-size:clamp(20px,2vw,28px);line-height:1.8;margin-top:8px;font-weight:600}
.story-dish-copy p{color:var(--text-secondary);font-size:12px;line-height:2.2;margin-top:8px}
.story-dish-link{display:inline-block;border-bottom:1px solid #2eb0c65c;color:var(--brand);font-size:11px;margin-top:22px;padding-bottom:5px}
.story-cafe{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--story-line);padding:32px 6px}
.story-cafe>img{width:52px;height:auto;opacity:.8}
.story-cafe>p{font-size:17px;line-height:1.9}
.story-cafe>p>span{display:block;font-size:12px;color:var(--text-secondary);margin-top:6px}
.story-cafe>a{margin-right:auto;flex-shrink:0}
.story-visit{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:490px;padding:45px 6% 65px;margin-bottom:80px;border:1px solid var(--story-line);border-radius:8px;background:radial-gradient(ellipse at 20% 70%,#2eb0c612,transparent 65%)}
.story-visit-copy{grid-column:1;grid-row:1}
.story-visit h2{margin-block:12px 20px}
.story-visit-copy>p:not(.story-kicker){font-size:13px;line-height:2.2;color:var(--text-secondary)}
.story-visit-art{grid-column:2;grid-row:1;display:grid;justify-items:center;opacity:.7;pointer-events:none}
.story-visit-art img{width:65%;height:auto;max-width:230px;filter:drop-shadow(0 0 30px #2eb0c618)}
@media(min-width:1600px){.story-hero{padding-top:64px}.story-hero-photo{min-height:660px}}
@media(max-width:1100px){.story-hero{gap:5%;padding-top:34px;min-height:660px}.story-hero h1{font-size:60px}.story-hero-photo{min-height:540px;border-top-left-radius:130px}.story-actions{gap:16px}.story-space{gap:7%;padding-block:90px}.story-space-copy>p:not(.story-kicker){font-size:13px}.story-visit{width:88%;padding-inline:5%}.story-visit h2{font-size:34px}.story-visit .story-actions{gap:16px}}
@media(max-width:800px){.story-hero{min-height:0;grid-template-columns:1fr 1fr;gap:5%;padding:40px 0 45px}.story-hero h1{font-size:clamp(38px,6.5vw,54px);letter-spacing:-.8px}.story-hero-copy{padding:0}.story-hero-photo{min-height:480px;border-top-left-radius:100px}.story-hero-photo figcaption{inset:auto 14px 14px;padding:13px 12px;font-size:11px;gap:8px}.story-hero-photo figcaption small{font-size:8px}.story-hero-photo figcaption img{width:33px}.story-lead{font-size:12px}.story-actions{align-items:flex-start;gap:12px;margin-top:24px}.loutca-story .button{font-size:11px;padding:11px 17px}.story-quiet-link{font-size:11px}.story-chapters{gap:28px;font-size:11px}.story-chapters>span{display:none}.story-space{padding-block:75px;gap:6%}.loutca-story h2{font-size:32px}.story-space-copy>p:not(.story-kicker){font-size:12px;line-height:2.4}.story-space-note p{font-size:15px}.story-detail-photo{aspect-ratio:3/4;border-bottom-right-radius:90px}.story-detail-window{border-bottom-right-radius:78px}.story-taste{padding-bottom:65px}.story-taste-heading{align-items:start;gap:18px}.story-taste-heading>p{font-size:12px;max-width:230px;padding-top:36px}.story-taste-grid{gap:18px;margin-top:32px}.story-dish-visual{height:250px}.story-dish-copy{padding:15px 20px 25px}.story-dish-copy h3{font-size:21px}.story-cafe{gap:18px}.story-cafe>p{font-size:15px}.story-cafe>p>span{font-size:11px}.story-visit{gap:2%;padding:40px 5%;min-height:410px;margin-bottom:60px}.story-visit h2{font-size:30px}.story-visit-art img{width:80%}}
@media(max-width:600px){.story-container{width:88%}.story-hero{display:flex;flex-direction:column;align-items:stretch;width:88%;padding:44px 0 28px;gap:34px}.story-kicker{font-size:11px}.story-hero h1{font-size:clamp(42px,11vw,60px);line-height:1.5;margin:15px 0 18px}.story-lead{font-size:13px;line-height:2.3}.story-actions{gap:18px;align-items:center;margin-top:25px}.story-hero-copy .button{font-size:11px}.story-hero-photo{min-height:0;height:390px;width:100%;border-top-left-radius:110px;align-self:auto}.story-hero-photo>img{object-position:50% 50%}.story-hero-photo figcaption{inset:auto 17px 17px;font-size:13px;padding:15px}.story-hero-photo figcaption small{font-size:9px}.story-hero-photo figcaption img{width:38px}.story-hero-tide{width:100%;right:0;bottom:390px}.story-chapters{padding:18px 6%;gap:0;justify-content:space-between;font-size:11px}.story-space{display:flex;flex-direction:column;gap:34px;padding-block:58px}.loutca-story h2{font-size:clamp(28px,7.5vw,36px);line-height:1.75;letter-spacing:-.4px}.story-space h2{margin:12px 0 22px}.story-space-copy>p:not(.story-kicker){font-size:13px;line-height:2.5}.story-space-note{margin-top:25px}.story-detail-photo{align-self:flex-end;width:86%;max-width:360px;aspect-ratio:1.05;border-bottom-right-radius:95px;padding:9px}.story-detail-window{border-bottom-right-radius:86px}.story-detail-photo figcaption{bottom:25px;right:23px;font-size:10px}.story-taste{padding-top:20px;padding-bottom:50px}.story-taste-heading{display:block;padding-top:15px}.story-taste-heading>p{max-width:none;font-size:12px;padding-top:18px}.story-taste-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}.story-dish-visual{height:280px}.story-dish-copy{padding:5px 24px 27px}.story-dish-copy h3{font-size:23px}.story-dish-copy p{font-size:12px}.story-cafe{flex-wrap:wrap;gap:15px;padding:27px 0}.story-cafe>img{width:38px}.story-cafe>p{font-size:13px;flex:1}.story-cafe>p>span{font-size:11px;line-height:2.1}.story-cafe>a{margin-right:53px}.story-visit{display:flex;flex-direction:column;gap:30px;align-items:stretch;padding:38px 7% 42px;margin-bottom:46px}.story-visit-copy{order:0}.story-visit-art{order:1;position:absolute;width:38%;left:0;bottom:14px;opacity:.11;z-index:-1}.story-visit-art img{width:100%}.story-visit h2{font-size:30px}.story-visit .story-actions{gap:18px}.story-visit-copy>p:not(.story-kicker){font-size:12px}}
@media(max-width:360px){.story-hero h1{font-size:41px}.story-hero-photo{height:340px}.story-actions{gap:13px}.story-quiet-link{font-size:10px}.loutca-story .button{padding-inline:13px}.story-dish-visual{height:235px}.story-dish-copy h3{font-size:21px}.story-visit h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.story-dish-visual img,.story-dish:hover .story-dish-visual img{transition:none;transform:none}}
