:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:#25313b;background:#eaf0f4;font-synthesis:none;--ink:#25313b;--muted:#6d7c88;--line:#a8b8c529;--accent:#497a9c;--glass:linear-gradient(135deg,#ffffffb8,#ffffff65);--shadow:0 12px 40px #415b7010,inset 0 1px 0 #ffffffec,inset 0 -1px 0 #ffffff60}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 12%,#d2e1eccc,transparent 45%),radial-gradient(ellipse at 92% 34%,#e4e0e8bb,transparent 43%),linear-gradient(150deg,#f1f5f7,#e6edf1 65%,#f0f3f4);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% -10%,#fff9,transparent 55%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
.header{max-width:1120px;margin:24px auto 0;height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:18px;z-index:20;border:1px solid #ffffffc9;border-radius:28px;background:linear-gradient(120deg,#ffffffb8,#ffffff63);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:var(--shadow)}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:600;letter-spacing:-1.1px}.brand-light{font-weight:400;color:#647481}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#ffffffdd,#d5e2ea99);border:1px solid #fff;color:#405b6e;font-size:28px;line-height:1;font-weight:600;padding-bottom:4px;box-shadow:0 3px 8px #38597112,inset 0 1px 2px #fff}.header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:500;color:#5b6b78}.header nav a:hover{color:var(--ink)}.studio-link{border:1px solid #fff9;border-radius:22px;padding:11px 17px;background:#ffffff60;box-shadow:0 2px 5px #33485b06}.studio-link span{margin-left:14px}main{max-width:1120px;margin:auto;padding:0 0}.intro{padding:86px 24px 74px;text-align:center}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600;display:flex;gap:8px;align-items:center;color:var(--muted);margin:0 0 20px}.intro .eyebrow{justify-content:center;font-size:10px;letter-spacing:.13em;margin-bottom:25px}.orange-dot{height:5px;width:5px;background:#7c98ad;border-radius:50%;box-shadow:0 0 0 4px #ffffff64}h1{font-size:clamp(46px,6.8vw,78px);line-height:1.06;letter-spacing:-.058em;font-weight:500;margin:0}h1 em{font-style:normal;color:#6b889e}.intro-note{max-width:430px;margin:22px auto 0}.intro-note p{font-size:15px;line-height:1.7;margin:0;color:#70808d;font-weight:400}.tiny-number{font-size:10px;letter-spacing:.1em;color:var(--muted)}.text-link{font-size:12px;font-weight:500;display:inline-flex;gap:14px;align-items:center;color:#697c8a}.text-link:hover{color:var(--ink)}
.collection-bar{padding:0 0 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.tabs{display:flex;gap:3px;padding:5px;border:1px solid #ffffffa8;border-radius:24px;background:#ffffff45;box-shadow:inset 0 1px 1px #ffffffd9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tabs button{background:none;border:1px solid transparent;padding:10px 17px;font-size:12px;border-radius:20px;color:#6b7b87;transition:background .2s,box-shadow .2s}.tabs button[aria-pressed=true]{background:linear-gradient(145deg,#fffffff0,#ffffff82);color:#2e414f;border-color:#fff;box-shadow:0 3px 10px #445f7610}.tabs span{font-size:9px;margin-left:6px;opacity:.55}.search{display:flex;gap:9px;align-items:center;color:#8a9aa6;margin:0;font-weight:400;border:1px solid #ffffffa3;border-radius:23px;padding:0 16px;background:#ffffff3d;box-shadow:inset 0 1px 0 #fff9}.search span{font-size:22px;line-height:1}.search input[type=search]{width:150px;border:0;background:transparent;box-shadow:none;outline-offset:2px;font-size:12px;padding:13px 0;margin:0;color:var(--ink)}.search input::placeholder{color:#8797a3}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:70px}.project-card{min-width:0;border:1px solid #ffffffc9;border-radius:32px;padding:10px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);overflow:hidden;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #415b701c,inset 0 1px 0 #fff}.project-card.single{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.project-image{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;border-radius:23px;background:#ced9e0}.single .project-image{aspect-ratio:1.52}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.025)}.preview-button{position:absolute;bottom:18px;right:18px;border-radius:24px;background:linear-gradient(135deg,#ffffffdc,#ffffff86);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid #ffffffd8;color:#344854;padding:12px 17px;font-size:11px;box-shadow:0 4px 18px #172b3a14}.category-badge{position:absolute;left:18px;top:18px;border:1px solid #ffffff54;border-radius:24px;padding:8px 12px;background:#eff6f96e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#263e4d;font-size:10px;font-weight:500}.project-info{padding:24px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.single .project-info{padding:35px 26px;flex-direction:column;align-items:flex-start;justify-content:center}.project-number{font-size:9px;letter-spacing:.12em;color:#90a0ab}.project-info h2{font-size:27px;line-height:1.15;font-weight:500;letter-spacing:-.045em;margin:13px 0}.single .project-info h2{font-size:36px;line-height:1.13;max-width:260px}.project-info p{font-size:13px;line-height:1.75;color:#7a8b97;max-width:480px;margin:0}.single .project-info p{max-width:280px}.round-link{border:1px solid #fff;border-radius:50%;min-width:42px;height:42px;display:grid;place-items:center;font-size:20px;color:#597487;background:#ffffff7d;box-shadow:0 3px 10px #405e7310}.single .round-link{margin-top:12px;width:46px;height:46px}.collection-note{display:none}
.about{border-top:1px solid #b3c1cd38;padding:50px 8px 60px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px 55px}.about .eyebrow{grid-column:1/-1;font-size:9px;margin:0}.about h2{font-size:32px;letter-spacing:-.04em;font-weight:400;margin:0;line-height:1.2;color:#506878}.about p{font-size:13px;line-height:1.8;color:#7a8b98;margin:0}.signature{grid-column:2;font-size:11px;display:flex;gap:25px;color:#678090}footer{max-width:1120px;margin:auto;padding:28px 8px 38px;border-top:1px solid #b3c1cd38;display:flex;align-items:center;justify-content:space-between;color:#97a5af;font-size:10px}.footer-brand{font-size:19px;color:#667b8a;letter-spacing:-.8px}footer p{margin:0}.button{border:1px solid #ffffffc4;border-radius:24px;padding:13px 21px;display:inline-flex;justify-content:center;align-items:center;gap:20px;font-size:12px;box-shadow:0 4px 12px #415b700b,inset 0 1px 0 #ffffff7a;transition:transform .2s,background .2s}.dark{background:linear-gradient(145deg,#4a6579,#344b5d);color:#fff;border-color:#70859470;box-shadow:0 5px 13px #324e6420,inset 0 1px 0 #ffffff30}.light{background:#ffffff65;color:#627989;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.button:hover{transform:translateY(-1px);filter:brightness(1.04)}.loading,.empty{padding:80px 0;color:#7b8c99;text-align:center}.empty{grid-column:1/-1}.empty h2{color:#516b7d;font-weight:400;letter-spacing:-.03em}.error-page{min-height:60vh}.error-page h1{font-size:50px}.placeholder-cover{height:100%;min-height:160px;background:radial-gradient(ellipse at top left,#f7fbff,#ccdce6);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#7f9cae}.placeholder-cover span{font-size:58px}.placeholder-cover small{font-size:9px;letter-spacing:.12em}
.detail-main{padding-top:42px}.detail-top{display:flex;justify-content:space-between}.detail-top .eyebrow{margin:0}.detail-heading{display:flex;justify-content:space-between;align-items:center;padding:36px 0 28px;gap:25px}.detail-heading h1{font-size:43px;letter-spacing:-.045em}.detail-heading p{font-size:13px;color:var(--muted);line-height:1.7;max-width:650px;margin:16px 0 0}.detail-actions{display:flex;gap:8px;flex-shrink:0}.viewer-shell{position:relative;width:100%;height:78vh;min-height:520px;border:8px solid #ffffff7a;outline:1px solid #ffffffc4;border-radius:30px;overflow:hidden;background:#0b131e;box-shadow:0 20px 55px #415b701d}.viewer-shell:fullscreen{height:100vh;border:0;border-radius:0}iframe{width:100%;height:100%;border:0}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;color:#b7c4d0;font-size:12px;pointer-events:none}.viewer-note{font-size:11px;text-align:center;color:#90a0ad;margin:23px 0 45px}.external-cover{position:relative;display:block;max-width:950px;margin:0 auto 70px;border-radius:28px;border:8px solid #ffffff83;overflow:hidden;background:#e7edf1;box-shadow:var(--shadow)}.external-cover img{width:100%;max-height:600px;object-fit:cover;display:block}.external-cover>.button{position:absolute;bottom:25px;right:25px}
.login-main{min-height:76vh;display:grid;place-items:center;padding:65px 24px}.login-card{width:100%;max-width:470px;border:1px solid #ffffffdf;border-radius:34px;padding:40px;background:var(--glass);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:var(--shadow)}.login-card .eyebrow{font-size:9px}.login-card h1{font-size:43px}.login-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin:20px 0}.login-card form{margin:25px 0}.login-card form>.button{width:100%;margin-top:15px}.login-card small{color:#889ba8;font-size:11px}.studio-main{padding-top:60px;padding-bottom:65px;min-height:75vh}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.studio-heading h1{font-size:58px}.studio-heading p:not(.eyebrow){color:#7b8d9b;font-size:14px}.studio-heading>div:last-child{display:flex;gap:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:26px;margin:32px 0;border:1px solid #ffffffb3;border-radius:26px;background:#ffffff45;box-shadow:var(--shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.stats>div{display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line);padding-left:28px}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats span{font-size:9px;letter-spacing:.12em;color:#8d9eaa}.stats strong{font-size:32px;font-weight:400;letter-spacing:-.04em;color:#577186}.stats a{font-size:15px;margin-top:12px;color:#688193}.studio-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.studio-list-heading h2{font-size:21px;font-weight:500;letter-spacing:-.03em;color:#587184}.studio-project{display:flex;gap:22px;align-items:center;border:1px solid #ffffffc7;border-radius:26px;padding:16px;background:var(--glass);box-shadow:var(--shadow);margin-bottom:14px}.studio-thumb{width:140px;flex-shrink:0;height:100px;overflow:hidden;border-radius:16px}.studio-thumb img{width:100%;height:100%;object-fit:cover}.studio-thumb .placeholder-cover{min-height:100%;height:100%}.studio-thumb .placeholder-cover span{font-size:32px}.studio-thumb small{display:none}.studio-project-title{flex:1}.studio-project h3{font-size:19px;font-weight:500;letter-spacing:-.025em;margin:8px 0}.studio-project p,.studio-project small{font-size:10px;color:#8c9da9;margin:5px 0}.status{font-size:9px;text-transform:uppercase;letter-spacing:.07em;padding:5px 8px;background:#ffffff70;border:1px solid #ffffffb8;border-radius:12px;display:inline-block}.status.published{background:#d6e9e576;color:#577c71}.status.draft{background:#eee6d586;color:#9a8560}.status.archived{background:#e2e6e970;color:#8d9ba6}.project-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:320px}.project-actions button{font-size:11px;background:#ffffff66;border:1px solid #ffffffc4;border-radius:20px;padding:9px 13px;color:#687e8f;box-shadow:0 3px 8px #3e5d7107}.project-actions button:hover{background:#ffffffbb}.studio-footnote{font-size:12px;line-height:1.8;color:#8c9eab;margin-top:25px}.check{display:flex;gap:8px;align-items:center;font-size:12px!important;font-weight:400!important;cursor:pointer;color:#7b8f9e}.check input{width:15px;height:15px;accent-color:#67879e;margin:0}
 dialog{width:min(680px,94vw);max-height:90vh;border:1px solid #ffffffed;border-radius:32px;padding:32px;background:linear-gradient(130deg,#f7fbffe8,#e9f1f7d9);color:var(--ink);backdrop-filter:blur(36px) saturate(140%);-webkit-backdrop-filter:blur(36px) saturate(140%);box-shadow:0 30px 100px #253e5b35,inset 0 1px 0 #fff}dialog::backdrop{background:#3c556f34;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start}.dialog-top .eyebrow{font-size:9px;margin-bottom:10px}.dialog-top h2{font-size:32px;letter-spacing:-.04em;font-weight:500;margin:0 0 28px}.icon-button{width:32px;height:32px;background:#ffffff70;border:1px solid #fff;border-radius:50%;font-size:22px;color:#7b8e9b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}label{display:block;font-size:11px;font-weight:500;margin-bottom:18px;color:#61798a}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:13px 14px;border:1px solid #ffffffd9;border-radius:13px;background:#ffffff80;color:#354f61;font-size:13px;margin-top:9px;box-shadow:inset 0 1px 3px #46607806}input::placeholder,textarea::placeholder{color:#9aaab6}textarea{resize:vertical}input[readonly]{background:#e4edf365;color:#8d9fae}.slug-prefix{font-weight:400;color:#96a6b1;font-size:10px;margin-top:10px}.slug-prefix input{margin-top:5px}.file-field{border:1px dashed #9bb2c580;border-radius:18px;padding:16px;background:#ffffff25}.file-field input{border:0;padding:6px 0;background:transparent;font-size:11px;box-shadow:none}.file-field input::file-selector-button{border:1px solid #fff;border-radius:10px;background:#ffffff91;color:#58748a;font:inherit;padding:8px 12px;margin-right:10px;cursor:pointer}.file-field small{display:block;font-weight:400;color:#92a3b0;font-size:10px;line-height:1.6;margin-top:6px}.optional{font-weight:400;color:#9cabb6;margin-left:6px}.form-error{color:#a35c5d;font-size:12px;line-height:1.5}.dialog-actions{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-actions>span{font-size:10px;color:#8c9fad;max-width:250px;line-height:1.5}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);padding:15px 24px;background:#f4faffc9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#48657b;border:1px solid #fff;border-radius:24px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;box-shadow:0 8px 35px #3d5a7524}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1190px){.header{margin-left:28px;margin-right:28px}main,footer{margin-left:36px;margin-right:36px}}@media(max-width:850px){.intro{padding:70px 0 60px}.project-grid{gap:18px}.project-card.single{grid-template-columns:1.3fr 1fr}.single .project-info{padding:22px 15px}.single .project-info h2{font-size:29px}.single .project-image{aspect-ratio:auto;min-height:330px}.single .project-info p{font-size:12px}.tabs button{padding:10px 12px}.search input[type=search]{width:125px}.project-actions{max-width:160px}.detail-heading{flex-direction:column;align-items:flex-start}.detail-heading h1{font-size:38px}.stats>div{padding-left:18px}.studio-heading h1{font-size:50px}.about{gap:20px 30px}}
@media(max-width:600px){html{scroll-padding-top:100px}.header{height:64px;top:12px;margin:14px 16px 0;padding:0 17px;border-radius:24px}.brand{font-size:21px;gap:8px}.mark{width:30px;height:30px;font-size:26px;border-radius:10px}.header nav{gap:17px;font-size:11px}.header nav>a:nth-child(2){display:none}.studio-link{padding:9px 12px}.studio-link span{margin-left:9px}main,footer{margin-left:20px;margin-right:20px}.intro{padding:59px 0 47px}.intro h1{font-size:56px;line-height:1.06;max-width:300px;margin:auto}.intro .eyebrow{font-size:8px;margin-bottom:24px;letter-spacing:.12em}.intro-note{margin-top:20px;max-width:285px}.intro-note p{font-size:13px;line-height:1.65}.collection-bar{display:block;padding:0 0 18px}.tabs{gap:2px;justify-content:space-between;padding:4px}.tabs button{padding:10px 11px;font-size:10px}.tabs span{margin-left:4px;font-size:8px}.search{margin-top:11px;padding:0 15px}.search input[type=search]{width:100%;padding:12px 0}.project-grid{display:block;padding-bottom:42px}.project-card,.project-card.single{display:block;margin-bottom:20px;padding:8px;border-radius:27px}.project-image,.single .project-image{aspect-ratio:1.22;min-height:0;border-radius:20px}.project-image img{object-position:center}.project-info,.single .project-info{padding:23px 16px 21px;display:flex;flex-direction:row;align-items:center;gap:15px}.single .project-info h2,.project-info h2{font-size:26px;max-width:none}.project-info p,.single .project-info p{font-size:12px}.single .round-link{margin:0;width:39px;height:39px;min-width:39px}.preview-button{right:14px;bottom:14px;font-size:10px;padding:10px 13px}.category-badge{left:14px;top:14px;font-size:9px}.about{display:block;padding:34px 4px}.about h2{font-size:28px;margin:20px 0}.about p{font-size:12px}.signature{margin-top:20px}footer{flex-wrap:wrap;gap:20px;font-size:10px;padding:25px 4px}footer>span{display:none}.studio-main{padding-top:43px}.studio-heading{display:block}.studio-heading h1{font-size:46px}.studio-heading>div:last-child{margin-top:25px}.stats{grid-template-columns:repeat(3,1fr);padding:21px 18px}.stats>div:last-child{display:none}.stats>div:nth-child(3){border:0}.stats>div{padding-left:14px}.stats strong{font-size:28px}.stats span{font-size:8px}.studio-project{flex-wrap:wrap;padding:13px;gap:13px;border-radius:23px}.studio-thumb{width:90px;height:85px;border-radius:14px}.studio-project h3{font-size:17px}.project-actions{max-width:none;width:100%;justify-content:flex-start;border-top:1px solid var(--line);padding-top:12px}.project-actions button{font-size:10px}.studio-list-heading{gap:10px}.studio-list-heading .check{font-size:10px!important}.studio-list-heading h2{font-size:20px}.form-grid{display:block}dialog{padding:25px;border-radius:27px}.dialog-actions{align-items:flex-end}.dialog-actions>span{max-width:130px}.dialog-actions .button{padding:13px 16px;gap:10px}.detail-main{padding-top:32px}.detail-heading{padding:29px 0 24px}.detail-heading h1{font-size:35px}.detail-top .eyebrow{font-size:8px}.detail-top .text-link{font-size:10px}.viewer-shell{height:76vh;min-height:520px;border-radius:20px;border-width:5px}.detail-actions .button{padding:12px 18px}.login-main{padding:45px 0;min-height:75vh}.login-card{padding:30px 25px;border-radius:29px}.login-card h1{font-size:39px}.login-card .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(prefers-reduced-transparency:reduce){.header,.project-card,.login-card,dialog,.stats{background:#f2f6f9}.tabs,.search{background:#eaf0f5}}