:root{--ink:#081725;--cream:#f4ead2;--gold:#e8a83d;--rust:#b94e2d;--paper:#fffaf0;--line:rgba(8,23,37,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.65}a{color:inherit}.hero{min-height:94vh;position:relative;background:linear-gradient(90deg,rgba(4,15,27,.98) 0%,rgba(4,15,27,.86) 38%,rgba(4,15,27,.08) 77%),url("koki-portrait.png") center/cover;color:white;padding:0 6vw;display:flex;flex-direction:column}nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:.05em}.brand-mark{width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:"Fraunces",serif}.nav-links{display:flex;gap:30px}.nav-links a{text-decoration:none;font-size:.9rem}.nav-links a:hover{text-decoration:underline;text-underline-offset:6px}.menu{display:none;background:none;border:1px solid white;color:white;padding:8px 13px;border-radius:99px}.hero-content{margin:auto 0;width:min(720px,75vw);padding:80px 0}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.19em;font-size:.76rem;font-weight:700;color:var(--rust)}.eyebrow{color:var(--gold)}h1,h2,h3{font-family:"Fraunces",serif;margin:.15em 0;line-height:1.02}h1{font-size:clamp(4rem,9vw,8.5rem);letter-spacing:-.055em}h1 em{color:var(--gold);font-weight:600}.intro{font-size:clamp(1.1rem,2vw,1.45rem);margin:26px 0 36px}.button{display:inline-flex;gap:38px;align-items:center;text-decoration:none;background:var(--gold);color:var(--ink);padding:15px 22px;border-radius:2px;font-weight:700}.image-note{align-self:flex-end;margin:0 0 20px;font-size:.75rem;color:rgba(255,255,255,.68)}section{padding:110px 8vw}.meet{display:grid;grid-template-columns:70px 1fr 1.3fr;gap:40px;align-items:start}.section-number{font-family:"Fraunces",serif;font-size:1.2rem;color:var(--rust);border-top:2px solid currentColor;padding-top:10px}h2{font-size:clamp(3rem,6vw,6.2rem);letter-spacing:-.045em}.story-copy{max-width:600px}.lead{font-family:"Fraunces",serif;font-size:1.5rem;line-height:1.45}.portrait-card{grid-column:2/4;height:480px;margin-top:40px;background:url("koki-portrait.png") center 58%/cover;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:white;box-shadow:0 24px 70px rgba(8,23,37,.2)}.portrait-card span{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.portrait-card strong{font-family:"Fraunces",serif;font-size:2.4rem}.species{background:var(--ink);color:var(--cream)}.light{color:var(--gold)}.section-heading{max-width:900px}.species h2 i{font-weight:400;color:var(--gold)}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid rgba(244,234,210,.25)}.fact-grid article{padding:30px 24px 0 0;border-right:1px solid rgba(244,234,210,.25);min-height:270px}.fact-grid article:not(:first-child){padding-left:24px}.fact-grid span{color:var(--gold);font-size:.8rem}.fact-grid h3{font-size:1.55rem;margin:35px 0 15px}.fact-grid p{color:rgba(244,234,210,.72)}.care-note{font-size:.78rem;color:rgba(244,234,210,.58);margin-top:55px}.food{display:grid;grid-template-columns:.8fr 1.2fr .7fr;gap:5vw;align-items:start}.food-title .section-number{width:60px}.food-card{background:var(--cream);padding:50px}.menu-label{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--rust);font-weight:700}.food-card h3{font-size:clamp(2rem,4vw,4rem)}.rule{height:1px;background:var(--line);margin:34px 0}.food aside{border-top:2px solid var(--ink);padding-top:18px}.food aside>p{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.food ol{padding-left:20px}.food li{margin:15px 0}.watch{background:var(--rust);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.watch .kicker{color:var(--cream)}.watch .section-heading>p:last-child{max-width:600px;color:rgba(255,255,255,.82)}.link-stack{align-self:end}.link-stack a{display:grid;grid-template-columns:75px 1fr auto;gap:16px;align-items:center;padding:25px 0;border-top:1px solid rgba(255,255,255,.4);text-decoration:none}.link-stack a:last-child{border-bottom:1px solid rgba(255,255,255,.4)}.link-stack span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.link-stack strong{font-family:"Fraunces",serif;font-size:1.25rem}.link-stack a:hover strong{text-decoration:underline;text-underline-offset:5px}.album{text-align:center}.album-intro{max-width:650px;margin:20px auto 50px}.album-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:420px;gap:16px;text-align:left}.crop{background-image:url("koki-portrait.png");background-size:cover;position:relative}.crop-one{background-position:63% center}.crop-two{background-position:88% center}.crop span{position:absolute;bottom:18px;left:18px;background:rgba(8,23,37,.84);color:white;padding:7px 11px;font-size:.75rem}.quote{background:var(--gold);padding:35px;display:flex;flex-direction:column;justify-content:space-between}.quote blockquote{margin:0;font-family:"Fraunces",serif;font-size:2.8rem;line-height:1.06}.quote p{font-size:.8rem}footer{background:var(--ink);color:var(--cream);min-height:180px;padding:45px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{color:rgba(244,234,210,.65)}footer>a{text-underline-offset:5px}@media(max-width:850px){.hero{min-height:800px;background-position:65% center}.nav-links{display:none;position:absolute;top:74px;right:0;left:0;background:var(--ink);padding:22px;flex-direction:column}.nav-links.open{display:flex}.menu{display:block}.hero-content{width:100%;padding-top:170px}h1{font-size:clamp(3.4rem,16vw,6rem)}section{padding:78px 6vw}.meet,.food,.watch{grid-template-columns:1fr}.meet .section-number{display:none}.portrait-card{grid-column:auto;height:360px}.fact-grid{grid-template-columns:1fr 1fr}.food-card{padding:35px}.album-grid{grid-template-columns:1fr;grid-auto-rows:360px}footer{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.hero{padding:0 5vw;background:linear-gradient(180deg,rgba(4,15,27,.7),rgba(4,15,27,.92)),url("koki-portrait.png") 69% center/cover}.hero-content{padding-top:130px}.image-note{align-self:flex-start}.fact-grid{grid-template-columns:1fr}.fact-grid article,.fact-grid article:not(:first-child){padding:28px 0;border-right:0;border-bottom:1px solid rgba(244,234,210,.2);min-height:0}.link-stack a{grid-template-columns:58px 1fr auto}.portrait-card{height:290px}.album-grid{grid-auto-rows:300px}footer{padding:45px 6vw}}