@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Barlow+Condensed:wght@500;600;700;800&display=swap');
:root{--cream:#f2dfb1;--yellow:#e5bf48;--red:#bf422b;--green:#7ca63f;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--cream);font:600 18px/1.4 'Barlow Condensed',sans-serif;background:#271b11 url('assets/wood.png') repeat;background-size:900px auto;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;background:#160f0780;z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}.skip{position:fixed;top:-90px;left:20px;z-index:50;background:#21180f;padding:15px}.skip:focus{top:15px}header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 5%;background:linear-gradient(#171009f5,#171009dd);border-bottom:1px solid #dfbc6650;backdrop-filter:blur(12px)}.mini-logo{width:100px;height:50px;object-fit:contain}nav{display:flex;gap:30px;align-items:center;font-size:15px;letter-spacing:1.5px}nav a:hover{color:var(--yellow)}.motion{border:1px solid #dec48b66;background:transparent;border-radius:3px;font-size:12px;padding:8px 10px}.hero{min-height:900px;height:100svh;max-height:1200px;position:relative;display:grid;place-items:center;padding:120px 20px 170px;isolation:isolate}.identity{width:min(720px,82vw);text-align:center;z-index:3;position:relative}.main-logo{width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 14px 9px #000a)}h1,h2,h3,p{margin:0}.handle{font-size:24px;letter-spacing:7px;margin-top:-10px}.tag{font-family:'Permanent Marker',Impact,sans-serif;font-size:clamp(25px,3.4vw,46px);margin:15px 0 20px;transform:rotate(-2deg);text-shadow:3px 4px #281406}.address{display:inline-flex;align-items:center;gap:15px;border:1px solid #b3925266;background:#140d07c9;padding:14px 24px;box-shadow:0 10px 25px #0005;max-width:100%;font-size:clamp(16px,2.2vw,24px);letter-spacing:2px;border-radius:3px}.address span{overflow-wrap:anywhere}.address:hover{border-color:var(--yellow)}.actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin:26px 0 0}.button{background:#ddbb6a;color:#27180d;padding:11px 24px;border:1px solid #e8cd8c;box-shadow:3px 4px #100c09;font-size:16px;font-weight:800;letter-spacing:1.5px;transition:transform .25s,background .25s;display:inline-flex;justify-content:center;align-items:center;gap:10px}.button:hover{background:#f5d77d;transform:translateY(-4px) rotate(-1deg)}.discord{background:#6d863e;border-color:#a1ad62;color:#fff1c6}.discord:hover{background:#8ca449}.rasta{height:5px;background:linear-gradient(90deg,var(--green) 0 33.3%,var(--yellow) 33.3% 66.6%,var(--red) 66.6%);width:170px;margin:25px auto;transform:rotate(-2deg)}.toast{min-height:24px;font-size:14px;margin:12px 0;letter-spacing:1px}.peace{position:absolute;width:180px;filter:drop-shadow(0 6px 6px #0009);pointer-events:none;z-index:2}.hero>.peace{right:5%;top:16%;width:clamp(90px,13vw,190px);transform:rotate(17deg)}.photo{position:absolute;width:clamp(160px,20vw,290px);padding:8px;background:#2c1c10 url('assets/wood.png') center/500px;border:3px solid #543923;box-shadow:inset 0 0 0 1px #b08645,0 20px 28px #0009;z-index:1}.photo img{width:100%;display:block}.p1{left:-3%;top:20%;transform:rotate(-13deg)}.p2{right:-2%;bottom:12%;transform:rotate(12deg)}.p3{left:6%;bottom:8%;transform:rotate(9deg);width:220px}.scroll-cue{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;letter-spacing:4px}.scroll-cue b{display:block;font-size:24px;margin-top:10px}.gallery{position:relative;padding:50px 0 70px;max-width:1240px;margin:auto}.section-heading{text-align:center;padding:20px 20px 65px;position:relative}.section-heading h2{font:clamp(32px,4vw,56px)/1.25 'Permanent Marker',Impact,sans-serif;max-width:820px;margin:auto;text-shadow:4px 5px #120b06;transform:rotate(-2deg)}.section-heading .peace{width:105px;left:0;top:20px;transform:rotate(-20deg);opacity:.8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 36px;padding:0 30px}.card{position:relative;min-width:0;text-align:center;--tilt:-1.5deg;transform:rotate(var(--tilt))}.card:nth-child(3n+2){--tilt:1.5deg}.frame{display:block;width:100%;padding:12px;background:#503721 url('assets/wood.png') center/600px;border:3px solid #6d4d2c;box-shadow:inset 0 0 0 2px #b0844a55,0 12px 17px #0008;position:relative;transition:transform .3s}.frame:before,.frame:after{content:'•';position:absolute;top:-6px;color:#ba935e;font-size:24px;text-shadow:1px 2px #100b07}.frame:before{left:4px}.frame:after{right:4px}.frame img{aspect-ratio:16/10;width:100%;object-fit:cover;display:block;border:1px solid #1c120b}.frame:hover{transform:scale(1.035) rotate(1deg)}.card h3{font:23px/1.15 'Permanent Marker',Impact,sans-serif;margin:23px 0 16px;text-shadow:2px 3px #150c06;min-height:53px}.card .button{font-size:14px;padding:8px 26px}.interlude{grid-column:1/-1;position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;gap:35px;padding:35px 0;margin:20px 0}.interlude .snapshot{width:27%;transform:rotate(-7deg);padding:8px;background:#402a19;border:2px solid #806037;box-shadow:0 20px 25px #0008}.interlude .snapshot:last-child{transform:rotate(7deg)}.interlude img{width:100%;display:block}.interlude .center{width:220px;text-align:center}.interlude .center img{max-height:155px;object-fit:contain;margin-bottom:20px}.closing{padding:60px 25px 100px;text-align:center;position:relative}.closing>img{width:230px;display:block;margin:0 auto 20px}.closing .tag{font-size:26px}.closing .address{margin:20px}.closing .actions{margin-top:5px}footer{display:flex;justify-content:space-between;margin:0 5%;padding:25px 0;border-top:1px solid #be9d5350;font-size:13px;letter-spacing:2px}dialog{border:1px solid #a78851;padding:12px;background:#21170e;max-width:95vw;max-height:94svh;color:var(--cream)}dialog::backdrop{background:#080503df;backdrop-filter:blur(6px)}dialog img{display:block;max-width:87vw;max-height:75svh;object-fit:contain}dialog .bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 2px}dialog button{background:transparent;border:1px solid #a78851;padding:7px 14px}.letter{display:inline-block;animation:letter-float var(--speed,5s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}@keyframes letter-float{to{transform:translateY(var(--dy,-3px)) rotate(var(--dr,2deg))}}.float{animation:float 7s ease-in-out infinite alternate}@keyframes float{to{translate:0 -12px;rotate:2deg}}.reveal{opacity:1}.js-motion .reveal{opacity:0;translate:var(--rx,0) 35px;filter:blur(3px);transition:opacity 1.3s,translate 1.3s cubic-bezier(.2,.7,.2,1),filter 1.3s}.js-motion .reveal.visible{opacity:1;translate:0 0;filter:blur(0)}.identity{animation:arrive 2.5s ease both}@keyframes arrive{from{opacity:0;translate:0 35px;filter:blur(9px)}to{opacity:1;translate:0 0;filter:blur(0)}}body.paused *,body.paused *:before{animation-play-state:paused!important;scroll-behavior:auto!important}body.paused .reveal{opacity:1;translate:0 0;filter:none;transition:none}.paused .identity{opacity:1;filter:none;translate:0 0}.paused .card{transition:none} @media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 25px}.hero{min-height:820px}.p1{opacity:.6;left:-12%;top:16%}.p2{right:-10%;opacity:.7}.p3{left:5%;width:160px}.identity{width:min(640px,90vw)}.hero>.peace{top:12%;right:3%;width:100px}.section-heading .peace{display:none}.interlude{gap:20px;min-height:260px}.interlude .center{width:180px}}@media(max-width:560px){header{padding:8px 5%;flex-wrap:wrap;gap:6px}.mini-logo{width:75px;height:35px}nav{gap:15px;font-size:12px;letter-spacing:.5px}.motion{font-size:10px;padding:6px}.hero{min-height:820px;height:100svh;padding-bottom:230px}.handle{font-size:17px;letter-spacing:4px;margin-top:0}.tag{font-size:27px}.address{font-size:16px;letter-spacing:1px;padding:12px}.actions{gap:10px}.button{font-size:13px;padding:11px 15px}.hero>.peace{top:13%;width:75px}.p1{top:auto;bottom:110px;left:4%;width:145px;opacity:1}.p2{bottom:100px;right:4%;width:160px;opacity:1}.p3{display:none}.grid{grid-template-columns:1fr;gap:42px;padding:0 28px}.gallery{padding-top:20px}.section-heading{padding-bottom:45px}.section-heading h2{font-size:33px}.card h3{min-height:0;margin:20px 0 15px;font-size:24px}.frame img{aspect-ratio:16/10}.interlude{margin:0;min-height:210px;gap:8px}.interlude .snapshot{width:30%;padding:4px}.interlude .center{width:40%}.interlude .center img{max-height:90px}.interlude .button{font-size:11px;padding:8px}.closing .address{margin:20px 0}footer{font-size:11px;gap:15px}.scroll-cue{bottom:25px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;translate:0 0;filter:none}}

body{background-attachment:fixed;background-size:cover}.frame img[src*='61401']{object-fit:contain;background:#19150e}.frame img[src*='60724']{object-position:50% 14%}

main{overflow:clip}.hero{overflow:clip}.card{animation:card-drift 8s ease-in-out infinite alternate}@keyframes card-drift{to{translate:0 -5px}}.card:nth-child(even){animation-delay:-4s}

.card:hover,.card:focus-within{animation-play-state:paused}.frame:hover{transform:none}body.paused{scroll-behavior:auto}html:has(body.paused){scroll-behavior:auto}

/* 317MX multi-page cabin */
nav{gap:18px;flex-wrap:wrap;justify-content:flex-end}nav [aria-current]{color:var(--yellow)}.card-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.records-button,.wood-button{color:var(--cream);background:#51351e url('assets/wood.png') center/350px}.gallery-note{text-align:center;margin:-25px 20px 45px;color:#d6c098}.subpage{max-width:1200px;margin:auto;padding:150px 28px 90px;min-height:90vh}.page-heading{text-align:center;position:relative;padding:25px 0 50px}.page-heading>img{width:90px;position:absolute;left:2%;opacity:.55}.wood-text{font:clamp(35px,6vw,74px)/1.2 'Permanent Marker',Impact,sans-serif;color:#d4b381;background:url('assets/wood.png') center/500px;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px #d4b381;text-shadow:3px 5px 2px #120b06;letter-spacing:3px}.wood-panel{padding:clamp(20px,4vw,48px);background:linear-gradient(#1e140de8,#1e140df5),url('assets/wood.png');border:12px solid #624329;border-image:url('assets/wood.png') 35 round;box-shadow:0 20px 50px #0008;margin-bottom:30px}.prose p{margin:22px 0;font-size:21px;line-height:1.7;font-weight:500}.prose h2{font-family:'Permanent Marker',sans-serif;font-size:27px}.about-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center}.about-portrait{width:100%;max-height:650px;object-fit:cover;mask-image:linear-gradient(transparent,#000 10% 85%,transparent);opacity:.8}.photo-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;margin-top:70px}.photo-wall img{width:100%;height:330px;object-fit:cover;opacity:.75;mask-image:linear-gradient(transparent,#000 15% 85%,transparent);transition:opacity .4s,scale .4s}.photo-wall img:hover{opacity:1;scale:1.02}.hero .photo{width:clamp(220px,30vw,460px);opacity:.45;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%);border:0;padding:0;box-shadow:none;background:none}.hero .p3{width:300px}.identity{background:radial-gradient(ellipse,#20160bbd,transparent 72%)}.small{font-size:16px;opacity:.75;margin:16px 0}.source-link{display:inline-block;color:var(--yellow);margin:20px 0;text-decoration:underline}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin:24px 0;font-size:18px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #d8bd6a33;white-space:nowrap}th{color:var(--yellow);font-size:14px;letter-spacing:1px}td:first-child{white-space:normal;min-width:130px}select{display:block;width:100%;background:#20160e;color:var(--cream);border:1px solid #b79050;padding:15px;font:inherit;margin:12px 0 24px}.live-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-group{margin-top:40px}.record-group h2{font:25px 'Permanent Marker',sans-serif}.empty{padding:24px 0;color:#d6c098}@media(max-width:700px){.about-layout{grid-template-columns:1fr}.photo-wall{grid-template-columns:1fr}.page-heading>img{width:55px;opacity:.25}.subpage{padding-top:160px}header{align-items:center}nav{gap:10px;font-size:11px;max-width:78%}.hero .p1,.hero .p2{width:210px;opacity:.5}.hero .p3{display:none}.wood-panel{border-width:7px}.photo-wall img{height:270px}}