/* Layout basis: saved mobile.html + swipe-layout.css. Photo/template classes are retained. */
:root{--ink:#2B2C30;--paper:#E9ECF1;--accent:#55D5FC;--token-a3ca319c-905f-4ae7-b4af-833a2d036972:#2B2C30}
html,body{width:100%;margin:0;background:var(--ink);color:var(--paper)}
.clone-root,.clone-flow{display:block!important;width:100%!important;height:auto!important;overflow:visible!important;max-width:none!important}
.clone-flow>.swipe-section{color:var(--paper);background-color:var(--ink)}
.clone-flow>.swipe-section:not(#opening){background-image:var(--texture);background-size:100% auto}
.clone-template::before,.clone-template::after,.clone-message::before,.clone-mission::before,.clone-archive::before,.clone-info::before{display:none}
header{padding:0;height:56px;background:transparent;pointer-events:none;justify-content:flex-end}
header .official-brand{display:none}
header #menu-toggle{pointer-events:auto;width:56px;height:56px;padding:26px 4px 0;background:var(--ink);font-size:12px;text-align:left;position:relative}
header #menu-toggle::before,header #menu-toggle::after{content:"";height:1px;position:absolute;left:4px;right:4px;background:var(--paper);top:19px}
header #menu-toggle::after{top:27px}
.progress{display:none}
.clone-template .framer-text{color:var(--paper)!important}
/* Source visual opener: background labels + one dominant circular object. */
#opening{padding:0!important;display:block!important}
#opening .framer-nsh4rh{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden}
.clone-poster{position:absolute;inset:-10%;background:var(--paper);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(-24deg);padding:30px;color:var(--ink);align-items:center}
.clone-poster span{font-size:clamp(24px,8vw,42px);font-weight:800;writing-mode:vertical-rl;border:5px double var(--ink);padding:15px 8px;line-height:1.25;letter-spacing:.08em;height:220px;justify-self:center;background:var(--paper)}
.clone-poster span:nth-child(3n){border-color:var(--accent);transform:rotate(12deg)}
#opening .framer-1qi8dao{position:absolute!important;left:50%!important;top:50%!important;width:112%!important;max-width:none!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%)!important;opacity:1!important}
.clone-hero-disc{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:9px solid var(--ink);outline:4px solid var(--accent);background:var(--ink)}
.clone-hero-disc>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.65}
.clone-hero-disc h1{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(80px,29vw,145px);line-height:1.05;color:var(--paper);font-weight:800;letter-spacing:-.12em;margin:0;transform:rotate(-5deg);text-shadow:0 2px 0 var(--ink)}
.clone-hero-disc small{font-size:13px;letter-spacing:.04em;margin-top:18px}
/* Source message frame: left text block and large concluding word. */
.clone-message{padding:64px 28px 48px!important;justify-content:center}
.message-lines{display:flex;flex-direction:column;gap:20px;max-width:100%;font-weight:800}
.message-lines h2,.message-lines p{font-size:22px!important;line-height:1.8;letter-spacing:-.04em;font-weight:800}
.message-lines h2{margin:0}
.message-lines .message-end{font-size:17px!important;text-align:center;margin-top:8px}
.message-end strong{display:inline-block;font-size:46px;transform:rotate(-5deg);margin:0 5px}
/* Actual source ABOUT nodes: same two photo frames and cloud/sticker positions. */
.clone-about-heading{font-size:48px!important;line-height:.95!important;margin:0 0 0 20px!important;letter-spacing:-.08em!important;font-weight:800;transform:rotate(-5deg);height:100%;display:flex;flex-direction:column;justify-content:center}
.clone-about-heading small{display:block;font-size:23px;line-height:1.2;margin-left:45px;white-space:nowrap}
.clone-template .framer-t3zpe7 p{font-size:16px!important;line-height:1.75!important;margin:0!important}
.clone-view-more{display:inline-flex!important;align-items:center;gap:10px;min-height:34px;width:max-content!important;height:auto!important;max-width:100%;border:0;background:none!important;padding:0!important;border-radius:0;font:400 36px/1 Anton,sans-serif!important;color:var(--paper)!important;cursor:pointer;text-decoration:none}
.clone-view-more span{font:700 42px/.8 sans-serif}
.clone-stamp{position:absolute;inset:0;background:var(--paper);color:var(--ink);border:5px double var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transform:rotate(-12deg);padding:4px;overflow:hidden}
.clone-stamp b{font-size:12px!important;line-height:1.2;background:var(--accent);color:var(--ink);padding:3px;writing-mode:horizontal-tb}
.clone-stamp span{writing-mode:vertical-rl;font-size:clamp(14px,4.8vw,23px);line-height:1.1;font-weight:800;margin-top:4px;letter-spacing:-.05em}
.clone-round-mark{position:absolute;inset:0;border-radius:50%;background:var(--paper);color:var(--ink);border:7px double var(--ink);display:flex;align-items:center;justify-content:center;transform:rotate(-12deg)}
.clone-round-mark span{font-size:39px;font-weight:800;letter-spacing:-.12em}
.clone-layer-title{position:relative;height:55px;margin:0!important;isolation:isolate;line-height:1!important}
.clone-layer-title>span{display:block;white-space:nowrap;font:400 clamp(35px,10vw,49px)/1 Anton,sans-serif;letter-spacing:-.025em;color:var(--paper);opacity:.15}
.clone-layer-title>b{position:absolute;left:0;bottom:0;font-size:clamp(17px,5.4vw,24px);font-weight:800;white-space:nowrap;line-height:1.2;color:var(--paper)}
.clone-template .framer-1qskgeo{height:55px!important;overflow:visible!important;width:100%!important}
.clone-template .framer-1yrl4tp p{font-size:15px!important;line-height:1.75!important}
/* Source mission: vertical heading over centered prose. */
.clone-mission{padding:64px 20px 30px!important;justify-content:center;align-items:center;gap:32px}
.clone-mission h2{writing-mode:vertical-rl;font-size:34px;line-height:1.65;letter-spacing:.06em;font-weight:800;max-height:42dvh;margin:0}
.clone-mission>div{text-align:center;display:flex;flex-direction:column;gap:16px}
.clone-mission p{font-size:17px;line-height:1.8}
/* Source archive: single landscape frame, title above, copy below. */
.clone-archive{padding:64px 20px 48px!important;justify-content:center}
.archive-stack{display:flex;flex-direction:column;gap:24px}
.archive-stack figure{margin:0}.archive-stack figure img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.archive-stack figcaption{font-size:13px;line-height:1.6;margin-top:12px}
.archive-stack p{font-size:16px;line-height:1.8}
.archive-emphasis{font-weight:800}
/* Source news/footer information rhythm; original recruitment details retained. */
.clone-info{padding:64px 20px 40px!important}
.clone-info .content{gap:16px}
.clone-info-label{position:relative;height:55px;flex-shrink:0;margin-bottom:8px}
.clone-info-label>span{font:400 50px/1 Anton;opacity:.15;white-space:nowrap}
.clone-info-label>b{position:absolute;left:0;bottom:0;font-size:22px;line-height:1.2}
.clone-info h2{font-size:25px!important;line-height:1.4}
.clone-info .boxed{gap:10px}
.clone-info .boxed li{background:none}
.clone-info .horizontal{justify-content:flex-start}
.clone-info .horizontal p{font-size:14px}
.clone-info.is-long-section{height:auto!important;max-height:none!important}
.clone-info input,.clone-info select,.clone-info textarea{background:var(--ink);color:var(--paper);border-color:var(--paper)}
.clone-info .cta{background:var(--paper);color:var(--ink)}
.clone-info .cta span{color:var(--ink)}
.clone-info #form-status,.clone-info .note{color:var(--paper)}
@media(max-height:700px){
 .message-lines{gap:12px}.message-lines h2,.message-lines p{font-size:18px!important;line-height:1.7}.message-end strong{font-size:38px}
 .clone-mission{gap:20px}.clone-mission h2{font-size:28px;max-height:40dvh}.clone-mission p{font-size:14px;line-height:1.65}
 .clone-about-heading{font-size:39px!important}.clone-about-heading small{font-size:20px}
 .clone-template .framer-t3zpe7 p{font-size:14px!important;line-height:1.65!important}
 .clone-template .framer-1yrl4tp p{font-size:14px!important;line-height:1.7!important}
 .clone-view-more{font-size:30px!important}.clone-view-more span{font-size:34px}
 .clone-layer-title,.clone-template .framer-1qskgeo{height:45px!important}
 .archive-stack{gap:14px}.archive-stack p{font-size:14px;line-height:1.7}.archive-stack figure img{max-height:27dvh}
 .clone-info-label{height:45px;margin-bottom:0}.clone-info-label>span{font-size:40px}.clone-info-label>b{font-size:20px}.clone-info .content{gap:10px}
 .clone-info h2{font-size:23px!important}.clone-info .quotes p{font-size:15px}
 .clone-info .pay strong{font-size:48px}.clone-info dl>div{padding:7px 0}
 .clone-stamp{border-width:3px;padding:2px}.clone-stamp b{font-size:9px!important}.clone-stamp span{font-size:16px}
}
@media(max-height:640px){.clone-message{padding:56px 24px 32px!important}.message-lines{gap:10px}.message-lines h2,.message-lines p{font-size:17px!important;line-height:1.65}.clone-info{padding-top:56px!important}.clone-info .boxed li{padding:7px;font-size:12px}.clone-info h2{font-size:21px!important}.clone-about-heading{font-size:33px!important}.clone-info .closing{font-size:14px}.clone-mission{gap:16px}.clone-mission h2{font-size:25px}.clone-mission>div{gap:10px}}
.clone-flow>.swipe-section:not(#opening){background-blend-mode:multiply;background-size:cover}
.clone-about-heading{margin-left:0!important}
.clone-stamp{inset:7%;border-radius:0!important}
.clone-stamp span{font-size:clamp(12px,3.8vw,18px);white-space:nowrap;letter-spacing:-.06em}
.clone-round-mark{border-radius:50%!important;inset:7%}
#opening .framer-nsh4rh{background:var(--paper)}
.clone-poster{inset:-35%;grid-template-columns:repeat(4,1fr);gap:14px;align-content:center}
.clone-poster span{height:220px;font-size:clamp(26px,7vw,36px)}
/* Match the transparent padding of the original sticker artwork. */
.clone-stamp{inset:17% 10% 0}
.clone-template .framer-jdpmde{position:relative;z-index:2}

/* Brush-lettering trial: display copy only; preserve existing geometry. */
.clone-hero-disc h1,
.clone-poster span,
.message-lines h2,
.message-end strong,
.clone-about-heading,
.clone-about-heading small,
.clone-stamp b,
.clone-stamp span,
.clone-round-mark span,
.clone-layer-title > b,
.clone-mission h2,
.clone-info-label > b,
.clone-info h2 {
  font-family: "Fude Goshirae", "Shippori Mincho", serif !important;
  font-weight: 400 !important;
  font-synthesis: none;
}
.clone-hero-disc h1 small {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
}

/* Dense brush headlines: keep the existing frames and responsive sizes. */
.clone-mission h2{letter-spacing:-.08em;line-height:1.18}
.clone-about-heading{letter-spacing:-.1em!important;line-height:.88!important}
.clone-about-heading small{letter-spacing:-.09em;line-height:1.05}
.clone-poster span{letter-spacing:-.06em;line-height:1.1}
.clone-layer-title>b,.clone-info-label>b{letter-spacing:-.07em;line-height:1.05}
.clone-info h2{letter-spacing:-.06em;line-height:1.25}
.message-lines h2{letter-spacing:-.06em;line-height:1.5}
.clone-about-heading{font-size:64px!important}
.clone-about-heading small{font-size:28px}
@media(max-height:700px){.clone-about-heading{font-size:52px!important}.clone-about-heading small{font-size:24px}}
@media(max-height:640px){.clone-about-heading{font-size:44px!important}.clone-about-heading small{font-size:21px}}
/* Keep each authored vertical line intact, including its punctuation. */
.clone-mission h2{max-height:none;white-space:nowrap}

/* Source message composition: independent dark strips over the large circle. */
#s1.clone-message{padding:62px 18px 30px!important;isolation:isolate;justify-content:stretch}
#s1 .message-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--paper)}
#s1 .message-art .clone-poster{opacity:.7;filter:brightness(.8)}
#s1 .message-disc{position:absolute;width:125%;aspect-ratio:1;left:-12%;top:17%;border:7px solid var(--ink);outline:3px solid var(--accent);border-radius:50%;overflow:hidden;background:var(--accent);transform:rotate(-12deg)}
#s1 .message-disc img{width:100%;height:100%;object-fit:cover;opacity:.65;filter:grayscale(1)}
#s1 .message-disc>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 clamp(150px,64vw,300px)/1 "Fude Goshirae",serif;letter-spacing:-.12em;color:var(--paper);opacity:.8}
#s1 .message-lines{position:relative;height:100%;gap:12px;justify-content:space-between;align-items:flex-start}
#s1 .message-lines h2,#s1 .message-lines p{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0;font:400 clamp(18px,5.2vw,25px)/1.35 "Fude Goshirae",serif!important;letter-spacing:-.06em}
#s1 .message-band{display:block;max-width:100%;width:fit-content;padding:2px 7px 4px;background:var(--ink);color:var(--paper)}
#s1 .message-lines .message-end{display:flex;flex-direction:row;align-items:baseline;gap:0;align-self:center;white-space:nowrap;background:var(--ink);margin-top:12px;padding:0 7px;line-height:1!important}
#s1 .message-end strong{font:400 clamp(56px,18vw,86px)/.95 "Fude Goshirae",serif;letter-spacing:-.1em;transform:rotate(-6deg);margin:-12px 3px 0}
#s1 .message-end>span{font-size:clamp(15px,4vw,19px)}
@media(max-height:640px){#s1.clone-message{padding:56px 14px 24px!important}#s1 .message-lines{gap:8px}#s1 .message-lines h2,#s1 .message-lines p{font-size:18px!important;gap:3px;line-height:1.2!important}#s1 .message-end strong{font-size:58px}#s1 .message-lines .message-end{margin-top:8px}}
#s1 .message-lines h2,#s1 .message-lines p:not(.message-end){display:contents;font-size:clamp(18px,5.8vw,28px)!important}
#s1 .message-band{flex-shrink:0}
@media(max-height:640px){#s1 .message-lines h2,#s1 .message-lines p:not(.message-end){font-size:18px!important}}

/* One sticky scene: the message scrolls over the opening, then both leave. */
.intro-sequence{position:relative;width:100%;isolation:isolate}
.intro-stage{position:sticky;top:0;width:100%;height:100dvh;margin-bottom:-100dvh;overflow:hidden;pointer-events:none;background:var(--paper);z-index:0}
.intro-stage .clone-poster{opacity:.7;filter:brightness(.8)}
.intro-stage .message-disc{position:absolute;width:112%;aspect-ratio:1;left:-6%;top:50%;transform:translateY(-50%) rotate(-12deg);border:7px solid var(--ink);outline:3px solid var(--accent);border-radius:50%;overflow:hidden;background:var(--accent)}
.intro-stage .message-disc img{width:100%;height:100%;object-fit:cover;opacity:.65;filter:grayscale(1)}
.intro-stage .message-disc>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 clamp(150px,64vw,300px)/1 "Fude Goshirae",serif;letter-spacing:-.12em;color:var(--paper);opacity:.85}
.intro-opening,#s1.clone-message{position:relative;z-index:1;background:transparent!important;background-image:none!important}
.intro-opening::before,.intro-opening::after{display:none}
.intro-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.intro-sequence::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:20px;background-image:var(--tear);background-size:100% 100%;pointer-events:none;z-index:2}
.intro-stage .message-disc>span{white-space:nowrap;font-size:clamp(140px,49vw,235px)}
/* Overlap the opening with the sticky layer without extending its sticky range. */
.intro-stage{margin-bottom:0}
.intro-opening{margin-top:-100dvh}

/* Supplied artwork: keep the original files and their aspect ratios. */
.intro-stage .provided-hero{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.clone-mission .vertical-punctuation{font-family:"Shippori Mincho",serif;font-weight:700;text-orientation:mixed;font-feature-settings:"vert" 1;letter-spacing:0}
.intro-sequence::after,#s2.clone-mission::after{content:"";display:block;position:absolute;inset:auto 0 -1px;width:100%;height:auto;aspect-ratio:2167/726;background:url('/assets/kuugo/provided/paper-edge.png') center bottom/100% auto no-repeat;pointer-events:none;z-index:2}
#s2.clone-mission::after{height:40px;aspect-ratio:auto;background-position:center 63%}
#s3 .framer-tumg3q{width:100%!important}
#s3 .framer-5shn4{gap:20px!important}
.provided-work-collage{position:relative;width:100%;height:clamp(220px,40dvh,340px);flex:none;isolation:isolate}
.provided-work-collage .work-photo{position:absolute;left:-3%;top:0;width:62%;height:58%;object-fit:cover;transform:rotate(-8deg)}
.provided-work-collage .play-photo{position:absolute;right:-5%;bottom:0;width:64%;height:51%;object-fit:cover;transform:rotate(7deg)}
.provided-work-collage .provided-sticker{position:absolute;object-fit:contain;height:83%;width:auto;max-width:none;z-index:1}
.provided-work-collage .work-sticker{right:0;top:-3%;clip-path:polygon(41.8% 1%,80.2% 5.5%,56.2% 99.2%,17.5% 95.2%)}
.provided-work-collage .play-sticker{left:0;bottom:-2%;clip-path:polygon(47% 1%,82% 6.6%,50.6% 98%,15.8% 92.5%)}
@media(max-height:640px){#s3 .framer-5shn4{gap:14px!important}.provided-work-collage{height:210px}#s3 .framer-jdpmde{padding-top:8px!important}}

/* Reference menu: two substantial rules, condensed label, paper edge. */
header{height:66px}
header #menu-toggle{width:62px;height:66px;padding:34px 6px 5px;font:400 15px/1 Anton,sans-serif;background:#191c21;overflow:visible}
header #menu-toggle::before,header #menu-toggle::after{left:6px;right:6px;height:2px;top:21px}
header #menu-toggle::after{top:29px}
header::after{content:"";position:absolute;right:0;top:66px;width:62px;height:18px;background:url('/assets/kuugo/provided/paper-edge.png') center 55%/100% auto no-repeat;pointer-events:none}
#s1 .message-lines{height:auto;justify-content:flex-start;gap:clamp(10px,1.8dvh,17px)}
#s1 .message-lines h2,#s1 .message-lines p:not(.message-end){font-size:clamp(18px,5.5vw,26px)!important;line-height:1.25!important}
#s1 .message-lines .message-end{margin-top:16px}
.intro-stage::after{content:"";position:absolute;inset:0;background:#191c21;opacity:var(--intro-shade,0);pointer-events:none}
/* The two photos alternate sides; the stickers sit on the cloud, clear of people. */
.provided-work-collage{height:clamp(220px,40dvh,340px)}
.provided-work-collage .work-photo{left:auto;right:-2%;top:0;width:49%;height:53%;transform:rotate(3deg)}
.provided-work-collage .play-photo{right:auto;left:-2%;bottom:0;width:49%;height:40%;transform:rotate(-4deg)}
.provided-work-collage .provided-sticker{height:69%}
.provided-work-collage .work-sticker{right:auto;left:0;top:-4%}
.provided-work-collage .play-sticker{left:auto;right:-5%;bottom:-3%;height:51%}
.work-cloud{position:absolute;left:-14%;top:13%;width:66%;height:auto;z-index:0}
.provided-round{position:absolute;left:50%;bottom:8%;width:23%;height:auto;clip-path:ellipse(38% 40% at 49% 49%);z-index:1}
.supplied-round{border:0;background:none;transform:none;overflow:visible}
.supplied-round img{width:100%;height:100%;object-fit:contain!important;clip-path:ellipse(38% 40% at 49% 49%)}
#s4::after,#s6::after{display:block;content:"";position:absolute;inset:auto 0 -1px;width:100%;height:38px;background:url('/assets/kuugo/provided/paper-edge.png') center 63%/100% auto no-repeat;pointer-events:none;z-index:2}
#recruit-menu[open]{animation:menu-reveal .28s ease-out}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:640px){#s1 .message-lines{gap:9px}#s1 .message-lines h2,#s1 .message-lines p:not(.message-end){font-size:18px!important}.provided-work-collage{height:210px}}
@media(prefers-reduced-motion:reduce){#recruit-menu[open]{animation:none}}
header::after{background-size:auto 65px;background-position:center 52%}
/* Reference body typography must override Framer's Inter default. */
.clone-template .framer-text{font-family:"Shippori Mincho",serif!important;font-weight:700!important;letter-spacing:.02em!important}
header::after{display:none}
#s4 .framer-mi4p64{display:block!important;opacity:1!important;overflow:visible!important;z-index:2;pointer-events:none}
#s4 .framer-5gv30f{overflow:visible!important}
.clone-view-more:hover{opacity:.65}
#s4 .framer-mi4p64{width:110%!important;height:70%!important;left:-3%!important;top:31%!important}
/* Supplied beginner slip, presented without the surrounding white canvas. */
#s4 .framer-1vfx2az{z-index:3;overflow:visible!important}
#s4 .beginner-sticker{position:absolute;display:block;height:130%;width:auto;max-width:none;left:-27%;top:-10%;object-fit:contain;clip-path:polygon(44% 1%,81.5% 6%,55% 98.5%,17% 93.5%)}
/* End the opening message near the lower edge without stretching its line gaps. */
#s1.clone-message{justify-content:flex-end;padding-bottom:clamp(42px,7dvh,64px)!important}
#s1 .message-lines{flex-shrink:0}
/* Leave room for the paper edge so it does not cover the final phrase. */
#s1.clone-message{padding-bottom:calc(24vw + 12px)!important}
@media(max-height:640px){#s1 .message-lines{gap:8px}}
/* Brush strokes extend beyond the rotated headline's layout box. */
.swipe-about .framer-x5eadn{overflow:visible!important}