@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Patrick+Hand&family=Roboto+Condensed:wght@400;600;700&display=swap');
:root{--paper:#f3ecdd;--ink:#181512;--yellow:#f5c318}
*{box-sizing:border-box}html{background:#3a2416}body{margin:0;color:var(--ink);font-family:"Roboto Condensed",Arial,sans-serif;background:#4a2e1b url("decor/desk-texture.jpg") center bottom/cover fixed}
.mast{height:116px;background:#070808;position:relative;z-index:5;box-shadow:0 5px 15px #0008}.mast-inner{height:100%;max-width:1536px;margin:auto;display:flex;align-items:center;padding:0 90px 0 112px;gap:35px}.logo{width:390px;height:105px;overflow:hidden;display:block;flex:none}.logo img{width:100%;height:100%;object-fit:contain}.mast nav{display:flex;gap:34px;align-self:stretch;align-items:center;white-space:nowrap}.mast nav a{font-family:"Kalam",cursive;font-size:17px;color:#fff;text-decoration:none;padding:40px 0 20px;border-bottom:3px solid transparent}.mast nav a.on,.mast nav a:hover{color:#ffd31c;border-color:#ffd31c}.search{margin-left:auto;width:250px;background:#f7f3eb;border:0;border-radius:4px;padding:10px 14px;font:15px "Roboto Condensed"}
.gear{position:absolute;width:130px;height:130px;border:15px solid #242424;border-radius:50%;top:-34px;box-shadow:inset 0 0 0 7px #050505,0 0 20px #000}.gear:after{content:"";position:absolute;inset:25px;border:8px solid #555;border-radius:50%}.gear-left{left:-35px}.gear-right{right:-25px}
.map-band{height:35px;margin-bottom:-35px;background:url("decor/map-strip.jpg") center/cover;opacity:.95}.desk{min-height:908px;padding:38px 0 35px;overflow:hidden}.scene{width:1536px;min-height:870px;margin:0 auto;display:grid;grid-template-columns:320px 820px 340px;gap:16px;position:relative}
.sheet{background:var(--paper) url("decor/paper-texture.jpg") center/cover repeat-y;border:1px solid #bcae94;box-shadow:4px 7px 13px #0007;position:relative}.sheet:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(83,54,26,.035),transparent 20%,rgba(255,255,255,.1) 55%,rgba(81,53,29,.04));mix-blend-mode:multiply}
.left-stack{position:relative;z-index:2}.course-sheet{height:602px;padding:25px 20px 20px 52px;transform:rotate(-1.4deg);transform-origin:top right}.course-sheet h2,.quick-sheet h2,.latest h2,.routes h2,.featured h2{font-family:"Kalam",cursive;font-size:28px;line-height:1;margin:0 0 11px}.marker,.quick-mark{height:4px;background:var(--yellow);width:235px;transform:rotate(-1deg);margin:-7px 0 9px}.course{height:52px;display:grid;grid-template-columns:62px 27px 1fr;gap:8px;align-items:center;color:var(--ink);text-decoration:none;border-bottom:1px solid #d2c7b3}.course img{width:62px;height:40px;object-fit:contain;background:#ded4c1}.course i{font-style:normal;font-size:14px}.course span{font-family:"Patrick Hand",cursive;font-size:20px}.course:hover span{color:#8b6100}
.spiral{position:absolute;top:12px;bottom:12px;width:26px;z-index:3;background:radial-gradient(circle,#50463b 0 3px,#d8cbb4 3.3px 5px,transparent 5.3px) center top/20px 30px repeat-y}.left-spiral{left:7px}.right-spiral{left:7px}.main-spiral{left:-12px;opacity:.75}.clip{position:absolute;width:17px;height:78px;border:4px solid #8d8a82;border-radius:10px;left:26px;top:17px;z-index:5;transform:rotate(2deg);box-shadow:1px 1px 2px #0005}
.sticky{width:310px;min-height:265px;margin:-17px 0 0 7px;padding:25px 24px 18px;background:#f0d65c;box-shadow:4px 8px 13px #0008;transform:rotate(-2.1deg);font-family:"Patrick Hand",cursive;position:relative;z-index:4}.sticky:before{content:"";position:absolute;top:0;left:0;right:0;height:18px;background:linear-gradient(#ffe878,#e9cc4b);opacity:.55}.sticky h2{font-family:"Kalam",cursive;font-size:28px;margin:0;border-bottom:2px solid #282015;padding-bottom:3px}.sticky p{font-size:19px;line-height:1.3;margin:12px 0 5px}.sticky strong{display:block;font-family:"Kalam",cursive;font-size:29px;text-align:center;transform:rotate(-4deg)}.social{text-align:center;font-size:14px}.social a{color:#1d1a16}
.main-sheet{min-height:835px;padding:0 28px 18px 38px;transform:rotate(.15deg);z-index:1}.hero{height:365px;display:grid;grid-template-columns:40% 60%;gap:20px;padding-top:31px;border-bottom:1px solid #d1c5b0}.intro h1{font-family:"Kalam",cursive;font-size:43px;line-height:1.02;margin:0}.yellow-stroke{display:block;width:218px;height:6px;background:var(--yellow);transform:rotate(-1deg);margin:-2px 0 12px}.intro p{font-size:19px;line-height:1.35;margin:0 0 18px;max-width:325px}.start{display:inline-block;background:var(--yellow);color:#17120a;text-decoration:none;font:700 25px "Kalam",cursive;padding:7px 28px 5px;clip-path:polygon(2% 10%,98% 0,95% 91%,0 100%);transform:rotate(-1deg)}.start b{font-size:30px;margin-left:18px}
.polaroid{margin:-14px 0 0;position:relative;transform:rotate(-2.2deg)}.polaroid img{width:100%;height:290px;object-fit:contain;background:#222;border:12px solid #f8f5ed;box-shadow:4px 6px 11px #0007}.tape{position:absolute;z-index:4;width:112px;height:28px;left:39%;top:-10px;background:#d4bd8299;transform:rotate(4deg);box-shadow:0 1px 2px #0003}.polaroid figcaption{text-align:right;font:18px/1.05 "Patrick Hand",cursive;padding:6px 28px 0 0;transform:rotate(-1deg)}.arrow{font-size:35px;display:inline-block;transform:rotate(-15deg);margin-right:8px}
.routes{padding-top:15px}.featured{padding-top:16px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.four a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column}.four img{width:100%;height:115px;object-fit:contain;background:#ddd3c1;border:1px solid #b8aa93}.four b{font-size:17px;margin-top:4px}.four span{font-size:14px;line-height:1.1}.featured .four img{height:105px}
.bottom{position:absolute;left:38px;right:28px;bottom:15px;border-top:1px solid #c7baa4;padding-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bottom a{position:relative;padding-left:43px;text-decoration:none;color:var(--ink);min-height:42px}.bottom i{position:absolute;left:2px;top:1px;font-style:normal;font-size:31px}.bottom b{display:block;font-family:"Patrick Hand",cursive;font-size:18px}.bottom span{font-size:12px}
.coffee-stain{position:absolute;border:4px solid rgba(132,81,36,.14);border-radius:50%;width:58px;height:58px;pointer-events:none}.coffee-stain:after{content:"";position:absolute;inset:6px;border:2px solid rgba(132,81,36,.09);border-radius:50%}.stain-one{right:14px;top:360px;transform:rotate(18deg)}.stain-two{left:285px;bottom:102px;width:38px;height:38px;opacity:.6}
.right-stack{display:flex;flex-direction:column;gap:13px;position:relative;z-index:2}.quick-sheet{height:245px;padding:24px 18px 18px 47px;transform:rotate(1.2deg)}.quick-mark{width:130px}.quick-body{display:grid;grid-template-columns:102px 1fr;gap:14px}.quick-body img{width:102px;height:150px;object-fit:contain;background:#ddd3c1}.quick-body div{display:flex;flex-direction:column}.quick-body a{font-size:14px;color:var(--ink);text-decoration:none;padding:5px 0;border-bottom:1px solid #d3c7b3}
.ad{height:198px;background:#eee4d4;padding:18px 10px 10px;box-shadow:3px 6px 12px #0007;position:relative;transform:rotate(.3deg)}.ad small{position:absolute;left:12px;top:4px;font-size:9px;color:#5d574e}.ad-inner{height:100%;background:#111;color:#eee;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #000}.ad-inner b{font-size:24px}.ad-inner span{font-size:13px;color:#aaa;margin-top:8px}.latest{height:250px;padding:18px 16px;transform:rotate(-.7deg)}.latest h2{margin-bottom:8px}.latest a{height:39px;display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font:18px "Patrick Hand",cursive;border-bottom:1px solid #d2c6b1}.latest img{width:70px;height:34px;object-fit:contain;background:#ddd3c1}.small-ad{height:160px;transform:rotate(.7deg)}
.edge-prop{position:absolute;border-radius:50%;border:18px solid #171717;box-shadow:inset 0 0 0 8px #444,0 4px 14px #0009;z-index:0}.prop-left{width:145px;height:145px;left:-85px;bottom:-38px}.prop-right{width:150px;height:150px;right:-92px;top:355px}
@media(max-width:1535px){.scene{transform-origin:top left;transform:scale(calc(100vw / 1536));margin-bottom:calc(-870px + (870px * (100vw / 1536)))}.mast-inner{padding-left:6vw;padding-right:6vw}.logo{width:30vw;min-width:270px}.mast nav{gap:2vw}.search{width:16vw}}
@media(max-width:900px){.mast{height:auto}.mast-inner{flex-wrap:wrap;padding:8px 14px}.logo{height:78px;width:310px}.mast nav{order:3;width:100%;overflow-x:auto;gap:22px}.mast nav a{padding:8px 0}.search{display:none}.desk{padding-top:18px}.scene{width:auto;transform:none;margin:0 10px;display:block}.left-stack,.right-stack{display:none}.main-sheet{min-height:auto;padding:20px;transform:none}.hero{height:auto;grid-template-columns:1fr}.polaroid{margin:10px 0}.routes,.featured{padding-top:20px}.four{grid-template-columns:repeat(2,1fr)}.bottom{position:static;margin-top:25px;grid-template-columns:repeat(2,1fr)}}