:root {
  --black:#070707;
  --soft-black:#101010;
  --white:#f5f5f2;
  --muted:#9a9a96;
  --line:#292929;
  --silver:#c9c9c4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:"DM Sans",sans-serif}
a{color:inherit;text-decoration:none}
.nav{position:fixed;top:0;left:0;width:100%;height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;z-index:20;background:linear-gradient(#070707,transparent);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;height:64px}
.brand-logo{width:62px;height:62px;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(255,255,255,.10))}
@media (max-width:700px){.brand-logo{width:52px;height:52px}}
.nav nav{display:flex;gap:30px;font-size:13px;color:#aaa}
.nav nav a:hover,.footer-links a:hover{color:white}
.nav-button{border:1px solid #3b3b3b;border-radius:100px;padding:11px 18px;font-size:12px}
.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:120px 9vw 80px}
.hero:before{content:"";position:absolute;width:58vw;height:58vw;right:-15vw;top:5vh;border-radius:50%;background:radial-gradient(circle,#282828 0,#111 35%,transparent 67%);filter:blur(2px)}
.hero-content{max-width:850px;position:relative;z-index:2}
.eyebrow{font-size:10px;letter-spacing:4px;color:#8e8e89;margin:0 0 24px}
.hero h1{font:800 clamp(58px,9vw,132px)/.88 "Manrope",sans-serif;letter-spacing:-7px;margin:0}
.hero h1 span,.big-statement em,.philosophy h2 span,.contact h2 span{color:#8d8d89;font-style:normal}
.hero-copy{max-width:520px;color:#aaa;line-height:1.7;font-size:16px;margin:35px 0}
.hero-actions{display:flex;align-items:center;gap:28px}
.button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:15px 24px;font-size:12px;font-weight:600}
.button-light{background:var(--white);color:#080808}
.text-link{font-size:12px;color:#aaa}.text-link span{font-size:18px;margin-left:6px}
.hero-side{position:absolute;right:8vw;bottom:11vh;z-index:3;text-align:right;display:flex;flex-direction:column;gap:5px}
.hero-side span,.hero-side small{font-size:9px;letter-spacing:3px;color:#777}
.hero-side strong{font:800 70px "Manrope";letter-spacing:-6px}
.hero-orbit{position:absolute;border:1px solid #252525;border-radius:50%;z-index:1}
.orbit-one{width:55vw;height:55vw;right:-8vw;top:12vh;transform:rotate(25deg)}
.orbit-two{width:40vw;height:18vw;right:0;top:31vh;transform:rotate(-35deg)}
.statement,.philosophy{padding:140px 9vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.3fr;gap:8vw}
.section-label{font-size:10px;letter-spacing:3px;color:#73736f}
.big-statement{font:600 clamp(36px,5vw,72px)/1.05 "Manrope";letter-spacing:-3px;margin:0 0 45px;max-width:900px}
.body-copy{max-width:650px;color:#92928e;line-height:1.8;font-size:15px}
.ventures{padding:140px 9vw;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px;gap:50px}
.section-heading h2{font:700 clamp(42px,6vw,78px) "Manrope";letter-spacing:-4px;margin:0}
.section-heading>p{max-width:330px;color:#777;line-height:1.6;font-size:13px}
.venture-card{min-height:570px;border:1px solid #292929;background:#0c0c0c;position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr}
.card-number{position:absolute;top:25px;left:28px;font-size:10px;letter-spacing:3px;color:#666;z-index:4}
.food-art{position:relative;overflow:hidden;min-height:570px;background:radial-gradient(circle at 50% 50%,#30302d 0,#151514 35%,#090909 70%);display:flex;align-items:center;justify-content:center}
.food-ring{width:390px;height:390px;border:1px solid #555;border-radius:50%;box-shadow:0 0 80px #000 inset,0 0 100px #111}
.food-word{position:absolute;font:800 58px/.82 "Manrope";letter-spacing:-4px;text-align:center;transform:rotate(-8deg);text-shadow:0 12px 30px #000}
.chip{position:absolute;width:150px;height:82px;border-radius:50%;background:linear-gradient(135deg,#e0e0d8,#777);filter:blur(.2px);box-shadow:0 25px 40px #000;opacity:.9}
.chip:after{content:"";position:absolute;inset:10px;border:1px dashed #777;border-radius:50%}
.chip-a{transform:translate(-130px,-135px) rotate(22deg)}.chip-b{transform:translate(150px,-85px) rotate(-18deg)}.chip-c{transform:translate(80px,150px) rotate(12deg)}
.venture-info{padding:80px 55px;display:flex;flex-direction:column;justify-content:center}
.mini-label{font-size:9px;letter-spacing:3px;color:#777}
.venture-info h3{font:700 52px "Manrope";letter-spacing:-3px;margin:10px 0 20px}
.venture-info>p:not(.mini-label){color:#898985;line-height:1.7;font-size:14px;max-width:360px}
.circle-link{margin-top:35px;border:1px solid #3a3a3a;border-radius:100px;padding:13px 18px;width:max-content;font-size:11px}
.circle-link span{margin-left:20px;font-size:16px}
.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}
.future-card{border:1px solid #252525;min-height:260px;padding:25px;position:relative;background:#0a0a0a}
.future-card>span{font-size:10px;color:#555}
.future-icon{position:absolute;right:25px;top:20px;font-size:25px;color:#444}
.future-card h3{font:600 22px "Manrope";margin-top:95px}
.future-card p{font-size:12px;line-height:1.6;color:#70706c;max-width:250px}
.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.philosophy h2{font:700 clamp(50px,7vw,90px)/.9 "Manrope";letter-spacing:-5px;margin:0}
.principles>div{border-top:1px solid #292929;padding:25px 0;display:grid;grid-template-columns:50px 1fr;column-gap:15px}
.principles b{font-size:10px;color:#666}.principles h3{font:600 20px "Manrope";margin:0}.principles p{grid-column:2;color:#777;font-size:13px;line-height:1.6;margin:8px 0 0}
.contact{margin:0 5vw 5vw;padding:90px 7vw;background:#ededE8;color:#090909;min-height:500px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}
.contact .eyebrow{color:#777}.contact h2{font:800 clamp(58px,8vw,110px)/.88 "Manrope";letter-spacing:-6px;margin:0 0 30px}.contact h2 span{color:#8a8a85}.contact-card>p:not(.eyebrow){color:#666;max-width:400px;font-size:14px;margin-bottom:28px}
.contact-mark{font:800 clamp(120px,22vw,330px) "Manrope";letter-spacing:-25px;color:#d5d5d0;position:absolute;right:-3vw;bottom:-8vw;z-index:0}
.contact-card{position:relative;z-index:2}
footer{padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #222;color:#666;font-size:10px}
.footer-brand{font:800 24px "Manrope";letter-spacing:-2px;color:#ddd}.footer-links{display:flex;gap:22px}
@media(max-width:800px){
  .nav{height:70px;padding:0 6vw}.nav nav{display:none}.nav-button{padding:9px 14px}
  .hero{padding:110px 7vw 80px}.hero h1{letter-spacing:-4px}.hero-side{display:none}
  .statement,.philosophy{padding:90px 7vw;grid-template-columns:1fr;gap:35px}
  .ventures{padding:90px 7vw}.section-heading{display:block}.section-heading>p{margin-top:25px}
  .venture-card{grid-template-columns:1fr}.food-art{min-height:420px}.venture-info{padding:55px 35px}
  .future-grid{grid-template-columns:1fr}.philosophy-grid{grid-template-columns:1fr}
  .contact{margin:0 3vw 3vw;padding:65px 7vw;min-height:500px}.contact-mark{font-size:150px;letter-spacing:-12px}
  footer{padding:28px 6vw;flex-wrap:wrap;gap:15px}
}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}
.reveal.show{opacity:1;transform:none}
.cursor-glow{position:fixed;width:260px;height:260px;pointer-events:none;z-index:0;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.055),transparent 65%);mix-blend-mode:screen}
::selection{background:#f5f5f2;color:#070707}

.psn-about{padding:115px 0 100px;border-top:1px solid #222}
.about-head{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;padding:35px 0 65px}
.about-head h2{font:700 clamp(54px,8vw,105px)/.83 "Manrope";letter-spacing:-6px;margin:10px 0 0}
.about-head h2 em{font-style:normal;color:#666}
.about-statement{border-left:1px solid #333;padding-left:30px}
.about-statement p{font-size:14px;line-height:1.7;color:#888;max-width:430px;margin:0}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #292929}
.about-panel{min-height:260px;padding:28px 28px 30px 0;border-bottom:1px solid #292929;border-right:1px solid #292929}
.about-panel:not(:first-child){padding-left:28px}
.about-panel:last-child{border-right:0}
.about-index{font-size:8px;letter-spacing:2px;color:#555}
.about-panel h3{font:650 26px "Manrope";margin:52px 0 14px}
.about-panel p{font-size:11px;line-height:1.75;color:#777;max-width:330px;margin:0}
.about-panel strong{color:#ddd;font-weight:600}
.about-link{display:inline-flex;gap:13px;margin-top:22px;color:#ddd;text-decoration:none;font-size:8px;letter-spacing:1.5px;border-bottom:1px solid #444;padding-bottom:7px}
.about-signature{display:flex;justify-content:space-between;align-items:center;padding-top:35px;color:#444;font-size:7px;letter-spacing:2.5px}
.about-signature span:first-child{font:700 30px "Manrope";letter-spacing:-2px;color:#555}
@media(max-width:800px){.about-head{grid-template-columns:1fr;gap:30px}.about-grid{grid-template-columns:1fr}.about-panel,.about-panel:not(:first-child){padding:28px 0;border-right:0}.about-panel h3{margin-top:35px}}

html{scroll-behavior:smooth}
a,button{outline-offset:4px}
a:focus-visible,button:focus-visible{outline:1px solid #aaa}
.mobile-menu{display:none;background:transparent;border:0;color:#ddd;font-size:20px;cursor:pointer}
.mobile-nav{display:none}
@media(max-width:700px){
  .mobile-menu{display:block}
  .mobile-nav{position:fixed;z-index:999;top:70px;left:0;right:0;padding:18px 6vw 25px;background:rgba(7,7,7,.97);border-bottom:1px solid #292929}
  .mobile-nav.open{display:flex;flex-direction:column;gap:18px}
  .mobile-nav a{color:#aaa;text-decoration:none;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}
  .mobile-nav a:hover{color:#fff}
}