.ge{--mat:#EAF4EF;--grid:#D6E8DF;--paper:#fff;--ink:#3A2A2E;--sub:#6A5A5E;
  --tape-y:rgba(255,216,77,.72);--tape-p:rgba(255,143,163,.6);--tape-m:rgba(76,201,164,.55);
  --shadow:0 1px 1px rgba(40,60,50,.08),0 10px 24px rgba(40,60,50,.12);
  background:var(--mat)}
.ge main{overflow-x:clip;
  background:
    linear-gradient(var(--grid) 1px,transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/28px 28px,
    var(--mat)}
.ge .site-head{background:color-mix(in srgb,var(--mat) 90%,transparent)}
html.motion .ge [data-rise]{opacity:1;transform:none;transition:none}
.ge-tape,.ge-slip::before,.ge-main::before,.ge-bit::before,.ge-scraps li::before,.ge-w::before,.ge-h::before,.ge .way::before,.ge .terms::before,.ge-ok__photo::before{
  content:"";position:absolute;z-index:2;width:96px;height:26px;left:50%;top:-12px;margin-left:-48px;
  background:repeating-linear-gradient(-45deg,var(--tape,var(--tape-y)) 0 9px,color-mix(in srgb,var(--tape,var(--tape-y)) 70%,transparent) 9px 18px);
  clip-path:polygon(0 10%,4% 0,9% 8%,15% 0,100% 0,100% 90%,95% 100%,90% 92%,85% 100%,0 100%);
  box-shadow:0 1px 2px rgba(0,0,0,.05);transform:rotate(var(--tr,-3deg))}
.ge-hero{padding:clamp(28px,5vw,64px) 0 0}
.ge-stage{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);display:grid;gap:30px;width:100%}
@media (min-width:900px){.ge-stage{grid-template-columns:11fr 10fr;gap:44px;align-items:center}}
.ge-copy{position:relative;z-index:5;display:grid;gap:16px;justify-items:start}
.ge-slip{position:relative;background:var(--paper);box-shadow:var(--shadow);padding:22px 22px 22px;border-radius:2px}
.ge-slip--h{transform:rotate(-1.2deg);padding-top:26px}
.ge-slip--h::before{--tape:var(--tape-m);left:22px;margin-left:0}
.ge-slip--lead{--tape:var(--tape-p);--tr:4deg;transform:rotate(.8deg) translateX(8px);margin:0;max-width:24em;color:var(--ink);font-size:16px}
.ge-slip--lead::before{left:auto;right:18px;margin-left:0;width:70px}
.ge .p-hero__kicker{background:var(--mat);margin-bottom:10px}
.ge-hero .p-hero__h{font-size:clamp(24px,7vw,52px)}
@media (max-width:380px){.ge-slip{padding-left:16px;padding-right:14px}}
@media (min-width:900px){.ge-hero .p-hero__h{font-size:clamp(32px,3.5vw,44px)}}
.ge-collage{position:relative;aspect-ratio:6/5;z-index:1}
.ge-collage figure{margin:0}
.ge-main{position:absolute;left:9%;top:11%;width:78%;height:70%;padding:9px;background:var(--paper);box-shadow:var(--shadow);transform:rotate(-1.6deg);z-index:2}
.ge-main::before{--tape:var(--tape-y);top:-14px;width:110px;margin-left:-55px}
.ge-main__in{display:block;width:100%;height:100%;overflow:hidden}
.ge-main img{width:100%;height:100%;object-fit:cover;object-position:52% 55%}
.ge-bit{position:absolute;transform:translate(var(--bx,0px),var(--by,0px)) scale(var(--bs,1)) rotate(var(--rot,0deg));padding:6px;background:var(--paper);box-shadow:var(--shadow)}
.ge-bit img{width:100%;height:100%;object-fit:cover}
.ge-bit--a{left:-1%;top:0;width:38%;aspect-ratio:4/3;--rot:-6deg;z-index:1}
.ge-bit--a::before{--tape:var(--tape-p);width:64px;margin-left:-32px;top:-10px;height:20px}
.ge-bit--b{right:-2%;top:-2%;width:34%;aspect-ratio:3/2;--rot:5deg;z-index:3}
.ge-bit--b::before{--tape:var(--tape-m);width:60px;margin-left:-30px;top:-10px;height:20px;--tr:6deg}
.ge-bit--c{right:4%;bottom:-3%;width:40%;aspect-ratio:7/5;--rot:3.5deg;z-index:3}
.ge-bit--c::before{--tape:var(--tape-y);width:66px;margin-left:-33px;top:-10px;height:20px;--tr:-5deg}
html.ge-on .ge-hero:not([data-on="0"]){height:310vh;padding:0;position:relative}
html.ge-on .ge-hero:not([data-on="0"]) .ge-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;padding-top:64px}
html.ge-on .ge-hero:not([data-on="0"]) .ge-main{will-change:left,top,width,height}
html.ge-on .ge-hero:not([data-on="0"]) .ge-main img{transform-origin:53% 63%;will-change:transform}
@media (min-width:900px){html.ge-on .ge-hero:not([data-on="0"]) .ge-main img{transform-origin:40% 66%}}
html.ge-on .ge-hero:not([data-on="0"]) .ge-bit{will-change:transform,opacity}
html.ge-on .ge-hero:not([data-on="0"]) .ge-main.is-full::before{opacity:0}
.ge-main::before{transition:opacity .3s}
@media (max-width:899px){
  html.ge-on .ge-hero:not([data-on="0"]) .ge-stage{align-content:start;gap:20px}
  html.ge-on .ge-hero:not([data-on="0"]) .ge-collage{aspect-ratio:auto;height:max(240px,calc(100svh - 64px - var(--copy-h,330px) - 50px))}
}
.ge-nums{padding-top:clamp(56px,9vw,110px)}
.ge .sticker{box-shadow:0 6px 0 rgba(0,0,0,.06)}
html.motion .ge .stickers .sticker{transition:transform .3s ease,opacity .3s ease}
.ge .sticker:nth-child(1){--i:0}.ge .sticker:nth-child(2){--i:1}.ge .sticker:nth-child(3){--i:2}.ge .sticker:nth-child(4){--i:3}
html.motion .ge .stickers:not(.shown) .sticker{opacity:0;transform:scale(1.15) rotate(calc(var(--rot,-4deg) * -2))}
.ge-h{position:relative;display:inline-block;background:var(--paper);padding:12px 22px 12px 26px;font-size:clamp(25px,6vw,42px);line-height:1.45;box-shadow:var(--shadow);transform:rotate(-1deg);margin-bottom:34px}
.ge-h::before{--tape:var(--tape-m);left:-16px;top:50%;margin:-12px 0 0;width:52px;height:24px;--tr:-80deg}
.ge-ok__board{position:relative;display:grid}
.ge-ok__photo{position:relative;margin:0;padding:9px;background:var(--paper);box-shadow:var(--shadow);transform:translateY(var(--py,0px)) rotate(1.4deg);width:min(100%,640px)}
.ge-ok__photo::before{--tape:var(--tape-p);--tr:3deg}
.ge-ok__photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ge-scraps{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px 14px;margin-top:-34px;padding:0 4px}
.ge-scraps li{position:relative;display:grid;gap:4px;align-content:start;background:var(--paper);padding:24px 16px 18px;box-shadow:var(--shadow);transform:rotate(var(--r,-2deg))}
.ge-scraps li:nth-child(1){--r:-2.4deg;--tape:var(--tape-y)}
.ge-scraps li:nth-child(2){--r:1.8deg;--tape:var(--tape-m);margin-top:14px}
.ge-scraps li:nth-child(3){--r:1.2deg;--tape:var(--tape-p)}
.ge-scraps li:nth-child(4){--r:-1.6deg;--tape:var(--tape-y);margin-top:14px}
.ge-scraps li::before{width:62px;height:20px;margin-left:-31px;top:-10px}
.ge-scraps b{font-family:var(--head);font-weight:500;font-size:clamp(19px,4.8vw,25px);line-height:1.4}
.ge-scraps span{font-size:14px;color:var(--sub)}
@media (min-width:900px){
  .ge-ok__board{grid-template-columns:7fr 5fr;align-items:center}
  .ge-ok__photo{width:auto}
  .ge-scraps{margin:0 0 0 -60px;gap:26px 18px}
}
html.motion .ge .ge-scraps li{transition:transform .3s ease,opacity .3s ease}
.ge-scraps li:nth-child(1){--i:0}.ge-scraps li:nth-child(2){--i:1}.ge-scraps li:nth-child(3){--i:2}.ge-scraps li:nth-child(4){--i:3}
html.motion .ge .ge-scraps:not(.shown) li{opacity:0;transform:translateY(-10px) scale(1.04) rotate(calc(var(--r) * -2))}
html.motion .ge .ge-scraps li::before{transition:clip-path .3s ease .2s}
html.motion .ge .ge-scraps:not(.shown) li::before{clip-path:inset(0 100% 0 0)}
.ge-ways{padding-top:var(--sec)}
.ge .ways{display:grid;gap:30px;margin-top:6px}
.ge .way{position:relative;background:var(--paper);padding:24px 20px 20px;box-shadow:var(--shadow);transform:rotate(var(--r,-1deg));border-radius:2px}
.ge .way:nth-child(1){--c:#4CC9A4;--tape:var(--tape-y)}
.ge .way:nth-child(2){--c:#F2B400;--r:1.2deg;--tape:var(--tape-p)}
.ge .way:nth-child(3){--c:#42B5DC;--r:-.6deg;--tape:var(--tape-m)}
.ge .way::before{width:70px;height:22px;margin-left:-35px;top:-11px}
.ge .way__ic{float:left;width:46px;height:46px;margin-right:12px;border-radius:50%;display:grid;place-items:center;background:var(--c)}
.ge .way__ic svg{width:26px;height:26px}
.ge .way b{display:block;font-family:var(--head);font-weight:500;font-size:clamp(21px,5vw,27px);line-height:1.4;padding-top:4px}
.ge .way p{clear:both;padding-top:8px;color:var(--sub);font-size:15px}
@media (min-width:900px){.ge .ways{grid-template-columns:repeat(3,1fr);gap:26px}}
.ge .tt{display:grid;grid-template-columns:2.6em repeat(6,1fr);gap:3px;margin-top:14px;font-size:11px;text-align:center;font-weight:700;color:var(--sub)}
.ge .tt__k{font-size:10px;align-self:center}
.ge .tt__d{padding:2px 0}
.ge .tt__c{position:relative;height:24px;border-radius:4px;background:#F2F6F4;border:1px solid #E1ECE8;display:grid;place-items:center;overflow:hidden}
.ge .tt__c.off{background:repeating-linear-gradient(45deg,#F1F1F1 0 4px,#E3E3E3 4px 8px)}
.ge .tt__c.on{border-color:transparent}
.ge .tt--m{grid-template-columns:repeat(6,1fr)}
.ge .tt__m{position:relative;padding:6px 0;border-radius:4px;background:#F2F6F4;border:1px solid #E1ECE8;overflow:hidden}
.ge .tt__m.on{border-color:transparent;color:#0B3B4C}
.ge :is(.tt__c,.tt__m).on::before{content:"";position:absolute;inset:0;background:var(--c);transform-origin:left;z-index:0}
.ge .tt__m{z-index:0}.ge .tt__m.on{isolation:isolate}
.ge .tt__m.on::before{z-index:-1}
.ge .tt__ex{position:relative;z-index:1;font-size:10px;font-weight:900;color:#fff;line-height:1}
html.motion .ge .way{transition:transform .3s ease,opacity .3s ease}
.ge .way:nth-child(1){--i:0}.ge .way:nth-child(2){--i:1}.ge .way:nth-child(3){--i:2}
html.motion .ge .ways:not(.shown) .way{opacity:0;transform:translateY(10px) rotate(calc(var(--r,-1deg) * -2))}
html.motion .ge :is(.tt__c,.tt__m).on::before{transition:transform .3s ease .2s}
html.motion .ge .ways:not(.shown) :is(.tt__c,.tt__m).on::before{transform:scaleX(0)}
.ge-wall{position:relative;margin-top:var(--sec);height:clamp(520px,120vw,640px);max-width:1240px;margin-inline:auto}
.ge-w{position:absolute;transform:translateY(var(--py,0px)) rotate(var(--rot,0deg));margin:0;padding:7px;background:var(--paper);box-shadow:var(--shadow);overflow:visible}
.ge-w__in{display:block;overflow:hidden}
.ge-w img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.ge-w::before{width:58px;height:20px;margin-left:-29px;top:-10px}
.ge-w--1{left:3%;top:2%;width:52%;--rot:-3deg;--tape:var(--tape-y)}
.ge-w--2{right:2%;top:12%;width:46%;--rot:4deg;--tape:var(--tape-p);z-index:2}
.ge-w--3{left:14%;top:32%;width:70%;--rot:1deg;z-index:1;--tape:var(--tape-m)}
.ge-w--4{left:0;top:58%;width:48%;--rot:-4deg;z-index:3;--tape:var(--tape-p)}
.ge-w--5{right:3%;top:64%;width:44%;--rot:3deg;z-index:2;--tape:var(--tape-y)}
.ge-w--6{left:30%;top:80%;width:40%;--rot:-1.5deg;z-index:4;--tape:var(--tape-m)}
@media (min-width:900px){
  .ge-wall{height:620px}
  .ge-w--1{left:2%;top:4%;width:28%}
  .ge-w--2{left:27%;right:auto;top:20%;width:26%}
  .ge-w--3{left:44%;top:0;width:34%}
  .ge-w--4{left:72%;top:16%;width:26%}
  .ge-w--5{left:8%;right:auto;top:52%;width:30%}
  .ge-w--6{left:52%;top:56%;width:30%}
}
html.ge-on .ge-w{will-change:transform}
html.ge-on .ge-w img{will-change:transform}
.ge .terms{position:relative;display:grid;background:var(--paper) repeating-linear-gradient(transparent 0 35px,#D6EDF5 35px 36px);padding:10px 20px;margin-top:4px;box-shadow:var(--shadow);transform:rotate(.6deg);--tape:var(--tape-y)}
.ge .terms div{display:grid;grid-template-columns:6em 1fr;gap:14px;padding:16px 0}
.ge .terms dt{font-weight:900}
html.motion .ge .terms{transition:transform .3s ease,opacity .3s ease}
html.motion .ge .terms:not(.shown){opacity:0;transform:translateY(-8px) rotate(-1deg)}
.ge .apply{background:var(--paper);margin-top:var(--sec)}
@media (prefers-reduced-motion:reduce){
  html.motion .ge *{transition:none!important}
}
.ge-days{margin-top:var(--sec)}
.ge-days .ge-wall{margin-top:14px}
@media (max-width:899px){.ge-days{padding-bottom:96px}}
.ge-days__h{max-width:var(--wrap,1080px);margin:0 auto;padding:0 var(--gut,20px);font-family:var(--body);font-size:15px;font-weight:900;letter-spacing:.12em;color:var(--sub)}
.ge-days__h::before{content:"";display:inline-block;width:22px;height:2px;margin-right:10px;vertical-align:.3em;background:var(--theme,#4CC9A4)}
.ge-hero[data-on="0"] .ge-main{height:auto;top:24%}   
.ge-hero[data-on="0"] .ge-main__in{height:auto}
.ge-hero[data-on="0"] .ge-main img{height:auto;object-fit:contain}
.ge-hero[data-on="0"] .ge-bit{aspect-ratio:auto}
.ge-hero[data-on="0"] .ge-bit img{height:auto;object-fit:contain}