:root{--blue:#2b57e6;--blue-soft:#2b57e62e;--cream:#f7f6f1;--ink:#1c1e26;--ink-soft:#4a4e5a;--ease:cubic-bezier(.16, 1, .3, 1);--glide-ease:cubic-bezier(.22, .61, .36, 1);--spin-duration:1.2s;--spin-ease:cubic-bezier(.12, .75, .15, 1);--blue-edge:#1e3da1;--flip-duration:.6s;--flip-ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body{background:var(--blue);width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif}a{color:inherit;text-decoration:none}.page{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--ease), visibility .7s;position:fixed;inset:0}.page.active{opacity:1;visibility:visible;pointer-events:auto}.rise{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(14px)}.page.active .rise{opacity:1;transform:none}.page.active .rise:first-child{transition-delay:.12s}.page.active .rise:nth-child(2){transition-delay:.2s}.page.active .rise:nth-child(3){transition-delay:.28s}.page.active .rise:nth-child(4){transition-delay:.36s}.stage{background:var(--blue);position:absolute;inset:0;overflow:hidden}.frame{width:100vw;height:68.0639vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame svg{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-copy{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;gap:clamp(.4rem,1.4vmin,.9rem);height:25.7%;padding:0 clamp(.8rem,2.4vmin,2rem);display:flex;position:absolute;top:37.4%;left:40.5%;right:21.6%}.eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--blue);font-size:clamp(.56rem,1.15vmin,.85rem);font-weight:600}.hero-copy h1{letter-spacing:-.015em;margin:0;font-size:clamp(.85rem,2.7vmin,1.75rem);font-weight:500;line-height:1.3}.hero-copy .pill{margin-top:clamp(.2rem,1vmin,.6rem)}@keyframes logoInRight{0%{opacity:0;transform:translate(640px)}to{opacity:1;transform:translate(0)}}@keyframes logoInLeft{0%{opacity:0;transform:translate(-640px)}to{opacity:1;transform:translate(0)}}.logo-word{animation-duration:1.3s;animation-timing-function:var(--glide-ease);animation-fill-mode:both}.logo-word.right{animation-name:logoInRight;animation-delay:.15s}.logo-word.left{animation-name:logoInLeft;animation-delay:.45s}#grid{perspective:1600px}#grid .cell:not(.fixed){--spin-angle:0deg;transform-style:preserve-3d;transition:transform var(--spin-duration) var(--spin-ease);transform:translate(var(--cx), var(--cy)) rotateY(var(--spin-angle)) translate(calc(var(--cx) * -1), calc(var(--cy) * -1))}.face-front{transform:translateZ(calc(var(--tile-thickness) / 2))}.edge{transform:translate(var(--edge-x), var(--cy)) rotateY(90deg) translate(calc(var(--edge-x) * -1), calc(var(--cy) * -1))}#grid .cell.portfolio{transition:transform var(--flip-duration) var(--flip-ease)}#grid .cell.portfolio .face-back{transform:translate(var(--cx), var(--cy)) rotateY(180deg) translate(calc(var(--cx) * -1), calc(var(--cy) * -1)) translateZ(calc(var(--tile-thickness) / 2))}#grid .cell.portfolio .face-front{opacity:calc(1 - var(--face-cross,0))}#grid .cell.portfolio .face-back{opacity:var(--face-cross,0)}#grid .hit-area{fill:#0000;pointer-events:all;cursor:pointer}#grid .cell.portfolio .face-front,#grid .cell.portfolio .edge,#grid .cell.portfolio a{pointer-events:none}.portfolio-reveal{opacity:0;transition:opacity .35s var(--ease)}#grid .cell.back-revealed .portfolio-reveal{opacity:1}.pict{opacity:0;transition:opacity 1.3s var(--ease) .3s}.pict.two{transition-delay:.62s}.pict.link{transition-delay:.6s}.page.active .pict{opacity:1}.sheet{background:var(--cream);flex-direction:column;padding:clamp(1.6rem,4.5vmin,3.4rem) clamp(1.6rem,5.5vmin,4.6rem);display:flex;position:absolute;inset:0}.sheet:before{content:"";pointer-events:none;background-image:linear-gradient(to right, var(--blue-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--blue-soft) 1px, transparent 1px);opacity:.32;background-size:11.11% 16.67%;position:absolute;inset:0}.sheet>*{z-index:1;position:relative}.top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.brand{flex-direction:column;gap:.45em;display:flex}.wordmark{letter-spacing:.26em;color:var(--blue);font-size:clamp(.66rem,1.35vmin,.95rem);font-weight:500}.descriptor{letter-spacing:.16em;color:var(--ink-soft);font-size:clamp(.52rem,1.05vmin,.74rem)}.counter{letter-spacing:.18em;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:clamp(.6rem,1.2vmin,.85rem)}.body{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:clamp(1rem,3vmin,2.5rem) 0;display:flex}.label{letter-spacing:.32em;text-transform:uppercase;color:var(--blue);margin-bottom:clamp(1rem,3vmin,2.2rem);font-size:clamp(.55rem,1.1vmin,.8rem);font-weight:600}h2{letter-spacing:-.025em;max-width:18em;margin:0;font-size:clamp(1.4rem,5vmin,3.4rem);font-weight:300;line-height:1.28}.lede{color:var(--ink-soft);max-width:34em;margin:clamp(1rem,2.8vmin,2rem) 0 0;font-size:clamp(.78rem,1.7vmin,1.05rem);line-height:1.85}.split{align-items:center;gap:clamp(1.2rem,4vmin,4rem);min-height:0;display:flex}.split .txt{flex:44%;min-width:0}.split .art{flex:56%;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.split .art svg{width:100%;height:auto;max-height:52vh;display:block}#p-work .body{text-align:center;justify-content:center;align-items:center}#p-work .label{margin-bottom:clamp(.8rem,2.4vmin,1.6rem)}.tpl-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(0,24em));justify-content:center;align-items:stretch;gap:clamp(1.1rem,3vmin,2.2rem);width:100%;display:grid}.tpl-card{border:1px solid var(--blue-soft);transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);background:#fff;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #1c1e260d}.tpl-card:hover{border-color:#2b57e673;transform:translateY(-7px);box-shadow:0 30px 50px -26px #2b57e652}.tpl-head{border-bottom:1px solid var(--blue-soft);letter-spacing:.08em;color:var(--ink-soft);justify-content:space-between;align-items:center;padding:.75em 1.2em;font-size:clamp(.62rem,1.1vmin,.75rem);display:flex}.tpl-head .book{color:var(--blue);font-weight:600}.tpl-preview{background:var(--cream);border:1px solid #2b57e61f;border-radius:9px;flex-direction:column;flex:none;height:clamp(10.5rem,23vmin,15.5rem);margin:clamp(.75em,1.4vmin,1.05em) clamp(.75em,1.4vmin,1.05em) 0;font-size:clamp(1rem,1.7vmin,1.2rem);display:flex;overflow:hidden}.tpl-preview-chrome{border-bottom:1px solid #2b57e61a;flex:none;align-items:center;gap:.34em;padding:.6em .75em;display:flex}.tpl-preview-chrome span{background:var(--ink-soft);opacity:.22;border-radius:50%;width:.46em;height:.46em}.tpl-preview-body{flex-direction:column;flex:1;justify-content:center;gap:.5em;min-height:0;padding:8%;display:flex}.mock-bar{background:var(--ink-soft);opacity:.5;border-radius:99px;height:.38em;display:block}.mock-bar.narrow{width:55%}.mock-bar.soft{opacity:.28}.mock-bar.accent{background:var(--blue);opacity:.85;height:.6em}.tpl-preview.type-a .tpl-preview-body{align-items:center}.tpl-preview.type-a .mock-circle{border:1.5px solid var(--ink-soft);opacity:.55;border-radius:50%;width:1.6em;height:1.6em;margin-bottom:.25em}.tpl-preview.type-a .mock-bar{width:70%}.tpl-preview.type-a .mock-bar.narrow{width:42%}.tpl-preview.type-b .mock-photo{background:linear-gradient(135deg,#9fb0dd,#dfe4f3 60%,#c3cdec);flex:1;min-height:0}.tpl-preview.type-b .mock-bar-wrap{flex-direction:column;flex:none;gap:.4em;padding:7% 8%;display:flex}.tpl-preview.type-b .mock-bar{width:75%}.tpl-preview.type-b .mock-bar.narrow{width:38%}.tpl-info{flex-direction:column;flex:1;gap:.4em;padding:1.15em 1.2em 0;display:flex}.tpl-type{letter-spacing:.24em;text-transform:uppercase;color:var(--blue);font-size:clamp(.55rem,1vmin,.66rem);font-weight:700}.tpl-info h3{letter-spacing:-.015em;margin:0;font-size:clamp(1.15rem,2.4vmin,1.5rem);font-weight:600}.tpl-info p{color:var(--ink-soft);margin:0;font-size:clamp(.72rem,1.3vmin,.86rem);line-height:1.65}.tpl-chips{flex-wrap:wrap;gap:.4em;margin-top:.3em;display:flex}.tpl-chip{border:1px solid var(--blue-soft);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:.36em .75em;font-size:clamp(.58rem,1vmin,.68rem)}.tpl-chip.accent{color:#1f8a52;background:#1f8a5212;border-color:#1f8a5259}.tpl-foot{border-top:1px solid var(--blue-soft);justify-content:flex-end;align-items:center;margin-top:1em;padding:.85em 1.2em;display:flex}.tpl-foot .prev{letter-spacing:.02em;color:#fff;background:var(--blue);transition:background .4s var(--ease), transform .4s var(--ease);border-radius:999px;align-items:center;gap:.4em;padding:.55em 1.1em;font-size:clamp(.62rem,1.1vmin,.76rem);font-weight:600;display:inline-flex}.tpl-foot .prev:hover{background:#1e3da1;transform:translate(2px)}.tpl-foot .prev .arrow{transition:transform .4s var(--ease)}.tpl-foot .prev:hover .arrow{transform:translate(3px)}.tpl-foot .prev.soon{color:var(--ink-soft);opacity:.6;background:0 0;padding:.55em 0;font-weight:500}.rows{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:clamp(1rem,3.5vmin,3rem) clamp(1.5rem,6vmin,5rem);max-width:52em;margin:clamp(1.4rem,4vmin,3rem) 0 0;display:grid}.row .k{letter-spacing:.28em;text-transform:uppercase;color:var(--blue);margin-bottom:.55em;font-size:clamp(.52rem,1.05vmin,.75rem);font-weight:600;display:block}.row .v{font-size:clamp(.85rem,2vmin,1.25rem);font-weight:300}a.v:hover{color:var(--blue)}.foot{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ghost{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;transition:color .3s var(--ease);background:0 0;border:none;align-items:center;gap:.6em;padding:0;font-family:inherit;font-size:clamp(.62rem,1.25vmin,.88rem);font-weight:500;display:inline-flex}.ghost:hover{color:var(--blue)}.pill{background:var(--blue);color:#fff;cursor:pointer;letter-spacing:.06em;white-space:nowrap;transition:transform .4s var(--ease), opacity .3s;border:none;border-radius:999px;align-items:center;gap:.75em;padding:clamp(.6rem,1.6vmin,1rem) clamp(1.3rem,3.4vmin,2.4rem);font-family:inherit;font-size:clamp(.62rem,1.3vmin,.9rem);font-weight:500;display:inline-flex}.pill:hover{opacity:.9;transform:translateY(-2px)}.pill .arrow{transition:transform .4s var(--ease)}.pill:hover .arrow{transform:translate(4px)}@media (width<=820px){.split{flex-direction:column;align-items:flex-start;gap:clamp(1rem,3vmin,2rem)}.split .art svg{max-height:32vh}.tpl-grid{grid-template-columns:1fr;max-width:24em;overflow-y:auto}.tpl-preview{height:clamp(9rem,34vh,12rem)}}