@font-face{font-family:Special Elite;src:url('assets/special-elite-400-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Bevan;src:url('assets/bevan-400-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Courier Prime;src:url('assets/courier-prime-400-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Courier Prime;src:url('assets/courier-prime-700-latin.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Yellowtail;src:url('assets/yellowtail-400-latin.woff2') format('woff2');font-display:swap}
:root{--green:#073022;--dark:#03241a;--cream:#f4ebe3;--paper:#f5f1ed;--red:#be2935;--ink:#141a16;--bar:69px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar) + 24px)}body{margin:0;background:var(--green);color:var(--cream);font:16px/1.5 'Special Elite',Courier,monospace}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #dcaf59;outline-offset:5px}p,h1,h2,figure{margin:0}.skip{position:fixed;top:-100px;left:15px;background:#fff;color:#000;z-index:100;padding:12px}.skip:focus{top:80px}
.shopping-bar{position:fixed;inset:0 0 auto;z-index:20;min-height:var(--bar);display:flex;align-items:center;justify-content:center;background:#f2e5d7;color:var(--ink);box-shadow:0 4px 12px #0002;padding:12px 25px}.shopping-bar p{letter-spacing:1.1px;font-size:16px;text-align:center}.small-logo{position:absolute;left:26px;top:13px;width:48px;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s}.scrolled .small-logo{opacity:1;transform:none}.buy{position:absolute;right:26px;top:12px;display:flex;align-items:center;gap:9px;border-radius:28px;background:var(--red);padding:8px 12px;color:var(--cream);font-size:15px;box-shadow:0 3px 0 #92202b66,0 5px 15px #a8262c44;transform:rotate(1.4deg);transition:transform .18s}.buy:hover{transform:rotate(0) translateY(-2px)}.buy img{width:43px;height:23px;object-fit:contain}
.hero{height:892px;min-height:780px;padding:248px 24px 0;text-align:center;position:relative}.eyebrow{font:700 13px/1.4 'Courier Prime',monospace;letter-spacing:4px}.hero-mark{width:220px;margin:89px auto 79px;transform-origin:50% 85%;animation:welcome 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-mark img{width:100%;height:194px;object-fit:contain}.hero h1{font:400 clamp(30px,3.9vw,52px)/1.2 'Special Elite',Courier,monospace;letter-spacing:-1px}.unwrap{display:inline-flex;align-items:center;gap:8px;margin-top:36px;font:700 12px/1.2 'Courier Prime',monospace;letter-spacing:3.3px;opacity:.75}.unwrap:hover{opacity:1}.play{border:1px solid currentColor;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;padding-left:2px;letter-spacing:0;font-size:15px}.unwrap>span:last-child{font-size:22px}
.film{height:1780px;position:relative;margin-top:-60px;padding-top:0;padding-bottom:170px}.postcard-wrap{position:sticky;top:100px;width:min(408px,calc(100% - 36px));margin:auto;filter:drop-shadow(0 12px 14px #0006);transform-origin:center top;will-change:transform}.postcard{background:var(--paper);padding:18px;position:relative;color:var(--ink);mask:linear-gradient(#000 0 0) center/calc(100% - 16px) calc(100% - 16px) no-repeat,radial-gradient(circle at 8px 8px,transparent 6px,#000 6.5px) -8px -8px/24px 24px}.postcard-heading{display:flex;align-items:center;gap:12px;min-height:94px;padding:4px 8px 14px}.postcard-heading p{font-size:16px;line-height:1.5}.postcard-heading b{font-weight:400}.stamp{width:77px;height:77px;flex-shrink:0;border:2px solid var(--red);border-radius:50%;color:var(--red);display:grid;place-items:center;transform:rotate(-17deg);position:relative}.stamp:before{content:'';position:absolute;inset:4px;border:2px dotted #be293599;border-radius:50%}.stamp span{font:700 12px 'Courier Prime',monospace;border-top:1px solid #be293555;border-bottom:1px solid #be293555;padding:7px 0}.film-placeholder{aspect-ratio:9/16;background:#000;display:grid;place-items:center;text-align:center;color:var(--cream)}.film-placeholder p{font-size:29px;line-height:1.45}
.paper{background-color:var(--cream);background-image:radial-gradient(#141a1621 1.7px,transparent 1.8px);background-size:30px 30px;color:var(--ink)}h2{font-family:Bevan,Georgia,serif;font-weight:400;line-height:1.04;text-align:center}h2 em{font-style:normal;color:var(--red)}.patents{padding:50px 48px 80px}.patents h2{max-width:1150px;margin:0 auto;font-size:clamp(38px,5.55vw,74px)}.patent-origin{text-align:center;font-size:19px;letter-spacing:3px;margin-top:20px}.patent-number{text-align:center;font:700 14px/1.5 'Courier Prime',monospace;letter-spacing:2px;color:var(--red);margin-top:3px}.drawing-board{position:relative;max-width:1240px;height:500px;margin:45px auto 0}.fig{position:absolute;margin:0}.fig img{mix-blend-mode:multiply;width:100%;height:100%;object-fit:contain}.fig figcaption{color:var(--red);font:700 11px/1.4 'Courier Prime',monospace;letter-spacing:3px}.f1{left:1%;top:2%;width:34%;height:28%}.f1 img{height:88%}.f1 figcaption{margin-top:6px}.f2{right:1%;top:5%;width:36%;height:19%}.f2 img{height:80%}.f2 figcaption{margin-bottom:5px}.f4{left:28%;top:24%;width:43%;height:61%}.f4 img{height:100%}.f4 figcaption{position:absolute;bottom:9%;left:47%}.f3{left:5%;bottom:3%;width:15%;height:55%}.f3 img{height:90%}.f3 figcaption{text-align:center}.f5{right:1%;bottom:5%;width:36%;height:21%}.f5 img{height:88%}.f5 figcaption{text-align:center}.cross{position:absolute;width:18px;height:18px;border:1px solid #be293588;border-radius:50%;z-index:2}.cross:before,.cross:after{content:'';position:absolute;background:#be293588}.cross:before{height:1px;width:34px;top:8px;left:-9px}.cross:after{height:34px;width:1px;top:-9px;left:8px}.tl{top:0;left:0}.tr{top:0;right:0}.bl{bottom:0;left:0}.br{bottom:0;right:0}
.cards{padding:30px 4% 80px}.cards h2{font-size:clamp(36px,5.25vw,70px);color:var(--green);max-width:1200px;margin:auto}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;max-width:1240px;margin:70px auto 56px}.quote-card{position:relative;background:var(--paper);padding:30px 22px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;filter:drop-shadow(0 8px 0 #141a1622);transform:rotate(-1.5deg);border-radius:2px 9px 3px 7px}.quote-card:nth-child(2){transform:rotate(.9deg)}.quote-card:nth-child(3){transform:rotate(-.8deg)}.quote-card:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:9px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 50%,92% 80%,83% 45%,74% 95%,66% 50%,57% 100%,49% 55%,39% 100%,31% 50%,22% 92%,13% 50%,5% 100%,0 70%)}.tape{position:absolute;width:105px;height:32px;top:-15px;left:calc(50% - 52px);background:linear-gradient(105deg,#c4a87cb8,#d6be9899 45%,#b89b70b3);transform:rotate(-5deg);clip-path:polygon(0 2%,97% 0,100% 91%,2% 100%)}.quote-card:nth-child(2) .tape{transform:rotate(5deg)}.quote{font-size:16px;line-height:1.65}.signed{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-top:24px}.signature{font:400 30px/1.2 Yellowtail,cursive;color:var(--red)}.role{font:700 10.6px/1.4 'Courier Prime',monospace;letter-spacing:1.3px;margin-top:5px}.emoji{font:63px/1 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif;flex:none}.founder-note{position:relative;max-width:985px;margin:auto;min-height:205px;display:flex;align-items:center;gap:28px;padding:12px 40px;color:var(--cream);background:var(--dark);filter:drop-shadow(0 9px 0 #141a1622);clip-path:polygon(0 2%,7% 3%,13% 1%,22% 2%,31% 0,42% 2%,53% 0,63% 1%,74% 0,83% 1%,91% 0,99% 0,100% 4%,99% 9%,100% 13%,99% 18%,100% 24%,99% 30%,100% 34%,99% 40%,100% 46%,99% 52%,100% 57%,99% 63%,100% 69%,99% 76%,100% 82%,99% 88%,100% 94%,99% 98%,90% 100%,80% 98%,72% 100%,61% 98%,50% 100%,40% 99%,29% 100%,18% 99%,7% 100%,0 98%,1% 90%,0 85%,1% 80%,0 73%,1% 67%,0 60%,1% 54%,0 48%,1% 42%,0 35%,1% 28%,0 22%,1% 17%,0 10%,1% 6%)}.founder-note>img{width:145px;height:180px;object-fit:contain}.note-eyebrow{color:var(--red);font:700 13px/1.5 'Courier Prime',monospace;letter-spacing:2.5px}.founder-quote{font-size:19px;margin:10px 0}.founder-note .signature{font-size:33px}.founder-note .role{font-size:10.6px}
footer{background:var(--dark);padding:58px 24px 50px;font-family:'Courier Prime',Courier,monospace;font-size:14px;color:#e4ded7}.footer-details{display:grid;grid-template-columns:1fr 1fr;max-width:670px;margin:auto;line-height:1.85}.footer-details address{font-style:normal;text-align:right;padding-right:26px}.footer-details nav{display:flex;flex-direction:column;padding-left:26px;border-left:2px dotted var(--red)}footer a:hover{color:#fff;text-decoration:underline}.social{display:flex;gap:22px;align-items:center;justify-content:center;margin:42px 0 30px}.social img{width:23px;height:23px;object-fit:contain}.footer-line{text-align:center;opacity:.7}
@keyframes welcome{from{opacity:0;transform:translateY(18px) rotate(-7deg) scale(.95)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{height:100vh;padding-top:27vh}.hero-mark{margin-top:10vh;margin-bottom:9vh}.film{height:1950px}}
@media(max-width:1000px){.shopping-bar{justify-content:flex-start;padding-left:85px}.shopping-bar p{font-size:13px;max-width:46%;text-align:center}.buy{right:18px}.hero{padding-top:220px}.eyebrow{letter-spacing:2.5px}.hero-mark{margin-top:85px;margin-bottom:75px}.drawing-board{height:420px}.card-grid{gap:20px}.quote-card{padding:25px 17px 18px}.quote{font-size:14px}.emoji{font-size:47px}.role{font-size:9px;letter-spacing:.8px}.founder-note{max-width:850px}.note-eyebrow{font-size:11px;letter-spacing:1.5px}.patent-origin{font-size:16px;letter-spacing:2px}.patent-number{font-size:12px}}
@media(max-width:650px){:root{--bar:88px}.shopping-bar{padding:9px 12px;display:grid;grid-template-columns:45px 1fr;gap:6px}.shopping-bar p{grid-column:1/3;grid-row:1;max-width:none;font-size:11px;letter-spacing:.35px}.buy{position:static;grid-column:2;justify-self:end;padding:6px 12px;font-size:13px}.buy img{width:39px}.small-logo{top:36px;left:17px;width:39px;opacity:1;transform:none}.hero{padding:190px 18px 0;height:750px;min-height:0}.eyebrow{font-size:10px;letter-spacing:1.8px;max-width:320px;margin:auto}.hero-mark{width:175px;margin:67px auto 65px}.hero-mark img{height:154px}.hero h1{font-size:34px;line-height:1.35;letter-spacing:-.6px;max-width:380px;margin:auto}.unwrap{font-size:10px;letter-spacing:2.3px;margin-top:28px}.film{height:1280px;margin-top:-25px;padding-bottom:120px}.postcard-wrap{top:115px;width:min(350px,calc(100% - 32px))}.postcard{padding:15px}.postcard-heading{padding:0 5px 12px;min-height:84px;gap:9px}.postcard-heading p{font-size:13px}.stamp{width:62px;height:62px}.stamp span{font-size:10px}.film-placeholder p{font-size:25px}.patents{padding:55px 23px 60px}.patents h2{font-size:37px;line-height:1.12}.patent-origin{font-size:12px;letter-spacing:1.4px;margin-top:22px}.patent-number{font-size:10px;letter-spacing:1.2px;margin-top:8px}.drawing-board{height:635px;margin-top:35px}.f1{left:4%;top:3%;width:90%;height:18%}.f2{right:4%;top:26%;width:90%;height:13%}.f4{left:13%;top:39%;width:81%;height:31%}.f4 figcaption{bottom:-2%;left:45%}.f3{left:6%;bottom:4%;width:27%;height:24%}.f5{right:3%;bottom:6%;width:57%;height:15%}.fig figcaption{font-size:10px;letter-spacing:1.5px}.cards{padding:30px 25px 58px}.cards h2{font-size:36px;line-height:1.15;max-width:360px}.card-grid{grid-template-columns:1fr;gap:40px;margin:52px auto 48px;max-width:400px}.quote-card{padding:28px 24px 23px;min-height:250px}.quote{font-size:16px}.emoji{font-size:58px}.role{font-size:9.5px;letter-spacing:1px}.founder-note{gap:14px;display:flex;flex-direction:column;text-align:center;padding:23px 20px 30px}.founder-note>img{height:143px;width:120px}.note-eyebrow{font-size:10px;letter-spacing:1.6px}.founder-quote{font-size:18px;margin:12px 0}.founder-note .role{font-size:9px}.footer-details{grid-template-columns:1fr;gap:19px;text-align:center}.footer-details address{padding:0;text-align:center}.footer-details nav{padding:18px 0 0;border-left:0;border-top:2px dotted #be293588;max-width:260px;width:100%;margin:auto}footer{font-size:13px;padding-top:40px}.social{margin:30px 0 22px}}
@media(max-width:350px){.hero h1{font-size:30px}.postcard-heading p{font-size:11.5px}.stamp{width:55px;height:55px}.film-placeholder p{font-size:23px}.patents h2{font-size:31px}.cards h2{font-size:31px}.quote-card{padding-left:18px;padding-right:18px}.quote{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.postcard-wrap{transform:none!important}}

/* Motion additions: independent recreation of the three observed interactions. */
.hero-logo{display:block;width:100%;height:194px;overflow:visible}
.ornament-swing{will-change:transform}
.stamp{border:0;display:block}
.stamp:before{display:none}
.stamp .stamp-ink{position:absolute;inset:0;display:grid;place-items:center;padding:0;border:2px solid var(--red);border-radius:50%;font:700 12px 'Courier Prime',monospace}
.stamp-ink:before{content:'';position:absolute;inset:4px;border:2px dotted #be293599;border-radius:50%}
.stamp .stamp-ink>span{border:0;padding:0;font:inherit}
.stamp .stamp-press{position:absolute;inset:-10px;border:3px solid var(--red);padding:0;border-radius:50%;opacity:0;pointer-events:none;z-index:2}
.stamp.is-stamped .stamp-press{animation:stamp-press .68s cubic-bezier(.3,.85,.3,1) both}
.stamp.is-stamped .stamp-ink{animation:stamp-imprint .68s cubic-bezier(.3,1.3,.5,1) both}
.quote-card{--rest-angle:-.7deg;transform:rotate(var(--rest-angle));transition:transform .2s ease,filter .2s ease}
.quote-card:nth-child(2){--rest-angle:.45deg;transform:rotate(var(--rest-angle))}
.quote-card:nth-child(3){--rest-angle:-.35deg;transform:rotate(var(--rest-angle))}
@media(hover:hover) and (pointer:fine){.quote-card:hover{transform:translateY(-4px) rotate(0deg)}}
@keyframes stamp-press{0%{opacity:0;transform:translateY(-35px) scale(1.65) rotate(-9deg)}25%{opacity:.5}48%{opacity:.85;transform:translateY(0) scale(.88) rotate(1deg)}65%{opacity:.25;transform:translateY(-3px) scale(1.02) rotate(-2deg)}100%{opacity:0;transform:translateY(-12px) scale(1.5) rotate(-4deg)}}
@keyframes stamp-imprint{0%,28%{transform:scale(1);opacity:.8}48%{transform:scale(.88,.81);opacity:1}70%{transform:scale(1.05,1.035)}100%{transform:scale(1);opacity:1}}
@media(max-width:650px){.hero-logo{height:154px}.stamp .stamp-ink{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ornament-swing{transform:none!important}.stamp-press{display:none}.quote-card:hover{transform:rotate(var(--rest-angle))}}

/* Production layout: the product card stays in the normal page flow. */
.film{height:auto;margin-top:0;padding:10px 0 140px}
.postcard-wrap{position:relative;top:auto;transform:none!important;will-change:auto}
.document-page .shopping-bar .small-logo{opacity:1;transform:none}
.document-heading{padding:170px 24px 65px;text-align:center}
.document-heading h1{font:400 clamp(38px,6vw,68px)/1.15 Bevan,Georgia,serif}
.document-heading em{font-style:normal;color:#edc8b7}
.document-area{padding:60px 24px 85px}
.document-sheet{max-width:900px;margin:auto;background:var(--paper);padding:clamp(24px,5vw,60px);box-shadow:0 8px 0 #141a1615;font:18px/1.65 'Courier Prime',Courier,monospace;overflow-wrap:anywhere}
.document-sheet h2{text-align:left;font:700 24px/1.3 'Courier Prime',Courier,monospace;margin:34px 0 12px;color:var(--green)}
.document-sheet h2:first-child{margin-top:0}
.document-sheet p{margin:0 0 20px}
.document-sheet a{text-decoration:underline;text-underline-offset:3px}
.document-sheet .document-date{font-size:14px;color:#586057}
.document-sheet .back-home{display:inline-block;margin-top:22px;color:var(--red);font-weight:700}
@media(max-width:650px){.film{padding:10px 0 100px}.document-heading{padding-top:155px}.document-area{padding:35px 18px 60px}.document-sheet{font-size:16px}.document-sheet h2{font-size:22px}}