
:root{
  --bg:#020202; --bg2:#070504; --panel:#0a0807; --cream:#eee5dc; --cream2:#d7cbc0;
  --muted:#a99a8f; --copper:#bc6c3f; --copper2:#df9567; --copper3:#7a3a22;
  --line:rgba(195,110,61,.42); --line2:rgba(195,110,61,.18); --serif:Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --max:1120px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;color-scheme:dark} body{margin:0;min-height:100vh;background:#010101;color:var(--cream);font-family:var(--serif);line-height:1.65}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:
 radial-gradient(circle at 50% 12%,rgba(133,54,22,.10),transparent 27rem),
 radial-gradient(circle at 9% 82%,rgba(120,46,19,.045),transparent 20rem),
 linear-gradient(#030303,#010101)}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(231,142,88,.24) .55px,transparent .8px);background-size:6px 6px;mix-blend-mode:screen}
a{color:inherit} img{display:block;max-width:100%} ::selection{background:rgba(190,100,54,.34);color:white}
.skip{position:fixed;top:-80px;left:14px;z-index:99;background:#120b08;border:1px solid var(--copper);padding:9px 14px;text-decoration:none}.skip:focus{top:12px}
.site-header{position:sticky;top:0;z-index:40;background:rgba(2,2,2,.91);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.nav{width:min(var(--max),calc(100% - 34px));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:center;position:relative}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0,var(--copper3) 8%,var(--copper) 50%,var(--copper3) 92%,transparent)}
.nav-links{display:flex;align-items:center;gap:0}.nav-links a{padding:24px 29px 22px;text-decoration:none;font-size:1.04rem;color:#efe8e1;position:relative;white-space:nowrap}
.nav-links a:not(:last-child)::after{content:"◆";position:absolute;right:-4px;color:#8f492c;font-size:.44rem;top:31px}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--copper2)}
.nav-ornament{position:absolute;top:25px;width:115px;height:22px;opacity:.9}.nav-ornament::before,.nav-ornament::after{content:"";position:absolute;border-top:1px solid var(--copper);width:78px;top:11px}.nav-ornament::after{width:24px;height:14px;border:1px solid var(--copper);border-left:0;border-bottom:0;transform:rotate(30deg);top:2px}.nav-ornament.left{left:0}.nav-ornament.left::before{left:0}.nav-ornament.left::after{left:76px}.nav-ornament.right{right:0;transform:scaleX(-1)}
.menu{display:none;background:none;border:1px solid var(--line2);color:var(--cream);font-size:1.35rem;padding:8px 11px;cursor:pointer}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.page{min-height:calc(100vh - 74px)}
.home{padding:48px 0 0;text-align:center}.home-logo{width:min(370px,64vw);margin:0 auto 14px;filter:drop-shadow(0 20px 38px rgba(0,0,0,.75))}.home-logo-wrap{position:relative}.home-logo-wrap::before{content:"";position:absolute;inset:3% 30% 28%;background:radial-gradient(circle,rgba(202,94,38,.20),transparent 68%);filter:blur(24px)}
.home h1{font-size:clamp(3.2rem,7vw,6.2rem);font-weight:400;letter-spacing:.12em;margin:0;line-height:1.05}.name-rule{width:min(300px,55vw);height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);margin:24px auto 16px;position:relative}.name-rule::after{content:"◆";position:absolute;left:50%;top:-7px;transform:translateX(-50%);font-size:.52rem;color:var(--copper)}
.home-tag{margin:0 auto 44px;color:var(--copper2);font-size:clamp(1.12rem,2vw,1.45rem);font-style:italic}.home-copy{width:min(820px,calc(100% - 28px));margin:auto;font-size:clamp(1.03rem,1.5vw,1.25rem);color:#e8dfd7}.home-copy p{margin:0 auto 31px}.desktop-break{display:block}
.footer{margin-top:54px;padding:24px 0 26px;border-top:1px solid var(--line);position:relative}.footer::before,.footer::after{content:"❧";position:absolute;top:-19px;color:var(--copper);font-size:2rem}.footer::before{left:20px}.footer::after{right:20px;transform:scaleX(-1)}.footer-inner{width:min(760px,calc(100% - 36px));margin:auto;display:flex;justify-content:center;gap:46px;flex-wrap:wrap;color:#d1c3b8}.contact-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.contact-link:hover{color:var(--copper2)}.contact-label{color:var(--copper2)}.icon{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6}
.page-head{text-align:center;padding:58px 0 34px}.small-logo{width:min(240px,52vw);margin:0 auto 8px}.page-head h1{font-size:clamp(3.1rem,6vw,5.5rem);font-weight:400;letter-spacing:.11em;margin:0 0 21px}.head-rule{width:230px;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);margin:0 auto 24px}.intro{max-width:860px;margin:0 auto;color:#ded2c7;font-size:1.16rem}.intro p{margin:.3em 0 1em}.intro .question{color:#d9b092}
.text-list{padding:10px 0 86px}.story-card{max-width:940px;margin:24px auto;padding:28px 32px;border:1px solid var(--line);position:relative;background:linear-gradient(115deg,rgba(164,74,31,.07),transparent 42%),rgba(6,5,5,.62);box-shadow:0 20px 60px rgba(0,0,0,.35)}.story-card::before,.story-card::after{content:"✦";position:absolute;color:#8f4b2d;font-size:.72rem}.story-card::before{top:-8px;left:16px}.story-card::after{right:16px;bottom:-8px}.story-card h2{font-size:clamp(1.85rem,3.8vw,2.75rem);margin:0 0 6px;font-weight:400;color:#e0a279}.story-card .meta{color:#bd744a;margin-bottom:16px}.story-card p{color:#e2d7ce;font-size:1.08rem;margin:0 0 17px}.story-card a.read{color:#e4ae88;text-decoration:none;border-bottom:1px solid rgba(228,174,136,.35);padding-bottom:2px}.story-card a.read:hover{color:#ffd0ad}
.reading{width:min(820px,calc(100% - 34px));margin:auto;padding:64px 0 90px}.reading .back{display:inline-block;margin-bottom:34px;color:#bfa493;text-decoration:none}.reading .meta{color:var(--copper2);text-transform:uppercase;letter-spacing:.15em;font-family:var(--sans);font-size:.72rem}.reading h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:400;line-height:1.1;margin:12px 0 20px}.reading-rule{width:100px;height:1px;background:linear-gradient(90deg,var(--copper),transparent);margin:0 0 42px}.story-text{font-size:clamp(1.08rem,1.45vw,1.2rem);line-height:1.9;color:#eee5dd}.story-text p{margin:0 0 1.35em}.story-end{text-align:center;color:#ae6540;letter-spacing:.5em;margin-top:55px}
.project{padding:56px 0 78px}.project-intro{text-align:center;margin-bottom:34px}.project-intro .eyebrow{font-family:var(--sans);text-transform:uppercase;letter-spacing:.24em;color:#b66b43;font-size:.72rem;margin-bottom:15px}.project-meta{color:#e1cbb9;font-size:1.05rem}.project-meta .sep{color:#8d4d2e;padding:0 10px}.development{margin-top:18px;color:#c77d53}.development strong{font-weight:400}.development .line2{display:block;color:#c9a48d;margin-top:2px}.cover-shell{width:min(460px,82vw);margin:38px auto 66px;padding:10px;border:1px solid var(--line);background:#050404;box-shadow:0 30px 90px rgba(0,0,0,.64)}.cover-shell img{width:100%;height:auto}
.project-section{max-width:920px;margin:0 auto 70px}.project-section h2{text-align:center;color:#d58a5d;letter-spacing:.1em;font-weight:400;font-size:2rem;margin:0 0 26px}.project-section h2::after{content:"";display:block;width:160px;height:1px;background:linear-gradient(90deg,transparent,var(--copper),transparent);margin:13px auto 0}.blurb{color:#ded2c8;font-size:1.04rem}.blurb .hook{font-style:italic;color:#e0a278;font-size:1.24rem;margin-bottom:27px}.blurb p{margin:0 0 1.15em}.blurb .impact{font-size:1.25rem;color:#e6b594;text-align:center;margin:26px 0}.blurb .questions{font-size:1.1rem;text-align:center;color:#e3d6cc;margin-top:31px}.about-project{border-top:1px solid var(--line2);padding-top:54px}.about-project p{font-size:1.05rem;color:#ded1c7;margin:0 0 1.2em}.about-project p:first-of-type::first-letter{color:var(--copper2)}
.visual-world{margin-top:72px;border-top:1px solid var(--line2);padding-top:50px}.carousel{position:relative;max-width:960px;margin:auto}.carousel-viewport{overflow:hidden;border:1px solid var(--line);background:#020202;box-shadow:0 24px 70px rgba(0,0,0,.52)}.carousel-track{display:flex;transition:transform .45s ease}.slide{min-width:100%;height:clamp(390px,58vw,630px);display:flex;align-items:center;justify-content:center;background:#030303}.slide img{width:100%;height:100%;object-fit:contain}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid var(--copper);background:rgba(2,2,2,.8);color:#e6ab83;font-size:1.5rem;cursor:pointer}.carousel-btn:hover{background:#0c0806}.carousel-btn.prev{left:-24px}.carousel-btn.next{right:-24px}.dots{display:flex;justify-content:center;gap:11px;margin-top:17px}.dot{width:9px;height:9px;border:1px solid var(--copper);transform:rotate(45deg);background:transparent;cursor:pointer;padding:0}.dot.active{background:var(--copper)}
.about-contact{position:relative;min-height:calc(100vh - 74px);display:flex;align-items:center;justify-content:center;padding:70px 0 80px;text-align:center;overflow:hidden}.about-contact::before{content:"LK";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-family:var(--serif);font-size:min(47vw,560px);letter-spacing:-.09em;color:#8a4e30;opacity:.055;line-height:.7;pointer-events:none}.about-contact .inner{position:relative;z-index:1;max-width:820px}.about-contact h1{font-size:clamp(3.4rem,7vw,6.1rem);font-weight:400;letter-spacing:.11em;margin:0 0 18px}.about-contact .sub{font-size:clamp(1.25rem,2.7vw,1.75rem);font-style:italic;color:#d48758;margin:0 0 30px}.about-contact .copy{font-size:1.15rem;color:#e5dad1;max-width:720px;margin:0 auto 48px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:650px;margin:auto}.contact-card{padding:26px 20px;border:1px solid var(--line2);background:rgba(4,3,3,.55);text-decoration:none}.contact-card:hover{border-color:var(--copper);background:rgba(15,8,5,.66)}.contact-card .icon{width:36px;height:36px;margin:0 auto 10px;color:#d07749}.contact-card .label{display:block;text-transform:uppercase;letter-spacing:.13em;color:#ca7448;font-family:var(--sans);font-size:.72rem;margin-bottom:7px}.contact-card .value{font-size:1.1rem;color:#eee2d8;word-break:break-word}
.notfound{min-height:calc(100vh - 74px);display:grid;place-items:center;text-align:center}.notfound h1{font-size:5rem;margin:0;color:#d2895e}.notfound p{color:#cabcb1}.notfound a{color:#d8976e}
@media(max-width:820px){.nav{justify-content:flex-end}.nav-ornament{display:none}.menu{display:block}.nav-links{display:none;position:absolute;top:74px;left:-17px;right:-17px;flex-direction:column;background:rgba(2,2,2,.985);border-bottom:1px solid var(--line);padding:10px 0 16px}.nav-links.open{display:flex}.nav-links a{width:100%;text-align:center;padding:14px 20px}.nav-links a::after{display:none!important}.home{padding-top:34px}.home h1{letter-spacing:.075em}.desktop-break{display:inline}.project{padding-top:40px}.carousel-btn.prev{left:8px}.carousel-btn.next{right:8px}.contact-grid{grid-template-columns:1fr}.about-contact{align-items:flex-start;padding-top:80px}}
@media(max-width:520px){.wrap{width:min(100% - 24px,var(--max))}.home-logo{width:min(300px,78vw)}.home h1{font-size:3rem}.home-tag{margin-bottom:32px}.home-copy{font-size:1.03rem}.footer-inner{display:grid;gap:12px}.contact-link{justify-content:center}.page-head{padding-top:42px}.small-logo{width:190px}.story-card{padding:24px 21px}.reading{padding-top:42px}.project-meta .sep{padding:0 5px}.cover-shell{width:min(390px,88vw)}.slide{height:480px}.about-contact h1{font-size:3.25rem}.about-contact::before{font-size:70vw}.about-contact .copy{font-size:1.04rem}.contact-card{padding:22px 14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
