:root{--electric-blue: #0080FF;--electric-blue-dark: #0066CC;--electric-blue-light: #3399FF;--bg-primary: #0080FF;--bg-secondary: #0066CC;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--border-color: rgba(255, 255, 255, .2);--shadow-color: rgba(0, 0, 0, .3);--accent: #FFFFFF}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #111111;--text-primary: #0080FF;--text-secondary: rgba(0, 128, 255, .7);--border-color: rgba(0, 128, 255, .2);--shadow-color: rgba(0, 128, 255, .3);--accent: #0080FF}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary);font-size:18px;line-height:1.5;overflow-x:hidden}.page-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.nav-card{position:fixed;bottom:1.5rem;left:1.5rem;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#000;padding:.8rem 1rem;border-radius:8px;z-index:1000;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;gap:.5rem}[data-theme=dark] .nav-card{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.nav-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.nav-links li{margin:0}.nav-links a{color:inherit;text-decoration:none;font-size:.82rem;text-transform:lowercase;transition:opacity .2s}.nav-links a:hover{opacity:.6}.nav-links a.active{font-weight:700}.social-links{display:flex;gap:.75rem;margin:0;padding:0}.social-links a{color:inherit;text-decoration:none;transition:opacity .2s;display:flex;align-items:center}.social-links a:hover{opacity:.6}.social-links svg{width:16px;height:16px}.copyright{font-size:.65rem;opacity:.6;margin:0}.video-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;overflow:hidden}.video-background video,.video-background img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.video-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:.5;padding:2rem}.video-placeholder p{margin-bottom:.5rem}.content{padding:4rem 2rem;max-width:1400px;margin:0 auto;width:100%}.content h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:2rem}.content h2{font-size:clamp(1.5rem,4vw,3rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;margin-top:3rem;margin-bottom:1rem}.content p{font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem;opacity:.9}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.card{background:#ffffff0d;border:1px solid var(--border-color);padding:2rem;transition:all .3s;cursor:pointer}.card:hover{background:#ffffff1a;transform:translateY(-4px)}.card h3{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.card p{opacity:.7;font-size:1rem}.photo-grid{columns:3;column-gap:1rem;margin-top:2rem}.photo-item{break-inside:avoid;margin-bottom:1rem;cursor:pointer;transition:opacity .3s}.photo-item:hover{opacity:.8}.photo-item img{width:100%;height:auto;display:block}.photo-viewer{position:fixed;inset:0;background:var(--bg-primary);z-index:2000;display:none;align-items:center;justify-content:center;padding:6rem 2rem 2rem}.photo-viewer.active{display:flex}.photo-viewer img{max-width:90%;max-height:90%;object-fit:contain}.photo-viewer-close{position:absolute;top:2rem;right:2rem;background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;text-transform:lowercase;transition:all .2s}.photo-viewer-close:hover{background:#fff3}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:1px solid var(--border-color);color:var(--text-primary);padding:1rem;cursor:pointer;font-size:1.5rem;transition:all .2s}.photo-nav:hover{background:#fff3}.photo-nav-prev{left:2rem}.photo-nav-next{right:2rem}a{color:var(--text-primary);text-decoration:underline;transition:opacity .2s}a:hover{opacity:.7}.back-link{display:inline-block;margin-bottom:2rem;text-transform:lowercase;font-size:1rem}.text-center{text-align:center}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}@media (max-width: 768px){.nav-card{bottom:1rem;left:1rem;right:1rem;min-width:auto;padding:1rem}.nav-links{flex-wrap:wrap;gap:1rem}.nav-links a{font-size:.85rem}.social-links{gap:.75rem}.social-links svg{width:18px;height:18px}.hero{padding:6rem 1rem 2rem}.content{padding:2rem 1rem}.photo-grid{columns:1}.grid{grid-template-columns:1fr}.photo-viewer{padding:4rem 1rem 1rem}.photo-nav{padding:.75rem;font-size:1.25rem}.photo-nav-prev{left:1rem}.photo-nav-next{right:1rem}}@media (max-width: 1024px) and (min-width: 769px){.photo-grid{columns:2}}@media (max-width: 1200px) and (min-width: 769px){.grid{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}:root{--paper: #f1e9d8;--paper-shade: #e2d6bd;--ink: #0b2f66;--stamp: #b8322a;--font-serif: "Cormorant Garamond", "Times New Roman", serif;--font-mono: "Courier Prime", "Courier New", monospace;--font-blackletter: "Grenze Gotisch", "Cormorant Garamond", serif}.vintage:after{content:"";position:fixed;inset:0;z-index:5;pointer-events:none;background-image:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.28) 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.32}.vintage .content{max-width:1180px;padding:5rem 2rem 16rem}.vintage .content h1{font-family:var(--font-serif);font-weight:400;font-style:italic;text-transform:none;letter-spacing:-.01em;font-size:clamp(4rem,12vw,9.5rem);line-height:.85;margin:.5rem 0 1rem}.vintage .content h2,.vintage .content h3{font-family:var(--font-serif);text-transform:none;letter-spacing:0;margin:0}.vintage .content p{margin:0;opacity:1}.kicker{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75}.masthead{border-bottom:1px solid var(--text-primary);padding-bottom:1.5rem;margin-bottom:3.5rem}.masthead-row{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.vintage .content .dek{font-family:var(--font-serif);font-style:italic;font-size:1.4rem;opacity:.85}.vintage .content .fleuron{text-align:center;font-family:var(--font-serif);font-size:1.75rem;opacity:.7;margin-top:4rem}.vintage .content .colophon{text-align:center;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;opacity:.6;margin-top:.75rem}.reveal{animation:fadeIn .8s ease-out both;animation-delay:calc(var(--i, 0) * 90ms)}.journal{list-style:none}.entry{display:grid;grid-template-columns:4rem 1fr;align-items:baseline;padding:1.75rem 0;border-bottom:1px solid var(--border-color)}.entry-no{font-family:var(--font-mono);font-size:.85rem;opacity:.6}.entry-line{display:flex;align-items:baseline;gap:.75rem}.vintage .content .entry-title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:500;transition:transform .4s ease,font-style .4s}.entry:hover .entry-title{font-style:italic;transform:translate(.5rem)}.leader{flex:1;border-bottom:2px dotted currentColor;opacity:.4;min-width:2rem}.entry-page{font-family:var(--font-mono);font-size:.85rem;white-space:nowrap}.vintage .content .entry-dek{font-family:var(--font-serif);font-style:italic;font-size:1.15rem;opacity:.7;margin-top:.35rem}.vintage .content .entry--lead .entry-title{font-size:clamp(2.25rem,5vw,3.75rem)}.records{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4rem 3rem}.sleeve{position:relative;aspect-ratio:1;margin-right:20%}.vinyl{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,#111 0 1.5%,var(--label, var(--stamp)) 1.8% 16%,transparent 16.5%),conic-gradient(from 20deg,transparent 0 10%,rgba(255,255,255,.1) 15%,transparent 20% 60%,rgba(255,255,255,.08) 65%,transparent 70%),repeating-radial-gradient(circle,#141414 0 1px,#222 1px 2.5px);box-shadow:0 6px 18px #00000059;transform:translate(18%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}.record:hover .vinyl{transform:translate(40%) rotate(60deg)}.cover{position:absolute;inset:0;z-index:1;overflow:hidden;background:radial-gradient(circle,transparent 42%,rgba(0,0,0,.07) 43.5%,transparent 46%),linear-gradient(135deg,var(--paper),var(--paper-shade));color:var(--ink);box-shadow:8px 12px 28px #0000004d}.cover-name{position:absolute;z-index:1;top:8%;left:8%;font-family:var(--font-serif);font-style:italic;font-size:1.35rem}.cover-cat{position:absolute;z-index:1;background:var(--paper);padding:.15rem .35rem;bottom:7%;right:8%;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em}.art{position:absolute}.art-sun{width:70%;aspect-ratio:1;border-radius:50%;background:var(--ink);left:8%;bottom:-32%}.art-stripes{inset:auto 0 22%;height:38%;background:repeating-linear-gradient(to bottom,var(--ink) 0 2px,transparent 2px 12px)}.art-dots{inset:28% 12% 18%;background:radial-gradient(circle,var(--ink) 2.5px,transparent 3px) 0 0 / 18px 18px}.art-rings{width:120%;aspect-ratio:1;right:-60%;top:-10%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 10px,var(--ink) 10px 11.5px)}.vintage .content .record-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75;border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:1.5rem}.vintage .content .record-title{font-size:1.75rem;font-weight:500;margin-top:.35rem}.vintage .content .record-note{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;opacity:.7}.listen{display:flex;flex-wrap:wrap;align-items:baseline;gap:2rem;margin-top:5rem;padding-top:1.5rem;border-top:1px solid var(--text-primary)}.listen a{font-family:var(--font-serif);font-style:italic;font-size:1.6rem;text-decoration:none;border-bottom:1px solid var(--border-color)}.catalogue{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:3.5rem 2.5rem}.plate{position:relative;aspect-ratio:4 / 5;display:grid;place-items:center;background:linear-gradient(160deg,var(--paper),var(--paper-shade));color:var(--ink);box-shadow:6px 10px 24px #00000040;transition:transform .4s ease}.plate:before{content:"";position:absolute;inset:10px;border:1px solid currentColor;opacity:.45}.item:hover .plate{transform:translateY(-4px) rotate(-.6deg)}.plate svg{width:55%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}.plate-no,.plate-fig{position:absolute;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.plate-no{top:20px;left:22px}.plate-fig{bottom:20px;left:0;right:0;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:.95rem;letter-spacing:0;text-transform:none}.stamp{position:absolute;top:14%;right:10%;transform:rotate(var(--tilt, -12deg));border:2px solid var(--stamp);outline:1px solid var(--stamp);outline-offset:2px;color:var(--stamp);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;padding:.3rem .55rem;opacity:.85;mix-blend-mode:multiply}.item-line{display:flex;align-items:baseline;gap:.5rem;margin-top:1.5rem}.vintage .content .item-name{font-size:1.5rem;font-weight:500}.item-price{font-family:var(--font-mono);font-size:.9rem}.vintage .content .item-note{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-top:.35rem}.gazette-bar{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;padding:.6rem 0;border-bottom:1px solid var(--text-primary)}.gazette-bar--double{border-top:4px double var(--text-primary)}.vintage .content .gazette-title{font-family:var(--font-blackletter);font-style:normal;font-size:clamp(2.75rem,8.5vw,6.75rem);line-height:1;text-align:center;padding:1.5rem 0 1.25rem;margin:0}.gazette-grid{display:grid;grid-template-columns:2fr 1fr;gap:0 2.5rem;margin-top:2.5rem}.vintage .content .headline{font-size:clamp(2.25rem,4.5vw,3.5rem);font-weight:600;line-height:1.02;margin-top:.75rem}.vintage .content .gazette-dek{font-family:var(--font-serif);font-style:italic;font-size:1.3rem;opacity:.85;margin-top:.75rem}.halftone{margin:1.5rem 0 2rem}.halftone-img{aspect-ratio:16 / 9;border:1px solid var(--border-color);background:radial-gradient(circle,currentColor 1.4px,transparent 2px) 0 0 / 7px 7px;-webkit-mask-image:radial-gradient(ellipse at 38% 45%,#000 15%,transparent 72%);mask-image:radial-gradient(ellipse at 38% 45%,#000 15%,transparent 72%)}.halftone figcaption{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-top:.6rem}.columns{columns:2;column-gap:2rem;column-rule:1px solid var(--border-color)}.vintage .content .columns p{font-family:var(--font-serif);font-size:1.2rem;line-height:1.55;text-align:justify;hyphens:auto;margin-bottom:1rem}.vintage .content .columns p:first-child:first-letter{float:left;font-size:4.2em;line-height:.8;padding:.05em .08em 0 0;font-weight:600}.gazette-side{border-left:1px solid var(--border-color);padding-left:2.5rem}.brief{padding:1.25rem 0;border-bottom:1px solid var(--border-color)}.brief:first-child{padding-top:0}.brief:last-child{border-bottom:0}.vintage .content .brief h3{font-size:1.5rem;font-weight:600;line-height:1.15;margin-top:.4rem}.vintage .content .brief p{font-family:var(--font-serif);font-size:1.1rem;opacity:.8;margin-top:.35rem}.dates{list-style:none;margin-top:.75rem}.dates li{display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.8rem;padding:.5rem 0;border-bottom:1px dotted var(--border-color)}@media (max-width: 768px){.vintage .content{padding:3rem 1rem 16rem}.entry{grid-template-columns:2.5rem 1fr}.records,.catalogue{grid-template-columns:repeat(2,1fr);gap:2.5rem 1.25rem}.cover-name{font-size:1rem}.gazette-bar span:nth-child(3){display:none}.gazette-grid{grid-template-columns:1fr}.gazette-side{border-left:0;padding-left:0;border-top:1px solid var(--text-primary);padding-top:1.5rem;margin-top:1rem}.columns{columns:1}}@media (prefers-reduced-motion: reduce){.reveal{animation:none}.vinyl,.plate,.entry-title{transition:none}}.roll{margin-bottom:4rem}.roll-head{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:1rem}.vintage .content .roll-title{flex:1;font-size:1.9rem;font-weight:400;font-style:italic}.filmstrip{overflow-x:auto;scrollbar-width:thin;box-shadow:6px 10px 28px #00000059}.strip{--sprocket: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='12'><rect x='7' y='1' width='12' height='10' rx='2' fill='%23efe6d3' fill-opacity='.85'/></svg>");position:relative;display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;min-width:960px;padding:30px 14px 34px;background:var(--sprocket) 0 6px / 26px 12px repeat-x,var(--sprocket) 0 calc(100% - 6px) / 26px 12px repeat-x,linear-gradient(180deg,#1a1816,#121110)}.strip:before{content:"SAMKAE 400";position:absolute;top:18px;right:18px;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.3em;color:#e38a2d;opacity:.8}.frame{position:relative;margin:0;transition:transform .35s ease}.frame:hover{transform:scale(1.06);z-index:2}.exposure{position:relative;aspect-ratio:3 / 2;box-shadow:inset 0 0 28px #00000073}.exposure:after{content:"";position:absolute;inset:0;opacity:.4;mix-blend-mode:multiply;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.exp-1{background:linear-gradient(180deg,#e2d8c3 0 52%,#9b917f 52% 58%,#6e6657 58%)}.exp-2{background:radial-gradient(circle at 68% 34%,#f6efdf 0 9%,rgba(246,239,223,.35) 13%,transparent 24%),linear-gradient(180deg,#b9ae98,#6d6556)}.exp-3{background:linear-gradient(90deg,transparent 0 18%,rgba(40,36,30,.85) 18% 21%,transparent 21% 48%,rgba(40,36,30,.85) 48% 51%,transparent 51%),linear-gradient(115deg,#f0e7d4 0 40%,#a89e8a 70%,#5e5749)}.exp-4{background:radial-gradient(ellipse 13% 20% at 50% 38%,#332f28 0 55%,transparent 100%),radial-gradient(ellipse 30% 34% at 50% 100%,#332f28 0 65%,transparent 100%),linear-gradient(180deg,#d4cab6,#a1977f)}.exp-5{background:radial-gradient(circle at 28% 62%,rgba(246,239,223,.9) 0 2%,transparent 10%),radial-gradient(circle at 74% 40%,rgba(227,138,45,.55) 0 2%,transparent 9%),linear-gradient(180deg,#2b2824,#191715)}.exp-6{background:radial-gradient(ellipse at 100% 50%,rgba(214,96,45,.75),transparent 60%),linear-gradient(120deg,#efe6d3,#d9bb8f 65%,#c27b4a)}.frame figcaption{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:#e38a2d;opacity:.85}.frame--select:after{content:"";position:absolute;inset:-9px -7px 8px -8px;border:3px solid #d8392c;border-radius:52% 46% 55% 44%/48% 55% 45% 52%;transform:rotate(-2.5deg);opacity:.85;pointer-events:none}@media (max-width: 768px){.roll-head{flex-wrap:wrap;gap:.25rem 1rem}.vintage .content .roll-title{flex-basis:100%;order:2}.strip{grid-template-columns:repeat(6,150px);min-width:0;width:max-content}}@media (prefers-reduced-motion: reduce){.frame{transition:none}}
