@font-face{font-family:Display;src:url('assets/display.woff2') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Body;src:url('assets/body.woff2') format('truetype');font-weight:100 900;font-display:swap}:root{--ivory:#faf9f6;--maple:#ffe2c7;--ink:#3a2732;--violet:#5a4e8f;--sea:#59bbc2;--coral:#fd8b60}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Body,Arial,sans-serif}.page{max-width:1680px;margin:auto}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--violet);outline-offset:6px}header{padding:30px 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink)}.wordmark{font-weight:600;font-size:27px;letter-spacing:-1.3px;display:flex;gap:12px;align-items:center}.asterisk{color:var(--violet);font-size:35px}.issue{display:flex;border:1px solid var(--ink);font:10px 'Courier New',monospace;letter-spacing:.6px}.issue span{padding:11px 14px}.issue span+span{border-left:1px solid var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;padding:58px 4.5% 68px;gap:4%;overflow:hidden}.story{position:relative}.eyebrow{font:11px 'Courier New',monospace;letter-spacing:.5px;text-transform:uppercase;margin:0 0 24px}h1{font-family:Display,'Arial Narrow',Impact,sans-serif;font-weight:600;font-size:clamp(66px,7.9vw,126px);line-height:1.01;letter-spacing:-.035em;margin:0 0 25px}.violet{color:var(--violet)}.dot{color:var(--coral)}.ticket{position:absolute;left:37%;top:155px;transform:rotate(-9deg);background:var(--sea);border:1px solid var(--ink);display:flex;box-shadow:3px 4px 0 var(--ink);font:10px 'Courier New',monospace;z-index:2}.ticket span{padding:15px 12px}.ticket span+span{border-left:1px dashed var(--ink)}.intro{font-size:16px;line-height:1.55;max-width:405px;margin:25px 0 13px}.note{font:12px 'Courier New',monospace;margin:0}.collage{position:relative;min-height:575px}.back-paper{position:absolute;background:var(--sea);width:78%;height:84%;top:6%;left:12%;transform:rotate(8deg);border:1px solid var(--ink)}.sheet{position:absolute;background:var(--violet);color:var(--ivory);width:79%;left:5%;top:4%;padding:24px;transform:rotate(-5deg);border:2px solid var(--ink);box-shadow:5px 7px 0 #3a27322b}.tape{position:absolute;width:120px;height:32px;top:-15px;left:34%;background:#ffe2c7cc;transform:rotate(8deg);border-left:2px dashed #c5b499;border-right:2px dashed #c5b499}.sheet-top,.sheet-bottom{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;letter-spacing:1px}.sheet-top{border-bottom:1px solid #fff4eb77;padding-bottom:13px}.sheet-title{font-family:Display,Impact,sans-serif;line-height:1.02;font-size:clamp(50px,6vw,90px);letter-spacing:-2px;padding-top:24px;position:relative}.sheet-title>span{position:absolute;right:3px;bottom:-12px;font:85px Georgia,serif;color:var(--maple)}.stripes{display:flex;gap:8px;height:55px;margin-top:23px}.stripes i{flex:1;background:var(--coral)}.stripes i:nth-child(2){background:var(--maple)}.stripes i:nth-child(3){background:var(--sea)}.stripes i:nth-child(4){background:var(--ivory)}.stripes i:nth-child(5){background:var(--ink)}.sheet>p{font:italic 32px/1.05 Georgia,serif;margin:23px 0}.sheet-bottom{border-top:1px solid #fff4eb77;padding-top:13px}.sheet-bottom span:last-child{font-size:23px}.stamp{position:absolute;right:0;top:0;background:var(--coral);width:127px;height:127px;clip-path:polygon(50% 0%,57% 9%,67% 3%,70% 15%,82% 12%,83% 25%,95% 27%,90% 39%,100% 50%,90% 57%,96% 69%,83% 72%,83% 84%,70% 83%,66% 96%,56% 91%,50% 100%,42% 91%,31% 96%,28% 83%,15% 84%,16% 71%,3% 68%,9% 56%,0% 50%,9% 42%,4% 31%,17% 28%,16% 15%,29% 16%,33% 3%,43% 9%);display:grid;place-items:center;transform:rotate(12deg)}.stamp span{font:12px/1.3 'Courier New',monospace;text-align:center;font-weight:bold}.memo{position:absolute;bottom:7%;right:0;width:240px;padding:24px;background:var(--maple);transform:rotate(8deg);box-shadow:2px 3px 0 #3a273229;border:1px solid #3a273233}.memo-label{font:11px 'Courier New',monospace;border-bottom:1px solid var(--ink)}.memo ul{list-style:none;padding:0;margin:20px 0;line-height:1.9;font-size:14px}.memo li:before{content:'✳';margin-right:9px;color:var(--violet)}.memo-foot{font:10px 'Courier New',monospace}.clip{position:absolute;right:20px;top:-20px;width:18px;height:65px;border:3px solid #73676c;border-radius:20px;transform:rotate(-15deg);box-shadow:1px 1px 1px #fff}.clip:after{content:'';position:absolute;inset:6px 3px;border:1px solid #73676c;border-radius:20px}.label{position:absolute;left:-5%;bottom:0;background:var(--sea);display:flex;align-items:center;gap:16px;padding:17px;border:1px solid var(--ink);transform:rotate(-8deg);font:11px/1.3 'Courier New',monospace}.label svg{width:35px;fill:none;stroke:var(--ink);stroke-width:1.3}footer{background:var(--ink);color:var(--ivory);padding:43px 4.5% 48px;display:grid;grid-template-columns:1fr 1fr;gap:4%;align-items:end}footer .eyebrow{color:var(--sea);margin-bottom:18px}h2{font-size:clamp(34px,4vw,59px);font-weight:500;line-height:1.02;letter-spacing:-2px;margin:0}h2 em{font-family:Georgia,serif;font-weight:400;color:var(--maple)}.contact p{font-size:14px;line-height:1.6;margin:0 0 18px}.contact a{display:inline-block;font-size:clamp(16px,1.8vw,25px);border-bottom:1px solid var(--coral);padding-bottom:9px}.contact a span{color:var(--coral);margin-left:8px}.contact a:hover{color:var(--sea)}.colophon{display:flex;justify-content:space-between;padding:18px 4.5%;font:10px 'Courier New',monospace;background:var(--maple)}@media(max-width:900px){.hero{gap:2%}h1{font-size:8.1vw}.ticket{left:29%;top:130px;font-size:8px}.ticket span{padding:12px 8px}.sheet{padding:18px}.collage{min-height:540px}.memo{width:210px}.stamp{width:100px;height:100px}.stamp span{font-size:10px}}@media(max-width:650px){header{padding:22px}.wordmark{font-size:23px}.asterisk{font-size:30px}.issue{font-size:8px}.issue span{padding:9px}.issue span:first-child{display:none}.issue span+span{border:0}.hero{grid-template-columns:1fr;padding:35px 22px 43px;gap:32px}h1{font-size:clamp(64px,14vw,91px)}.eyebrow{font-size:10px}.ticket{top:143px;left:32%;font-size:9px}.ticket span{padding:12px 9px}.intro{font-size:15px;max-width:350px}.collage{min-height:535px;margin:0 4px}.sheet{width:82%;left:3%;padding:22px}.sheet-title{font-size:70px}.stamp{width:106px;height:106px}.memo{width:205px;bottom:7%;padding:20px}.label{left:0;bottom:0;font-size:10px}.back-paper{height:82%}footer{grid-template-columns:1fr;padding:35px 22px;gap:28px}h2{font-size:47px}.contact a{font-size:clamp(16px,4.4vw,23px)}.colophon{padding:18px 22px;gap:12px;flex-direction:column;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Organic stippled transition from the supplied texture. */
footer{position:relative;isolation:isolate;background:var(--ink);padding-top:330px;padding-bottom:64px;min-height:550px;overflow:hidden}
footer:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:url('assets/footer-texture.jpg') center top / 100% 100% no-repeat;filter:grayscale(1);mix-blend-mode:screen}
footer:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,var(--ivory) 0%,rgba(250,249,246,.97) 5%,rgba(250,249,246,.7) 14%,rgba(250,249,246,0) 34%,rgba(58,39,50,0) 75%,var(--ink) 100%)}
footer .eyebrow{color:var(--ivory)}.colophon{background:var(--ink);color:var(--ivory);border-top:1px solid #fff4eb22}
@media(max-width:650px){footer{padding-top:250px;padding-bottom:42px;min-height:650px}footer:before{background-size:auto 450px;background-position:55% top}footer:after{background:linear-gradient(to bottom,var(--ivory) 0%,rgba(250,249,246,.95) 4%,rgba(250,249,246,0) 22%,rgba(58,39,50,0) 48%,var(--ink) 70%)}}


/* Tactile finishing for the original coloured paper collage. */
.sheet,.memo,.ticket,.label,.back-paper,.stamp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.58' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.24'/%3E%3C/svg%3E");background-blend-mode:soft-light}
.sheet{border:1px solid #3a27327a;box-shadow:3px 5px 11px #3a273232}.memo{box-shadow:2px 4px 8px #3a273229;border-color:#c9ab8e}.tape{box-shadow:0 1px 2px #3a273215;background:#ffe2c7b8}.paperclip{position:absolute;right:8px;top:-30px;width:65px;height:77px;object-fit:contain;transform:rotate(-16deg);filter:drop-shadow(2px 3px 2px #3a27324d);z-index:5;pointer-events:none}.asset-credit{display:block;background:var(--ink);color:#ccc2c9;text-align:right;padding:0 4.5% 14px;font:9px 'Courier New',monospace}.asset-credit:hover{text-decoration:underline}
@media(max-width:650px){.paperclip{width:59px;height:70px;top:-27px}.asset-credit{text-align:left;padding-inline:22px}}

/* Simple coming-soon composition. */
.hero{display:block;padding:64px 4.5% 65px;overflow:visible}.story{max-width:950px}.story h1{font-size:clamp(88px,13vw,180px);line-height:1;margin:0 0 27px}.ticket{position:static;display:inline-flex;transform:rotate(-5deg);margin:0 0 22px 8px;box-shadow:2px 3px 0 var(--ink)}.ticket span{font-size:10px;padding:13px 15px}.intro{max-width:440px;margin:10px 0 0}.hero .eyebrow{margin-bottom:30px}
@media(max-width:650px){.hero{padding:45px 22px 50px}.story h1{font-size:clamp(80px,21vw,135px)}.ticket{margin-top:4px}.ticket span{font-size:9px;padding:12px 11px}.intro{max-width:320px}}

.story{max-width:1200px}.story h1{font-size:clamp(68px,9vw,140px)}@media(max-width:650px){.story h1{font-size:clamp(45px,10.2vw,67px)}}

.polaris-icon{display:block;flex:0 0 34px;width:34px;height:34px;background:var(--violet);-webkit-mask:url('assets/polaris-icon.png') center/contain no-repeat;mask:url('assets/polaris-icon.png') center/contain no-repeat}.wordmark{gap:11px}@media(max-width:650px){.polaris-icon{flex-basis:30px;width:30px;height:30px}}

/* Keep desktop contact copy aligned with the footer right edge. */
@media(min-width:651px){footer .contact{justify-self:end;text-align:right;max-width:100%;min-width:0}}

/* Edge-to-edge canvas; desktop composition follows viewport height. */
.page{width:100%;max-width:none;margin:0}
@media(min-width:651px){
  .page{height:100vh;height:100dvh;display:grid;grid-template-rows:10fr 51fr 33fr 6fr}
  .page>header,.page>main,.page>footer,.page>.colophon{min-height:0;min-width:0}
  header{padding:0 4.5%;align-items:center}
  .wordmark{font-size:clamp(20px,2.6vh,27px)}
  .polaris-icon{width:clamp(26px,3.8vh,34px);height:clamp(26px,3.8vh,34px);flex-basis:clamp(26px,3.8vh,34px)}
  .issue span{padding:min(1.3vh,11px) 14px}
  main{display:flex;align-items:center}
  .hero{width:100%;padding:1.8vh 4.5%;display:block}
  .story{max-width:none}
  .hero .eyebrow{font-size:clamp(9px,1.3vh,11px);margin:0 0 1.7vh}
  .story h1{font-size:min(9vw,13vh,140px);line-height:1;margin:0 0 2vh}
  .ticket{margin:0 0 1.1vh 8px}
  .ticket span{font-size:clamp(8px,1.2vh,10px);padding:1.3vh 15px}
  .intro{font-size:clamp(12px,1.8vh,16px);line-height:1.45;margin:1vh 0 0;max-width:none}
  footer{min-height:0;padding:5vh 4.5% 2.5vh;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;align-items:end}
  footer:after{background:linear-gradient(to bottom,var(--ivory) 0%,rgba(250,249,246,.7) 8%,rgba(250,249,246,0) 25%,var(--ink) 56%)}
  footer .eyebrow{font-size:clamp(9px,1.3vh,11px);margin-bottom:1.4vh}
  footer h2{font-size:min(4vw,6vh,59px);line-height:1.02}
  footer .contact{justify-self:end;text-align:right;max-width:100%;min-width:0}
  .contact p{font-size:clamp(11px,1.65vh,14px);line-height:1.45;margin:0 0 1.5vh}
  .contact a{font-size:min(1.8vw,2.7vh,25px);padding-bottom:1vh;white-space:nowrap}
  .colophon{padding:0 4.5%;align-items:center;font-size:clamp(9px,1.2vh,10px)}
}

/* Two-family typography system. */
@font-face{font-family:'Space Mono';src:url('assets/space-mono-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url('assets/space-mono-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body,.issue,.eyebrow,.ticket,.colophon,.intro,.contact{font-family:'Space Mono',monospace;font-weight:400}
h1,h2,h2 em,.wordmark{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-style:normal}
h1{letter-spacing:-.015em}
h2{letter-spacing:-.02em}
.wordmark{letter-spacing:-.015em;font-size:30px}
.contact a{letter-spacing:-.04em}
@media(min-width:651px){.wordmark{font-size:clamp(23px,3.4vh,32px)}}
