:root{--ink:#17100d;--ink2:#241811;--paper:#f2e8d9;--cream:#e4d4bd;--muted:#b7a390;--line:#584738;--amber:#d8a16f;--blush:#c58f88;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',Courier,monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 var(--sans);overflow-x:hidden}body.dialog-open{overflow:hidden}button,a{font:inherit}a{color:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--blush);color:var(--ink)}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.skip{position:fixed;top:-70px;left:15px;z-index:200;background:var(--paper);color:var(--ink);padding:12px 18px}.skip:focus{top:15px}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:82px;padding:16px clamp(22px,4.5vw,74px);border-bottom:1px solid #f2e8d930;background:linear-gradient(180deg,#0f0a08cc,#0f0a082b);text-transform:uppercase;letter-spacing:.12em}.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font:bold 18px/1 var(--serif);letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--paper);border-radius:2px;font:italic 24px/1 var(--serif);letter-spacing:-.1em;padding-right:3px}.primary-nav{display:flex;gap:clamp(14px,2.3vw,34px)}.primary-nav a{font:13px/1.3 var(--mono);text-decoration:none}.primary-nav a:hover,.primary-nav a:focus-visible,footer a:hover{text-decoration:underline;text-underline-offset:5px}.header-contact{font:13px/1.3 var(--mono);text-decoration:none;border:1px solid #f2e8d999;padding:10px 14px;white-space:nowrap}.header-contact:hover{background:var(--paper);color:var(--ink)}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:760px;min-height:min(900px,100svh);display:flex;align-items:center;padding:150px clamp(24px,7vw,112px) 100px;background:#100b09}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/hero.webp') center/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d0806c7 0%,#0d080685 42%,#0d080610 80%),linear-gradient(0deg,#0d0806bf,transparent 30%);pointer-events:none}.hero-content{width:min(100%,850px)}.eyebrow,.chapter{font:13px/1.4 var(--mono);letter-spacing:.17em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--cream)}.eyebrow::before{content:"";display:block;width:32px;height:1px;background:var(--amber)}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(64px,7.5vw,132px)/.9 var(--serif);letter-spacing:-.07em;margin:28px 0 27px;max-width:820px;text-wrap:balance}h1 em{font-weight:normal;color:#ddb9a9}.hero-lede{max-width:550px;font-size:clamp(17px,1.55vw,21px);line-height:1.58;color:#e8dbcd}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 22px;border:1px solid var(--paper);text-decoration:none;font:14px/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-3px)}.button.filled{background:var(--paper);color:var(--ink)}.button.filled:hover{background:var(--amber)}.button.outline{background:#110a0747}.button.outline:hover{background:var(--paper);color:var(--ink)}.hero-bottom{position:absolute;left:clamp(24px,7vw,112px);right:clamp(24px,7vw,112px);bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:12px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:#d0bba8}.now-playing{display:flex;gap:8px;align-items:center}.now-playing::before{content:"";width:7px;height:7px;border-radius:50%;background:#d65a4a}
.shelf{padding:37px clamp(20px,5vw,80px) 52px;background:#211711;border-top:1px solid #6b4d37;border-bottom:1px solid #5c4333}.shelf-head{display:flex;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto 23px;font:13px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--cream)}.shelf-head span:last-child{color:var(--muted);letter-spacing:0;text-transform:none}.tapes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1440px;margin:auto}.tape{position:relative;min-height:138px;padding:19px 17px 19px 25px;background:linear-gradient(90deg,#0f0c0a 0 12px,#d6c3a9 12px calc(100% - 10px),#0c0a09 calc(100% - 10px));box-shadow:3px 7px 0 #100c09,0 14px 25px #0005;border:1px solid #0b0806;border-radius:3px;color:var(--ink);text-decoration:none;transition:transform .2s,filter .2s}.tape:nth-child(2){background:linear-gradient(90deg,#090807 0 12px,#b78278 12px calc(100% - 10px),#0c0a09 calc(100% - 10px))}.tape:nth-child(3){background:linear-gradient(90deg,#090807 0 12px,#b69a78 12px calc(100% - 10px),#0c0a09 calc(100% - 10px))}.tape:nth-child(4){background:linear-gradient(90deg,#090807 0 12px,#d3bd9f 12px calc(100% - 10px),#0c0a09 calc(100% - 10px))}.tape:nth-child(5){background:linear-gradient(90deg,#090807 0 12px,#a87e73 12px calc(100% - 10px),#0c0a09 calc(100% - 10px))}.tape:hover,.tape:focus-visible{transform:translateY(-9px) rotate(-.8deg);filter:brightness(1.08)}.tape::after{content:"VHS / BB";position:absolute;right:20px;bottom:14px;font:11px var(--mono);opacity:.72}.tape-no{display:block;font:12px var(--mono);opacity:.7;margin-bottom:8px}.tape strong{display:block;max-width:180px;padding:7px 5px;background:#f3e7d3;border:1px solid #af9b83;font:bold clamp(16px,1.45vw,23px)/1.04 var(--sans);text-transform:uppercase;letter-spacing:-.035em}.tape small{display:block;margin-top:8px;font:12px/1.2 var(--mono)}
.section-wrap{max-width:1440px;margin:auto;padding-left:clamp(22px,5vw,80px);padding-right:clamp(22px,5vw,80px)}.chapter{color:var(--amber)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:40px;align-items:end;margin-bottom:45px}.section-head h2{font:normal clamp(49px,6vw,90px)/.95 var(--serif);letter-spacing:-.055em;margin:10px 0 0}.section-head p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.work{padding-top:104px;padding-bottom:112px}.feature{display:grid;grid-template-columns:1fr 1fr;min-height:570px;border:1px solid #654c3b;background:#261a14}.feature-copy{padding:clamp(30px,4.5vw,70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.meta{font:12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.feature h3{font:normal clamp(44px,4.6vw,73px)/.95 var(--serif);letter-spacing:-.055em;margin:24px 0 21px}.feature h3 em{color:var(--blush)}.feature-copy p{font-size:18px;color:#d9c8b5;line-height:1.62;max-width:480px}.feature-art{position:relative;min-height:550px;background:#b99f86;overflow:hidden}.feature-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.feature-art span{position:absolute;right:20px;bottom:18px;background:var(--paper);color:var(--ink);padding:8px 10px;font:11px var(--mono);letter-spacing:.1em}.text-link{display:inline-flex;align-items:center;gap:20px;margin-top:22px;padding:7px 0 9px;background:none;color:inherit;border:0;border-bottom:1px solid currentColor;text-align:left;text-decoration:none;font:14px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em}.text-link:hover{color:var(--amber)}.work-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.project-card{display:grid;grid-template-columns:44% 56%;min-height:360px;border:1px solid #574132;background:#211711;overflow:hidden}.project-card img{width:100%;height:100%;object-fit:cover;object-position:center}.project-card:nth-child(2) img{object-position:center top}.card-copy{padding:clamp(22px,2.6vw,35px);display:flex;flex-direction:column;align-items:flex-start}.project-card h3{font:normal clamp(31px,3vw,43px)/1.01 var(--serif);letter-spacing:-.04em;margin:20px 0 12px}.project-card p{font-size:15px;line-height:1.52;color:var(--muted)}.project-card .text-link{margin-top:auto}.disclosure{margin:24px 0 0;font:13px/1.55 var(--mono);color:#a99582}
.originals{background:#6e2f2b;position:relative;overflow:hidden}.originals::before{content:"";position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(-12deg,transparent 0 4px,#ead7bd 5px 6px,transparent 7px 13px);mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}.originals-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:520px;padding-top:78px;padding-bottom:78px}.originals .chapter,.originals .meta{color:#ffe0be}.originals h2{font:normal clamp(70px,9vw,150px)/.83 var(--serif);letter-spacing:-.075em;margin:25px 0 28px;text-transform:uppercase}.deck{font:italic clamp(25px,2.8vw,40px)/1.18 var(--serif);letter-spacing:-.025em}.originals-card{max-width:500px;padding:30px;border:1px solid #ffead774;background:#1d0a0a24}.originals-card p{font-size:17px;line-height:1.65;color:#f3dfd0}.originals-card .text-link{margin-top:10px}
.services{background:var(--paper);color:var(--ink);max-width:none;padding-top:108px;padding-bottom:118px}.services .section-head,.services .offer-list,.services>.button{max-width:1280px;margin-left:auto;margin-right:auto}.services .chapter{color:#844439}.services .section-head p{color:#6d5748}.offer-list{border-top:1px solid #b59c83}.offer{display:grid;grid-template-columns:80px minmax(180px,.8fr) 1fr;gap:25px;align-items:baseline;padding:30px 5px;border-bottom:1px solid #b59c83}.offer span{font:13px var(--mono);color:#8c6150}.offer h3{font:normal clamp(27px,2.5vw,37px)/1.07 var(--serif);letter-spacing:-.03em;margin:0}.offer p{font-size:16px;line-height:1.58;color:#5a4a3e;margin:0}.services .button{margin-top:37px;background:var(--ink);color:var(--paper);border-color:var(--ink);width:max-content}.services .button:hover{background:#5b2724}
.about{padding-top:105px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);border-bottom:1px solid var(--line)}.about h2{font:normal clamp(60px,6vw,100px)/.85 var(--serif);letter-spacing:-.07em;margin:20px 0 25px}.about h2 em{color:var(--blush);font-weight:normal}.short-rule{height:1px;width:70%;background:#8b6a54}.about-copy{padding-top:30px}.about-copy h3{font:normal clamp(29px,3vw,43px)/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 27px}.about-copy p{font-size:17px;line-height:1.7;color:#cdbba8}.about-copy .signature{font:italic 27px var(--serif);color:var(--amber);margin-top:28px}
.contact{background:#bd8d83;color:var(--ink)}.contact-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end;padding-top:100px;padding-bottom:115px}.contact .chapter{color:#472722}.contact h2{font:normal clamp(58px,7vw,115px)/.9 var(--serif);letter-spacing:-.07em;margin:14px 0 0}.contact h2 em{font-weight:normal}.contact-inner>div:last-child{padding-bottom:6px}.contact p{font-size:18px;line-height:1.55;max-width:460px}.contact-email{display:block;font:normal clamp(23px,2.8vw,39px)/1.15 var(--serif);word-break:break-word;text-decoration:none;border-bottom:1px solid #5d3f36;padding:15px 0;margin:21px 0}.contact-email:hover{color:#fff7ea}.contact small{display:block;font:13px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#49312a}footer{background:#130d0a;border-top:1px solid #6a5042;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:30px clamp(22px,5vw,80px);font:12px/1.5 var(--mono);color:#bba791;text-transform:uppercase;letter-spacing:.09em}footer a{text-decoration:none}
dialog{border:1px solid #9b8069;padding:0;width:min(1100px,calc(100vw - 28px));max-height:min(92vh,1100px);background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #000c}dialog::backdrop{background:#0a0604d4;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:start;padding:27px 35px 20px;border-bottom:1px solid #b9a086}.dialog-head h2{font:normal clamp(42px,5vw,69px)/.95 var(--serif);letter-spacing:-.05em;margin:13px 0 0}.dialog-head .meta{color:#8d4c3f}.dialog-close{border:1px solid #6b5947;width:42px;height:42px;flex:none;background:none;font-size:22px;line-height:1}.dialog-close:hover{background:var(--ink);color:var(--paper)}.dialog-grid{display:grid;grid-template-columns:43% 57%}.dialog-media{background:#d1bca2}.dialog-media[hidden]{display:none}.dialog-grid:has(.dialog-media[hidden]){grid-template-columns:1fr}.dialog-media img{width:100%;height:100%;max-height:690px;object-fit:cover;object-position:center top}.dialog-story{padding:30px 38px 42px}.dialog-intro{font:italic 25px/1.28 var(--serif);color:#5b342c;margin-bottom:28px}.dialog-block{padding:16px 0;border-top:1px solid #c8b6a4}.dialog-block h3{font:12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#924f43;margin:0 0 7px}.dialog-block p{font-size:16px;line-height:1.53;margin:0;color:#352a23}.dialog-extra{width:100%;margin-top:20px;border:1px solid #baa18b}.dialog-extra[hidden]{display:none}.dialog-note{font:12px/1.55 var(--mono);color:#705c4d;margin-top:20px}
@media(max-width:1100px){.header-contact{display:none}.tapes{grid-template-columns:repeat(5,200px);overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 8px 22px 0}.tape{scroll-snap-align:start}.work-pair{grid-template-columns:1fr}.project-card{min-height:330px}.project-card img{max-height:370px}}
@media(max-width:780px){.site-header{min-height:69px;padding:12px 20px}.wordmark{font-size:17px}.primary-nav{display:none;position:absolute;left:0;right:0;top:69px;flex-direction:column;gap:0;background:#211711;padding:12px 22px 22px;border-bottom:1px solid var(--line)}.primary-nav.open{display:flex}.primary-nav a{padding:13px 3px;font-size:15px;border-bottom:1px solid #5c4938}.menu-toggle{display:inline-flex;align-items:center;background:transparent;color:var(--paper);border:1px solid #ad9a86;padding:7px 10px;text-transform:uppercase;font:13px var(--mono);letter-spacing:.06em}.hero{min-height:750px;min-height:92svh;padding:125px 25px 115px}.hero::before{background-position:58% center}.hero::after{background:linear-gradient(90deg,#0d0806c9,#0d08064a),linear-gradient(0deg,#130c09,transparent 35%)}.hero-content{width:min(100%,630px)}h1{font-size:clamp(61px,11vw,92px)}.hero-bottom{left:25px;right:25px}.section-head,.feature,.originals-inner,.about,.contact-inner,.dialog-grid{grid-template-columns:1fr}.section-head{gap:18px}.feature-art{min-height:480px;grid-row:1}.feature-copy{padding:38px}.originals-inner{gap:20px}.originals h2{font-size:clamp(70px,12vw,110px)}.originals-card{max-width:none}.offer{grid-template-columns:55px 1fr;gap:15px}.offer p{grid-column:2}.about-copy{padding-top:0}.contact-inner{gap:30px}.dialog-media img{height:280px;object-fit:cover}.dialog-story{padding:28px}.dialog-head{padding:25px 28px}}
@media(max-width:520px){.hero{min-height:760px;min-height:100svh}.hero::before{background-position:63% center}.hero::after{background:linear-gradient(90deg,#0d0806d9,#0d080661),linear-gradient(0deg,#130c09,transparent 50%)}h1{font-size:clamp(55px,14vw,76px);margin-top:24px}.hero-lede{font-size:17px}.hero-actions .button{width:100%}.hero-bottom{font-size:11px}.now-playing{display:none}.shelf{padding-inline:18px}.shelf-head span:last-child{display:none}.tapes{grid-template-columns:repeat(5,178px)}.tape{min-height:128px}.tape strong{font-size:18px}.work{padding-top:75px;padding-bottom:80px}.section-head h2{font-size:clamp(46px,12vw,64px)}.feature-art{min-height:390px}.feature-copy{padding:30px 25px 35px}.feature h3{font-size:48px}.project-card{display:block}.project-card img{height:280px;width:100%}.card-copy{min-height:285px;padding:26px}.project-card h3{font-size:36px}.originals-inner,.services,.about,.contact-inner{padding-top:76px;padding-bottom:85px}.originals-card{padding:23px}.originals h2{font-size:70px}.about h2{font-size:70px}.contact h2{font-size:67px}.dialog-head{padding:18px 18px 16px}.dialog-head h2{font-size:40px}.dialog-media img{height:220px}.dialog-story{padding:22px 20px 30px}.dialog-intro{font-size:22px}footer{padding:27px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.tape{transition:none}}