/* Decorative marks only. No added words or slogans. */
.site-shell{background-color:#f3f2ee;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%235c574f' opacity='.13' filter='url(%23n)' d='M0 0h240v240H0z'/%3E%3C/svg%3E");background-size:240px 240px}
.hero{background:#efeeea}.hero-wash{background:linear-gradient(90deg,#f2f1edf5 0%,#f2f1eddd 23%,#f2f1ed4d 43%,transparent 65%),linear-gradient(0deg,#0008,transparent 35%)}
.hero-doodles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.hero-doodles:after{content:'';position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.28' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777777' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}.hero-top,.hero-bottom,.hero-label{position:relative;z-index:2}.hero-label,.hero-bottom{position:absolute}.hero-top{z-index:3}.doodle{position:absolute;width:100px;user-select:none}.doodle.crown{width:75px;left:310px;top:10px;transform:rotate(8deg)}.doodle.scribble{width:150px;left:130px;top:264px;transform:rotate(-12deg);opacity:.82}.doodle.star{width:81px;left:48px;bottom:51px;transform:rotate(-12deg)}.doodle.loop{width:105px;right:44px;bottom:57px;transform:rotate(13deg)}
.main-nav a.active:after{height:7px;bottom:-3px;transform:rotate(-1.8deg);clip-path:polygon(0 28%,35% 0,67% 16%,100% 5%,97% 76%,48% 100%,0 85%)}
.years{position:relative}.years:after{content:'';position:absolute;right:114px;bottom:-9px;width:69px;height:32px;background:url('assets/doodle-arrow.svg') center/contain no-repeat;transform:rotate(-13deg);pointer-events:none}.year{border-radius:9px 13px 8px 12px;box-shadow:2px 5px 9px #0000000b;background:#f7f6f2}.year:nth-child(1){transform:rotate(-1.7deg)}.year:nth-child(2){transform:rotate(1.1deg)}.year:nth-child(3){transform:rotate(-.8deg)}.year.active{transform:rotate(-2deg);box-shadow:2px 4px 0 #b1101730}.year.active:after{content:'';position:absolute;inset:-4px;border:1.5px solid var(--red);border-radius:46% 49% 45% 50% / 13% 17% 15% 19%;transform:rotate(3deg);pointer-events:none}
.tour-card{border-radius:9px 13px 8px 11px;box-shadow:1px 4px 10px #00000013}.tour-card:nth-child(1){transform:rotate(-.65deg)}.tour-card:nth-child(2){transform:rotate(.55deg)}.tour-card:nth-child(3){transform:rotate(-.35deg)}.tour-card:hover{transform:translateY(-3px) rotate(0deg)}.tour-meta{background:linear-gradient(115deg,#f7f6f2dd,#ecebe780)}.tour-card .cover:after{content:'';position:absolute;width:42px;height:15px;right:-6px;bottom:8px;background:url('assets/doodle-scribble.svg') center/100% 100% no-repeat;filter:invert(1);opacity:.55;transform:rotate(-18deg);pointer-events:none}
.feature{border-radius:9px 13px 8px 11px;border:0;box-shadow:1px 6px 15px #0002;overflow:hidden}.feature:after{width:auto;right:0;pointer-events:none;background:linear-gradient(90deg,#f20c19aa 0,transparent 3%,transparent 97%,#ed101ba6 100%);border-left:7px solid #ed101b;border-right:3px solid #ed101b;clip-path:polygon(0 0,100% 0,99% 18%,100% 31%,99.3% 64%,100% 100%,0 100%,.5% 83%,0 59%,.6% 37%)}.feature-photo{filter:saturate(1.25) contrast(1.08)}.feature h2{position:relative;isolation:isolate;transform:rotate(-2deg);padding:5px 12px 5px 1px}.feature h2:before{content:'';position:absolute;inset:-8px -15px -8px -12px;background:#080808e8;z-index:-1;clip-path:polygon(1% 8%,11% 2%,34% 7%,64% 1%,93% 5%,100% 20%,97% 39%,100% 69%,96% 96%,80% 100%,45% 95%,15% 100%,0 86%,2% 60%,0 32%)}.feature-copy{position:relative}.feature-copy:after{content:'';position:absolute;right:140px;bottom:-37px;width:63px;height:60px;background:url('assets/doodle-star.svg') center/contain no-repeat;filter:brightness(0) invert(1);transform:rotate(13deg);pointer-events:none}.count{transform:rotate(-5deg);border:2px solid #fffdf0;outline:1px solid #1b1b1b;outline-offset:4px;box-shadow:3px 3px 0 #0005}.feature-top{border-bottom:0;position:relative}.feature-top:after{content:'';position:absolute;left:0;bottom:0;width:95px;height:3px;background:var(--red);transform:rotate(-2deg)}.primary{transform:rotate(-1deg);border-radius:2px 5px 2px 3px;box-shadow:2px 3px 0 #0004}.primary b{font-weight:800;transform:rotate(7deg)}.shortcut{border-radius:10px 8px 11px 9px}.shortcut .arrow{transform:rotate(-12deg)}.section-heading h1,.section-heading h2{position:relative}.section-heading h1:before,.section-heading h2:before{content:'';position:absolute;left:-14px;top:2px;width:3px;height:14px;background:var(--red);transform:rotate(13deg);opacity:.8}.show-list{border-top-style:dashed}footer{position:relative}footer:after{content:'';position:absolute;right:0;top:-20px;width:44px;height:40px;background:url('assets/doodle-star.svg') center/contain no-repeat;transform:rotate(18deg);pointer-events:none}
@media(max-width:800px){.doodle.crown{left:258px;top:9px;width:64px}.doodle.scribble{left:116px;top:247px;width:116px}.doodle.star{left:23px;bottom:45px;width:64px}.doodle.loop{right:26px;bottom:57px;width:87px}.feature-copy:after{right:112px;width:53px;height:50px;bottom:-31px}.years:after{right:103px;width:57px}}
@media(max-width:540px){.doodle.crown{left:194px;top:7px;width:49px}.doodle.scribble{left:60px;top:208px;width:91px}.doodle.star{left:15px;bottom:43px;width:49px}.doodle.loop{right:17px;bottom:49px;width:66px}.years:after{right:69px;bottom:-17px;width:41px;height:29px}.year.active:after{inset:-3px}.feature h2{padding-right:0}.feature h2:before{inset:-5px -10px -5px -8px}.feature-copy:after{right:75px;bottom:-31px;width:39px;height:39px}.feature:after{border-left-width:5px;border-right-width:2px}.section-heading h1:before,.section-heading h2:before{left:-10px;height:12px;width:2px}.tour-card .cover:after{width:34px;height:12px}footer:after{width:32px;height:31px;top:-16px}}
/* Felt-tip grain and small graphic gestures across the archive. */
.doodle{mix-blend-mode:multiply}.doodle.crown{width:86px;top:1px;transform:rotate(9deg)}.doodle.star{width:91px;bottom:47px}.doodle.scribble{width:165px;opacity:.95}.doodle.loop{width:118px}
.hero-doodles:before{content:'';position:absolute;right:19%;top:16%;width:126px;height:84px;background:url('assets/doodle-hatch.svg') center/contain no-repeat;opacity:.76;transform:rotate(-17deg);mix-blend-mode:multiply}
.hero-label:after{content:'';position:absolute;left:40px;bottom:-18px;width:154px;height:26px;background:url('assets/doodle-underline.svg') center/100% 100% no-repeat;transform:rotate(-4deg)}
.section-heading{position:relative}.section-heading:after{content:'';position:absolute;left:10px;bottom:-11px;width:65px;height:15px;background:url('assets/doodle-underline.svg') center/100% 100% no-repeat;opacity:.64;pointer-events:none;transform:rotate(-4deg)}
.tour-grid{position:relative;padding-top:8px;padding-bottom:10px;margin-top:-8px}.tour-card .cover{isolation:isolate}.tour-card .cover:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23a8a8a8' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.title-logo,.title-logo.manshin{mix-blend-mode:screen;opacity:.86;filter:none}.title-logo.manshin img{filter:grayscale(1) contrast(1.65) brightness(1.6)}.title-logo.otonani img{filter:contrast(.92) brightness(.95)}.tour-card .cover-photo{opacity:.73;filter:grayscale(.8) contrast(1.2)}.tour-card .cover:after{width:54px;height:31px;background-image:url('assets/doodle-hatch.svg');filter:grayscale(1) brightness(0) invert(1);opacity:.58;z-index:3}
.feature-top:after{width:124px;height:11px;background:url('assets/doodle-underline.svg') center/100% 100% no-repeat;bottom:-4px}.feature-copy:after{width:81px;height:76px;right:138px;bottom:-42px}.feature-bottom:after{content:'';position:absolute;right:2px;top:-47px;width:100px;height:41px;background:url('assets/doodle-hatch.svg') center/contain no-repeat;transform:rotate(-17deg);opacity:.75;pointer-events:none}
.show-list{position:relative}.show-list:after{content:'';position:absolute;right:-28px;top:28px;width:42px;height:87px;background:url('assets/doodle-scribble.svg') center/contain no-repeat;transform:rotate(77deg);opacity:.22;pointer-events:none}.shortcuts{position:relative;padding-top:9px}.shortcuts:before{content:'';position:absolute;left:46%;top:-18px;width:78px;height:48px;background:url('assets/doodle-arrow.svg') center/contain no-repeat;transform:rotate(42deg);opacity:.83;pointer-events:none;z-index:1}.shortcut{border-width:1.5px}.shortcut:first-child{transform:rotate(-.6deg)}.shortcut:last-child{transform:rotate(.6deg)}.shortcut .arrow{font-size:38px;transform:rotate(-13deg);font-weight:800}.history-year{position:relative;width:max-content}.history-year:after{content:'';position:absolute;left:0;right:-25px;bottom:-2px;height:17px;background:url('assets/doodle-underline.svg') center/100% 100% no-repeat;opacity:.72;pointer-events:none}
.song-grid{position:relative}.song-grid:after{content:'';position:absolute;right:-28px;top:100px;width:48px;height:60px;background:url('assets/doodle-star.svg') center/contain no-repeat;transform:rotate(18deg);opacity:.32;pointer-events:none}.compare-area{position:relative}.compare-area:after{content:'';position:absolute;right:32px;top:-23px;width:77px;height:44px;background:url('assets/doodle-hatch.svg') center/contain no-repeat;transform:rotate(-12deg);pointer-events:none;opacity:.7}.group-banner{position:relative}.group-banner:after{content:'';position:absolute;left:-9px;bottom:-13px;width:70px;height:61px;background:url('assets/doodle-star.svg') center/contain no-repeat;transform:rotate(-15deg);pointer-events:none}.detail-heading{position:relative}.detail-heading:after{content:'';display:block;width:68px;height:10px;background:url('assets/doodle-underline.svg') center/100% 100% no-repeat;margin-top:2px;opacity:.65}.about-section{position:relative}.about-section:after{content:'';position:absolute;right:20px;top:28px;width:91px;height:83px;background:url('assets/doodle-crown.svg') center/contain no-repeat;transform:rotate(13deg);opacity:.85;pointer-events:none}footer:after{width:59px;height:51px;top:-26px}footer:before{content:'';position:absolute;left:0;bottom:13px;width:101px;height:15px;background:url('assets/doodle-underline.svg') center/100% 100% no-repeat;opacity:.5;pointer-events:none}
@media(max-width:800px){.doodle.crown{width:72px}.doodle.scribble{width:130px}.doodle.star{width:72px}.doodle.loop{width:99px}.hero-doodles:before{width:95px;right:15%;top:18%}.feature-copy:after{right:108px;width:63px;height:60px}.feature-bottom:after{width:75px;top:-40px}.show-list:after{right:-23px;width:34px}}
@media(max-width:540px){.doodle.crown{width:55px;top:2px}.doodle.scribble{width:106px}.doodle.star{width:58px;bottom:39px}.doodle.loop{width:76px}.hero-doodles:before{width:65px;right:19%;top:21%;opacity:.7}.hero-label:after{left:18px;width:107px;bottom:-12px;height:18px}.section-heading:after{width:53px;height:11px;bottom:-8px}.feature-copy:after{right:76px;width:46px;height:45px;bottom:-28px}.feature-bottom:after{width:57px;height:29px;top:-26px;right:-2px;opacity:.65}.show-list:after{right:-18px;top:21px;width:28px;height:59px;opacity:.17}.shortcuts:before{left:42%;width:62px;height:41px;top:-15px}.shortcut .arrow{font-size:29px}.song-grid:after{right:-17px;width:29px}.compare-area:after{right:14px;width:59px}.group-banner:after{width:49px;height:46px}.about-section:after{width:60px;right:0;top:100px}footer:after{width:43px;height:40px;top:-19px}}
/* User-approved phrase, handwritten over the photo rather than below the brand. */
@font-face{font-family:'Archive Marker';src:url('assets/fonts/permanent-marker.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero-catchphrase{position:absolute;right:65px;bottom:83px;margin:0;z-index:2;font-family:'Archive Marker',cursive;font-size:39px;font-weight:400;letter-spacing:-1.2px;line-height:1.3;color:#faf8f0;transform:rotate(-7deg);pointer-events:none;white-space:nowrap;text-shadow:1px 2px 2px #0009}
.hero-catchphrase:after{content:'';position:absolute;left:6px;right:-10px;bottom:-12px;height:24px;background:url('assets/doodle-underline.svg') center/100% 100% no-repeat;transform:rotate(-1deg)}
.doodle.loop{right:24px;bottom:161px;width:96px}.hero-label{top:233px;left:53px}.hero-label:after{display:block}.hero-bottom{left:49px}.doodle.scribble{left:130px;top:280px;width:150px}.doodle.star{left:35px;bottom:57px;width:72px}
@media(max-width:800px){.hero-catchphrase{right:41px;bottom:71px;font-size:31px;letter-spacing:-1px}.hero-label{left:34px;top:211px}.doodle.loop{right:17px;bottom:137px;width:73px}.doodle.scribble{left:116px;top:252px;width:110px}.doodle.star{left:24px;bottom:48px;width:60px}.hero-bottom{left:31px}}
@media(max-width:540px){.hero-catchphrase{right:24px;bottom:61px;font-size:24px;letter-spacing:-.8px}.hero-catchphrase:after{height:17px;bottom:-9px}.hero-label{top:158px;left:26px;max-width:140px;font-size:7px;line-height:1.7;gap:7px}.hero-label:after{left:18px;width:95px;bottom:-11px;height:16px}.hero-label .red-line{width:16px}.doodle.scribble{left:40px;top:204px;width:74px}.doodle.loop{right:16px;bottom:115px;width:59px}.doodle.star{left:16px;bottom:45px;width:44px}.hero-bottom{left:24px;font-size:8px}}
/* Exact user-supplied lowercase lettering; no uppercase font substitution. */
.hero-doodles:before{display:none}.hero-doodles .loop{display:none}
.hero-catchphrase{width:350px;height:70px;right:65px;bottom:83px;font-size:0;line-height:0;text-shadow:none;isolation:isolate}
.hero-catchphrase img{position:absolute;max-width:none;width:406px;height:auto;left:-18px;top:-22px;filter:invert(1) grayscale(1) contrast(3);mix-blend-mode:screen}
.hero-catchphrase{overflow:hidden;filter:drop-shadow(1px 2px 1px #0008)}
.hero-catchphrase:after{left:50px;right:15px;bottom:0;height:17px}
@media(max-width:800px){.hero-catchphrase{width:280px;height:57px;right:41px;bottom:71px}.hero-catchphrase img{width:325px;left:-14px;top:-18px}.hero-catchphrase:after{height:14px;left:40px}}
@media(max-width:540px){.hero-catchphrase{width:228px;height:47px;right:24px;bottom:59px}.hero-catchphrase img{width:265px;left:-12px;top:-14px}.hero-catchphrase:after{height:12px;left:30px;right:9px}}
.hero-catchphrase{mix-blend-mode:screen;isolation:auto;filter:none}.hero-catchphrase img{mix-blend-mode:normal}

/* Expanded graffiti portrait and full-width handwritten catchphrase. */
.hero-photo{filter:none;object-position:60% center}
.hero-catchphrase{width:500px;height:83px;right:72px;bottom:75px;transform:rotate(-7deg)}
.hero-catchphrase img{width:112%;left:-5%;top:0;transform:translateY(-37%)}
.hero-catchphrase:after{left:0;right:0;bottom:6px;height:22px;transform:none;background-size:100% 100%}
@media(max-width:800px){.hero-photo{object-position:62% center}.hero-catchphrase{width:380px;height:65px;right:43px;bottom:65px}.hero-catchphrase:after{left:0;right:0;bottom:5px;height:18px}}
@media(max-width:540px){.hero-photo{object-position:61% center}.hero-catchphrase{width:calc(100% - 66px);height:54px;right:34px;bottom:51px}.hero-catchphrase:after{left:0;right:0;bottom:3px;height:16px}}

.hero-catchphrase:after{background-image:url("assets/catchphrase-underline.svg")}

/* Three aligned footer positions, including on small screens. */
footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:12px}
footer .footer-unofficial{margin:0;text-align:left;justify-self:start;font-size:9px;white-space:nowrap}
footer .footer-brand{justify-self:center;text-align:center}
footer .footer-date{display:block;justify-self:end;text-align:right;font-size:9px;white-space:nowrap}
@media(max-width:540px){footer{margin:0 16px;gap:6px}footer .footer-unofficial,footer .footer-date{font-size:7px;letter-spacing:0}footer .footer-brand{font-size:19px}footer .footer-brand span{font-size:7px;letter-spacing:1.5px}}

.official-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.official-link{min-height:74px;justify-content:space-between;border:1px solid var(--line);border-radius:5px;font-size:13px}.official-link span{min-width:0}@media(max-width:540px){.official-links{grid-template-columns:1fr;gap:12px}.official-link{min-height:62px;font-size:12px}}