@font-face{font-family:Joy;src:url(/sites/fonts/plus-jakarta-sans-latin.woff2)format("woff2");font-weight:200 800;font-display:swap}:root{color:#182036;--ink:#182036;--muted:#687083;--violet:#6944d5;--line:#e3e5ec;font-synthesis:none;background:#fafafc;font-family:Joy,Segoe UI,sans-serif}body{margin:0;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}h1,h2,p{margin:0}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #7953ed}.p-shell{width:min(1120px,100% - 80px);margin:auto}.p-header{border-bottom:1px solid var(--line);background:#ffffffd9}.p-header>.p-shell{justify-content:space-between;align-items:center;gap:24px;height:88px;display:flex}.brand{white-space:nowrap;align-items:center;gap:13px;display:inline-flex}.brand-word{letter-spacing:-.09em;font-size:35px;font-weight:650;line-height:1}.brand-dot{color:var(--violet)}.brand-label{letter-spacing:.3em;font-size:9px;font-weight:750}.header-label{letter-spacing:.24em;color:#747789;font-size:10px}.back-link{align-items:center;gap:10px;min-height:44px;font-size:13px;display:flex}.p-intro{justify-content:space-between;align-items:center;gap:30px;padding:70px 0 45px;display:flex}.p-eyebrow{letter-spacing:.2em;color:#6c6383;align-items:center;gap:9px;font-size:10px;font-weight:750;display:inline-flex}.p-eyebrow i{background:#7b55d8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #7953ed12}.p-intro h1{letter-spacing:-.055em;margin:17px 0 16px;font-size:clamp(36px,4vw,56px);font-weight:650;line-height:1.15}.p-intro h1>span{color:#6b4cca}.p-intro p{color:var(--muted);font-size:16px}.p-mobile{display:none}.present-button{background:var(--ink);color:#fff;white-space:nowrap;border:0;border-radius:50px;align-items:center;gap:17px;min-height:54px;padding:17px 21px;font-size:13px;font-weight:650;display:flex;box-shadow:0 6px 20px #18203614}.present-button:hover{background:#303857}.play-icon{color:#c2adff;font-size:12px}.p-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;margin-bottom:32px;padding-bottom:24px;display:flex}.p-filters{border:1px solid var(--line);background:#f1f1f6;border-radius:50px;gap:2px;padding:4px;display:flex}.p-filters button{color:#66697d;background:0 0;border:0;border-radius:50px;align-items:center;gap:9px;min-height:42px;padding:9px 18px;font-size:13px;display:flex}.p-filters button[aria-pressed=true]{color:var(--ink);background:#fff;font-weight:700;box-shadow:0 2px 6px #151a3210}.p-filters button>span{background:#e9e8f0;border-radius:10px;min-width:19px;padding:1px 6px;font-size:10px}.result-count{color:#74778a;font-size:12px}.p-grid{grid-template-columns:1fr 1fr;gap:44px 30px;display:grid}.project[hidden]{display:none}.project{min-width:0}.project-visual{text-align:left;background:#fff;border:1px solid #e0e2e9;border-radius:15px;width:100%;padding:0;transition:box-shadow .2s,transform .2s;display:block;overflow:hidden;box-shadow:0 6px 16px #1b244808}.project-visual:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1b244819}.preview-bar{color:#687082;background:#f0f1f6;justify-content:space-between;align-items:center;gap:12px;height:28px;padding:0 13px;font-size:9px;display:flex}.preview-bar>span:first-child{gap:4px;display:flex}.preview-bar i{background:#c3c7d4;border-radius:50%;width:4px;height:4px}.project-image{aspect-ratio:1.44;position:relative;overflow:hidden}.project-image>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.image-action{background:#ffffffef;border-radius:40px;align-items:center;gap:10px;padding:9px 13px;font-size:11px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 4px 15px #17213b12}.project-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:19px;font-size:11px;display:flex}.p-status{color:#356348;white-space:nowrap;background:#e9f3ed;border-radius:30px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.p-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.p-status.preview{color:#68509b;background:#eeeafa}.project-title{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.project h2{letter-spacing:-.045em;font-size:22px;font-weight:650;line-height:1.3}.project h2>span{color:#73778a;letter-spacing:-.02em;margin-left:10px;font-size:16px;font-weight:400}.project-next{background:#fff;border:1px solid #dedfeb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.project-next:hover{background:var(--ink);color:#fff}.project>p{color:var(--muted);max-width:460px;margin-top:8px;font-size:14px;line-height:1.75}.visit-link{color:#6043a6;align-items:center;gap:13px;min-height:44px;font-size:12px;font-weight:650;display:inline-flex}.visit-link:hover{text-decoration:underline}.p-note{color:#707587;justify-content:center;align-items:center;gap:9px;margin:40px 0;font-size:12px;display:flex}.p-close{background:#eeeef7;border-radius:19px;justify-content:space-between;align-items:center;gap:28px;margin:54px 0 42px;padding:34px 38px;display:flex}.p-close h2{letter-spacing:-.04em;margin:11px 0 10px;font-size:25px;font-weight:600}.p-close p{color:var(--muted);font-size:13px}.p-close>a{white-space:nowrap;background:#fff;border-radius:40px;justify-content:center;align-items:center;gap:16px;padding:14px 19px;font-size:12px;font-weight:600;display:flex}.p-close>a:hover{background:var(--ink);color:#fff}.p-footer{color:#73788a;align-items:center;gap:24px;padding-bottom:28px;font-size:11px;display:flex}.p-footer>span:first-child{color:var(--ink);font-weight:650}.p-footer small{margin-left:auto;font-size:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-presenting{overflow:hidden}#presentation{width:min(1080px,100% - 48px);max-width:none;height:min(920px,100dvh - 40px);max-height:none;color:var(--ink);background:#f8f8fc;border:1px solid #e3e4ed;border-radius:21px;padding:0;overflow:hidden;box-shadow:0 30px 120px #0b122950}#presentation::backdrop{backdrop-filter:blur(8px);background:#182039bd}.presentation-shell{flex-direction:column;height:100%;min-height:0;display:flex}.presentation-top{background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:18px 27px 12px;display:flex}.presentation-identity h2{letter-spacing:-.04em;margin-top:5px;font-size:20px;font-weight:600;line-height:1.35}.presentation-identity .p-eyebrow{font-size:9px}.presentation-close{border:1px solid var(--line);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.presentation-tools{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:8px 27px 14px;display:flex}.device-switch{background:#f0eff5;border-radius:30px;gap:2px;padding:3px;display:flex}.device-switch button{color:#6a697d;background:0 0;border:0;border-radius:30px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 13px;font-size:11px;display:flex}.device-switch button[aria-pressed=true]{color:#523598;background:#fff;font-weight:650;box-shadow:0 1px 5px #14204212}.presentation-stage{touch-action:pan-y pinch-zoom;background:radial-gradient(at 50% 40%,#e8e8f6,#0000 80%);flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;display:flex;overflow:auto}.presentation-stage img{object-fit:contain;user-select:none;border:1px solid #cfd1de;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 12px 35px #1820361c}.presentation-stage[data-device=mobile] img{aspect-ratio:390/844}.presentation-stage[data-device=desktop] img{aspect-ratio:1200/833;border-radius:7px}.presentation-stage img[hidden]{display:none}.image-error{color:var(--muted);text-align:center;max-width:320px;font-size:14px}.presentation-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:6px 27px 13px;font-size:11px;display:flex}.swipe-hint{display:none}.presentation-controls{border-top:1px solid var(--line);background:#fff;justify-content:center;align-items:center;gap:20px;padding:13px 27px;display:flex}.presentation-controls>button{background:#fff;border:1px solid #dddfea;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.presentation-controls>button:hover{color:#593dab;background:#f0eaff}.presentation-controls>a{background:var(--ink);color:#fff;border-radius:40px;justify-content:center;align-items:center;gap:25px;min-width:200px;min-height:48px;padding:12px 22px;font-size:13px;font-weight:600;display:flex}@media (width<=850px){.p-shell{width:calc(100% - 44px)}.header-label{display:none}.p-intro{padding-top:45px}.p-intro h1{font-size:42px}.present-button{gap:12px;padding:15px 18px;font-size:12px}.p-grid{gap:36px 22px}.project h2{font-size:20px}.project h2>span{margin-top:4px;margin-left:0;font-size:14px;display:block}.project-meta{font-size:10px}.p-close{padding:28px}.p-close h2{font-size:22px}.result-count{font-size:11px}.p-filters button{padding:9px 14px}.p-footer{flex-wrap:wrap;gap:12px}.p-footer small{margin-left:0}}@media (width<=600px){.p-shell{width:calc(100% - 36px)}.p-header>.p-shell{gap:12px;height:72px}.brand-word{font-size:31px}.brand-label{font-size:8px}.back-link{gap:6px;font-size:11px}.p-intro{padding:35px 0 27px;display:block}.p-eyebrow{font-size:9px}.p-mobile{display:block}.p-intro h1{margin-top:17px;margin-bottom:16px;font-size:40px;line-height:1.12}.p-intro p{font-size:14px;line-height:1.7}.present-button{justify-content:center;width:100%;min-height:52px;margin-top:24px;font-size:13px}.present-button>svg{margin-left:auto}.present-button>.play-icon{margin-right:auto}.p-toolbar{flex-direction:column;align-items:start;gap:13px;margin-bottom:24px;padding-bottom:19px}.p-filters{justify-content:space-between;width:100%}.p-filters button{flex:1;justify-content:center;gap:7px;min-height:42px;padding:9px 8px;font-size:12px}.p-filters button>span{font-size:9px}.result-count{font-size:11px}.p-grid{grid-template-columns:1fr;gap:32px}.project-visual{border-radius:12px}.preview-bar{height:24px;font-size:8px}.project-image{aspect-ratio:1.44}.project-meta{margin-top:14px;font-size:10px}.project-title{margin-top:8px}.project h2{font-size:22px}.project h2>span{margin-left:8px;font-size:14px;display:inline}.project>p{margin-top:8px;font-size:13px;line-height:1.7}.visit-link{font-size:12px}.p-note{text-align:center;align-items:start;margin:30px 0;font-size:11px}.p-note svg{margin-top:2px}.p-close{border-radius:16px;flex-direction:column;align-items:start;gap:22px;margin:35px 0 27px;padding:26px 23px}.p-close h2{font-size:25px;line-height:1.25}.p-close p{font-size:13px;line-height:1.75}.p-close>a{width:100%;min-height:47px;font-size:13px}.p-footer{justify-content:space-between;gap:12px;font-size:10px}.p-footer small{width:100%;font-size:9px}#presentation{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh;margin:0}.presentation-top{padding:calc(13px + env(safe-area-inset-top)) 18px 10px}.presentation-identity h2{max-width:270px;font-size:17px}.presentation-identity .p-eyebrow{font-size:9px}.presentation-close{width:42px;height:42px}.presentation-tools{gap:8px;padding:8px 18px 12px}.device-switch button{gap:5px;min-height:38px;padding:8px 11px;font-size:10px}.device-switch svg{width:14px}.presentation-tools .p-status{padding:5px 8px;font-size:9px}.presentation-stage{padding:13px 15px}.presentation-stage img{border-radius:10px}.presentation-caption{flex-direction:column;gap:10px;padding:6px 18px 10px;font-size:9px;line-height:1.4}.swipe-hint{color:#6f7387;font-size:9px;display:block}.presentation-controls{padding:12px 18px calc(12px + env(safe-area-inset-bottom));gap:14px}.presentation-controls>a{flex:1;min-width:0;min-height:48px;padding:12px 18px;font-size:12px}.presentation-controls>button{flex-shrink:0;width:46px;height:46px}}@media (width<=350px){.p-shell{width:calc(100% - 28px)}.p-intro h1{font-size:36px}.brand-label{font-size:7px}.brand{gap:9px}.back-link{font-size:10px}.project h2>span{margin-left:0;display:block}.p-filters button{gap:5px;font-size:11px}.presentation-tools{padding-inline:12px}.device-switch button{padding-inline:8px}.presentation-identity h2{font-size:15px}.presentation-caption{font-size:8px}}.header-label,.result-count,.preview-bar,.project h2>span,.p-note,.p-close p,.p-footer,.swipe-hint{color:#5e6578}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.project-visual:hover{transform:none}}
