:root{--gold:#c9a24e;--gold-dim:#8a7338;--ink:#050505;--ink2:#0c0c0c;--cream:#f0ece2;--fog:#969188;--line:#222}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--cream);font-family:Archivo,sans-serif;overflow-x:hidden}a{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.navbar{display:flex;flex-direction:column;align-items:center;padding:18px 40px 10px;position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,rgba(5,5,5,.98) 55%,transparent);transition:background .4s}.navbar .logo{position:static;transform:none;margin-bottom:8px}.navbar .navlinks{margin:0;opacity:0;max-height:0;transition:opacity .45s ease,max-height .45s ease;pointer-events:none}.navbar:hover .navlinks{opacity:1;max-height:120px;pointer-events:auto}.navbar:hover{background:linear-gradient(180deg,#050505fc 70%,#050505a6)}.navlinks{display:flex;gap:30px;align-items:flex-start}.navitem{position:relative}.navtab{display:inline-flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;letter-spacing:1.5px;color:var(--fog);text-transform:uppercase;cursor:pointer;font-weight:500;transition:color .3s;text-decoration:none}.navtab svg{width:20px;height:20px;display:block}.navtab span{position:relative;display:inline-block;padding-bottom:4px}.navtab span:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.navitem:hover .navtab,.navitem.open .navtab{color:var(--gold)}.navitem:hover .navtab span:after,.navitem.open .navtab span:after{transform:scaleX(1)}.submenu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(6px);margin-top:6px;min-width:180px;display:flex;flex-direction:column;padding:12px 0;background:#080808f7;border:1px solid #1e1e1e;opacity:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:60}.submenu:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.navbar:not(.menu-pinned) .navitem:hover .submenu,.navitem.open .submenu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.submenu a{display:block;padding:9px 22px;font-size:11px;letter-spacing:1px;color:var(--fog);text-transform:uppercase;text-decoration:none;white-space:nowrap;text-align:center;transition:color .25s,background .25s}.submenu a:hover{color:var(--gold);background:#c9a24e0f}.submenu .sub-feature{font-family:Oswald,sans-serif;letter-spacing:1.5px;color:var(--cream)}.menu-btn{display:none;background:none;border:none;color:var(--cream);font-size:24px;cursor:pointer}.logo-link{cursor:pointer;display:inline-block}.logo-img{height:46px;width:auto;display:block}.foot-logo-img{height:85px;width:auto;display:block}.shell{max-width:1180px;margin:0 auto}.section-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;background:var(--gold);color:var(--ink);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:transform .25s,background .25s,color .25s}.btn:hover{transform:translateY(-2px)}.text-link{display:inline-block;margin-top:28px;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(201,162,78,.45);padding-bottom:5px}.writing-hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:155px 5vw 82px;overflow:hidden;border-bottom:1px solid #1d1d1d;background:radial-gradient(circle at 78% 42%,rgba(201,162,78,.11),transparent 28%),linear-gradient(135deg,#0d0c09,#050505 62%)}.writing-hero:before{content:"SCREENPLAY";position:absolute;left:-2vw;bottom:-4vw;font-family:Oswald,sans-serif;font-size:clamp(125px,21vw,320px);font-weight:700;line-height:.8;letter-spacing:-7px;color:#f0ece205;pointer-events:none}.hero-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);gap:7vw;align-items:center;position:relative;z-index:4}.hero-copy{max-width:780px}.eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:23px}.hero-copy h1{font-family:Oswald,sans-serif;font-size:clamp(64px,9.4vw,140px);font-weight:700;line-height:.84;letter-spacing:-2px;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-copy h1 span{display:block;color:var(--gold)}.hero-statement{display:flex;gap:28px;align-items:flex-start;max-width:690px;margin-top:34px}.hero-statement .rule{width:58px;height:1px;background:var(--gold);margin-top:12px;flex:0 0 auto}.hero-statement p{font-size:15px;line-height:1.8;color:#d1ccc2}.script-stack{position:relative;width:min(31vw,410px);margin-left:auto;perspective:1200px}.script-stack:before,.script-stack:after{content:"";position:absolute;inset:0;background:#dedbd2;border:1px solid rgba(201,162,78,.25);box-shadow:0 30px 80px #00000080}.script-stack:before{transform:translate(22px,17px) rotate(3deg);opacity:.12}.script-stack:after{transform:translate(11px,9px) rotate(1.5deg);opacity:.22}.script-cover{position:relative;z-index:2;width:100%;display:block;border:1px solid rgba(201,162,78,.35);box-shadow:0 35px 90px #0000009e;transform:rotate(-1.1deg);background:#e7e3d8}.hero-caption{position:absolute;right:36px;bottom:28px;z-index:5;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#f0ece27a}.manifesto{padding:112px 40px}.manifesto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:start}.manifesto h2{font-family:Oswald,sans-serif;font-size:clamp(46px,6vw,82px);line-height:.94;text-transform:uppercase;letter-spacing:-1px;margin-top:20px}.manifesto h2 span{color:var(--gold)}.manifesto-copy p{font-size:16px;line-height:1.95;color:#c7c2b8}.manifesto-copy p+p{margin-top:24px}.manifesto-copy strong{color:var(--cream);font-weight:600}.manifesto-principle{margin-top:34px;padding-left:28px;border-left:1px solid var(--gold);font-family:Fraunces,serif;font-style:italic;font-size:clamp(22px,2.7vw,31px);line-height:1.55;color:#e3ded3}.rewrite{padding:120px 40px;position:relative;overflow:hidden}.rewrite:after{content:"REWRITE";position:absolute;right:-2vw;top:50%;transform:translateY(-50%);font-family:Oswald,sans-serif;font-size:clamp(120px,22vw,320px);font-weight:700;line-height:1;color:#c9a24e06;letter-spacing:-8px}.rewrite-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:88px;align-items:center;position:relative;z-index:2}.rewrite h2{font-family:Oswald,sans-serif;font-size:clamp(50px,7vw,92px);line-height:.91;text-transform:uppercase;margin-top:18px}.rewrite h2 span{color:var(--gold)}.rewrite-copy p{font-size:16px;line-height:1.93;color:#c7c2b8}.rewrite-copy p+p{margin-top:22px}.rewrite-quote{font-family:Fraunces,serif;font-style:italic;font-size:26px;line-height:1.55;color:var(--cream);margin-top:32px;padding-top:30px;border-top:1px solid #252525}.process-section{padding:108px 40px;background:var(--ink2);border-top:1px solid #181818;border-bottom:1px solid #181818}.process-head{display:block;margin-bottom:48px}.process-head h2{font-family:Oswald,sans-serif;font-size:clamp(44px,6vw,78px);line-height:.95;text-transform:uppercase;margin-top:18px}.process-head p{font-size:15px;line-height:1.85;color:var(--fog);max-width:760px;margin-top:24px}.process-list{border-top:1px solid #252525}.process-row{display:grid;grid-template-columns:170px minmax(220px,.8fr) minmax(300px,1.2fr);gap:34px;align-items:start;padding:34px 0;border-bottom:1px solid #252525}.process-stage{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700;padding-top:6px}.process-row h3{font-size:24px;line-height:1.2}.process-row p{font-size:14px;line-height:1.8;color:var(--fog)}.selected{padding:118px 40px;background:radial-gradient(circle at 20% 45%,rgba(201,162,78,.09),transparent 26%),linear-gradient(135deg,#12100b,#060606 65%);border-top:1px solid #24201a;border-bottom:1px solid #24201a;overflow:hidden;position:relative}.selected:before{content:"ECHOES";position:absolute;right:-1vw;bottom:-3vw;font-family:Oswald,sans-serif;font-size:clamp(130px,23vw,330px);font-weight:700;line-height:.8;color:#f0ece206;letter-spacing:-7px}.selected-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:88px;align-items:center;position:relative;z-index:2}.selected-cover{max-width:390px;margin:0 auto;position:relative}.selected-cover img{width:100%;display:block;border:1px solid rgba(201,162,78,.32);box-shadow:0 34px 90px #0000009e}.selected-copy .meta{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);font-weight:700}.selected-copy h2{font-family:Oswald,sans-serif;font-size:clamp(58px,8vw,108px);line-height:.86;text-transform:uppercase;letter-spacing:-1.5px;margin-top:18px}.selected-copy h2 span{color:var(--gold)}.selected-copy p{font-size:15px;line-height:1.88;color:#c7c2b8;max-width:610px;margin-top:28px}.selected-credit{font-size:11px!important;letter-spacing:2px;text-transform:uppercase;color:var(--cream)!important;font-weight:700;margin-top:22px!important}.cta{max-width:1000px;margin:0 auto;padding:100px 40px 118px;text-align:center}.cta h2{font-family:Oswald,sans-serif;font-size:clamp(44px,7vw,84px);line-height:.95;text-transform:uppercase;margin-top:18px}.cta p{max-width:640px;margin:22px auto 0;color:var(--fog);font-size:15px;line-height:1.82}.cta .btn{margin-top:30px}footer{padding:70px 40px 40px;max-width:1200px;margin:0 auto;border-top:1px solid #171717}.foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;padding-bottom:40px;border-bottom:1px solid #1e1e1e}.foot-links{display:flex;gap:50px;flex-wrap:wrap}.foot-col h4{font-size:11px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:16px}.foot-col a{display:block;font-size:13px;color:var(--fog);margin-bottom:10px;text-decoration:none;transition:color .3s}.foot-col a:hover{color:var(--cream)}.foot-bottom{padding-top:30px;font-size:11px;color:#55524b;letter-spacing:1px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}#backToTop{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#c9a24e1f;border:1px solid var(--gold);color:var(--gold);width:56px;height:56px;border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s,background .3s,transform .3s;font-family:Archivo,sans-serif;backdrop-filter:blur(8px)}#backToTop.show{opacity:1;pointer-events:auto}#backToTop:hover{background:var(--gold);color:var(--ink);transform:translateY(-3px)}.btt-arrow{font-size:18px;font-weight:700;margin-bottom:5px}.btt-text{font-size:9px;letter-spacing:1px;font-weight:600}@media(max-width:980px){.hero-grid,.manifesto-grid,.rewrite-grid,.selected-grid{grid-template-columns:1fr}.script-stack{width:min(52vw,390px);margin:18px auto 0}.manifesto-grid,.rewrite-grid,.selected-grid{gap:52px}.process-row{grid-template-columns:135px minmax(180px,.7fr) minmax(260px,1.3fr)}.selected-cover{max-width:330px}}@media(max-width:720px){.navlinks{display:none}.menu-btn{display:block}.navbar{padding:18px 24px}.navbar .logo{display:none}.writing-hero{padding:145px 24px 72px;min-height:auto}.hero-grid{gap:48px}.hero-copy h1{font-size:clamp(60px,18vw,92px);letter-spacing:-1px}.hero-statement{gap:18px}.hero-statement .rule{width:34px}.script-stack{width:min(75vw,340px)}.hero-caption{display:none}.manifesto,.rewrite,.process-section,.selected,.cta,footer{padding-left:24px;padding-right:24px}.manifesto,.rewrite,.process-section,.selected{padding-top:82px;padding-bottom:82px}.process-row{grid-template-columns:1fr;gap:12px;padding:29px 0}.process-stage{padding-top:0}.selected-copy h2{font-size:clamp(54px,15vw,82px)}}@media(max-width:520px){.hero-copy h1{font-size:clamp(54px,20vw,78px)}.script-stack{width:82vw}.manifesto h2,.rewrite h2{font-size:clamp(44px,14vw,68px)}}
