:root,.dark{--loading-yellow:#ffd84d}@keyframes loading-highlight{0%{transform-origin:0;transform:scaleX(0)}49%{transform-origin:0;transform:scaleX(1)}50%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes loading-shimmer{0%{transform:translate(-200%)skew(-20deg)}to{transform:translate(400%)skew(-20deg)}}.page-loader{z-index:1000;background:var(--white);opacity:1;touch-action:none;place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.page-loader[data-exiting=true]{opacity:0;pointer-events:none}.page-loader-lockup{text-align:center}.page-loader-name{font-family:var(--f-display);color:var(--ink);font-size:84px;font-weight:800;font-stretch:125%;line-height:1;display:inline-block;position:relative}.page-loader-name:before{content:"";background:var(--loading-yellow);animation:1.15s ease-in-out infinite loading-highlight;position:absolute;inset:48% 0 2%}.page-loader-name span{z-index:1;position:relative}.page-loader-name{white-space:nowrap}.page-loader-name .logo-99{background:0 0}.page-loader-label{font-family:var(--f-mono);letter-spacing:.3em;color:var(--mute);margin-top:22px;font-size:11px}.photo-loading-surface{background:var(--paper);width:100%;height:100%;display:block;position:relative;overflow:hidden}.photo-loading-surface:before{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--loading-yellow) 38%,transparent),transparent);pointer-events:none;width:50%;animation:1.2s ease-in-out infinite loading-shimmer;position:absolute;inset:0 auto 0 0}.photo-loading-surface img{opacity:0;transition:opacity .4s}.photo-loading-surface[data-loaded=true]{background:0 0}.photo-loading-surface[data-loaded=true]:before{display:none}.photo-loading-surface[data-loaded=true] img{opacity:1}.loading-photo-content{width:100%;height:100%;display:block}button[aria-busy=true]{position:relative;overflow:hidden}button[aria-busy=true]:after{content:"";background:var(--loading-yellow);pointer-events:none;z-index:2;height:4px;animation:1.15s ease-in-out infinite loading-highlight;position:absolute;inset:auto 0 0}@media (width<=759.98px){.page-loader-name{font-size:12vw}}@media (prefers-reduced-motion:reduce){.page-loader-name:before,button[aria-busy=true]:after{animation:none;transform:none}.photo-loading-surface:before{animation:none;left:25%;transform:none}.page-loader,.photo-loading-surface img{transition:none}}#v-home{--pad-y:clamp(28px,7vh,96px);--pad-x:clamp(16px,5vw,120px);min-height:100dvh;padding:var(--pad-y) var(--pad-x);justify-content:center;align-items:center;display:flex}.home-grid{width:min(100%,calc((100dvh - 2 * var(--pad-y)) * 1.5));aspect-ratio:3/2;grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(18,minmax(0,1fr));gap:10px;max-width:100%;display:grid;container-type:size}.c{--u:min(1cqw,1cqh);min-width:0;min-height:0;position:relative}.home-photo{background:var(--paper);border-radius:3px;overflow:hidden}.c-name{z-index:2;grid-area:1/1/4/8;align-items:flex-start;display:flex}.c-name h1{font-family:var(--f-display);text-transform:uppercase;font-weight:800;font-stretch:125%;line-height:.86;font-size:calc(var(--u) * 12.5);letter-spacing:-.02em;white-space:nowrap;margin:0}.c-name h1 .name-subtitle{color:var(--slate);letter-spacing:.32em;margin-top:.55em;padding-left:.2em;font-size:.28em;font-weight:400;font-stretch:70%;display:block}.c-tag{justify-content:flex-end;gap:calc(var(--u) * 1.4);flex-direction:column;grid-area:4/1/7/6;display:flex}.c-tag .label{font-size:max(9px,calc(var(--u) * 1.4))}.c-tag p{font-size:max(13px,calc(var(--u) * 2.3));color:var(--slate);max-width:26ch;margin:0;line-height:1.45}.c-cut{z-index:1;grid-area:2/6/13/11}.c-cut img{-o-object-fit:contain;object-fit:contain;-o-object-position:50% 100%;object-position:50% 100%}.c-p1{grid-area:1/11/13/16}.c-p1 img{-o-object-position:50% 30%;object-position:50% 30%}.c-p2{grid-area:7/1/13/5}.c-p2 img{-o-object-position:50% 0%;object-position:50% 0%}.c-book{grid-area:1/16/7/19}.c-galp{grid-area:7/16/13/19}.ptile{color:var(--white);z-index:1;border-radius:3px;grid-template-rows:minmax(0,1fr) auto;text-decoration:none;display:grid;overflow:hidden}.ptile .pt-img{background:var(--paper);position:relative;overflow:hidden}.ptile .pt-img img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 25%;object-position:50% 25%;width:100%;height:100%;transition:transform .5s}.ptile:hover .pt-img img{transform:scale(1.05)}.ptile .pt-band{gap:calc(var(--u) * .6);padding:calc(var(--u) * 1.5) calc(var(--u) * 1.6);display:grid}.s-n{font-family:var(--f-mono);font-size:max(9px,calc(var(--u) * 1.4));letter-spacing:.14em}.s-name{font-family:var(--f-display);font-weight:600;font-stretch:112%;font-size:max(15px,calc(var(--u) * 3.6));line-height:1}.s-sub{font-size:max(10px,calc(var(--u) * 1.5));margin-top:calc(var(--u) * .6);line-height:1.25;display:block}.ptile .s-n,.ptile .s-sub{color:#ffffffb8}.ptile .s-row{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.ptile .arrow{font-size:max(14px,calc(var(--u) * 2.4));transition:transform .2s}.ptile:hover .arrow{transform:translate(4px)}.ptile.c-book{background:var(--navy)}.ptile.c-galp{background:var(--ink)}.c-galp .pt-img img{-o-object-position:50% 20%;object-position:50% 20%}.c-book .pt-img img{-o-object-position:40% 30%;object-position:40% 30%}.phone-name-break{display:none}@media (width<=759.98px){.home-page.wrap{max-width:none;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}#v-home{height:max(560px,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));box-sizing:border-box;min-height:0;padding:0;display:block}.home-grid{aspect-ratio:auto;grid-template-rows:auto minmax(0,1fr) 88px 88px;grid-template-columns:44% 56%;gap:0;width:100%;height:100%}.c-name{grid-area:1/1/2/2;padding:20px 10px 12px 20px}.c-name h1{font-size:15vw;font-weight:800;font-stretch:125%;line-height:.86}.phone-name-break{display:block}.c-name h1 .logo-99{margin-left:0}.c-name h1 .name-subtitle{letter-spacing:.38em;color:var(--slate);margin-top:16px;padding-left:0;font-size:clamp(7px,2vw,11px)}.c-tag{flex-direction:row;grid-area:4/1/5/2;justify-content:flex-start;align-items:flex-end;gap:0;padding:0 4px 20px 20px}.c-tag .label,.c-tag p,.c-p2,.ptile .pt-img,.ptile .s-sub{display:none}.c-tag .tag-link{white-space:nowrap;align-self:auto;font-size:13px}.c-p1{border-radius:0;grid-area:1/2/3/3}.c-p1 img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 25%;object-position:50% 25%}.c-cut{background:var(--white);grid-area:2/1/4/2;align-self:stretch;padding-left:20px}.c-cut img{-o-object-fit:contain;object-fit:contain;-o-object-position:0% 100%;object-position:0% 100%;display:block}.c-book{grid-area:3/2/4/3}.c-galp{grid-area:4/2/5/3}.ptile{border-radius:0;display:block}.ptile .pt-band{box-sizing:border-box;align-content:center;gap:7px;height:100%;padding:12px 16px;display:grid}.ptile .s-n{letter-spacing:.14em;font-size:10px}.ptile .s-name{text-transform:uppercase;font-size:clamp(22px,6.95vw,26px);font-weight:800;font-stretch:125%;line-height:1}.ptile .s-row{align-items:center;gap:6px}.ptile .arrow{flex:none;font-size:22px;line-height:1}}
