@font-face{font-family:NeueMontreal;src:url(/fonts/NeueMontreal-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--gray-100: #ffffff;--gray-200: #e8e8e8;--gray-300: #c8c8c8;--gray-400: #a0a0a0;--gray-500: #787878;--gray-600: #505050;--gray-700: #2e2e2e;--gray-800: #1a1a1a;--gray-900: #000000;--white-weak: rgba(255,255,255,.08);--white-medium: rgba(255,255,255,.5);--white-strong: rgba(255,255,255,.4);--black-weak: rgba(0,0,0,.08);--black-medium: rgba(0,0,0,.5);--black-strong: rgba(0,0,0,.4);--point-blue: #006aff;--point-red: #f44437;--point-yellow: #ffd12e;--point-orange: #fe6a00;--bg: var(--gray-900);--surface: var(--gray-800);--border: var(--gray-700);--text-primary: var(--gray-100);--text-secondary: var(--gray-500);--text-muted: var(--gray-600);--R: 20;--r-card: calc(var(--R) * 1px);--r-inner: max(0px, calc(var(--R) * 1px - 8px));--r-sm: max(0px, calc(var(--R) * .5px));--r-xs: max(0px, calc(var(--R) * .3px));--radius-2: 2px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-24: 24px;--radius-full: 9999px;--input-px: 24px;--glass-bg: rgba(26, 26, 26, .82);--glass-blur: blur(24px) saturate(180%);--glass-shadow: inset 0 0 0 1px rgba(255,255,255,.03);--glass-border-grad: linear-gradient( 135deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,.09) 8%, rgba(255,255,255,.03) 18%, rgba(255,255,255,.03) 35%, rgba(255,255,255,.03) 65%, rgba(255,255,255,.03) 82%, rgba(255,255,255,.09) 92%, rgba(255,255,255,.22) 100% );--fill-inner: rgba(255,255,255,.1);--fill-inner-hover: rgba(255,255,255,.18);--border-dashed: rgba(255,255,255,.12);--ease-out: cubic-bezier(.165, .84, .44, 1);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--ease-in: cubic-bezier(.55, .055, .675, .19);--dur-fast: .1s;--dur-mid: .22s;--dur-slow: .35s;--size-h1: 32px;--size-h2: 24px;--size-h3: 20px;--size-body-large: 16px;--size-body-medium: 14px;--leading-h1-display: 36px;--leading-h1-body: 40px;--leading-h2-display: 30px;--leading-h2-body: 32px;--leading-h3-display: 22px;--leading-h3-body: 28px;--leading-body-large-display: 18px;--leading-body-large-body: 22px;--leading-body-medium-display: 16px;--leading-body-medium-body: 20px}html[data-theme=light]{--bg: #f2f1ef;--surface: #ffffff;--border: #e0e0db;--text-primary: #111111;--text-secondary: #909090;--text-muted: #b8b8b8;--glass-bg: #ffffff;--glass-blur: none;--glass-shadow: none;--glass-border-grad: none;--fill-inner: rgba(0,0,0,.05);--fill-inner-hover: rgba(0,0,0,.1);--border-dashed: rgba(0,0,0,.1)}@media(max-width:800px){:root{--size-h1: 22px;--size-h2: 18px;--size-h3: 15px;--leading-h1-display: 26px;--leading-h1-body: 28px;--leading-h2-display: 22px;--leading-h2-body: 24px;--leading-h3-display: 17px;--leading-h3-body: 21px;--size-body-medium: 13px;--leading-body-medium-display: 15px;--leading-body-medium-body: 18px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color .22s ease,color .22s ease,border-color .22s ease,fill .22s ease,stroke .22s ease!important}html{font-family:Neue Montreal,Inter,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:NeueMontreal,Pretendard,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:var(--bg);color:var(--text-primary);min-height:100dvh;display:flex;padding:8px;gap:8px;overflow-x:clip;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}img{display:block;max-width:100%}ul,ol{list-style:none}.h1-display{font-size:var(--size-h1);line-height:var(--leading-h1-display);font-weight:500}.h1-body{font-size:var(--size-h1);line-height:var(--leading-h1-body);font-weight:500}.h2-display{font-size:var(--size-h2);line-height:var(--leading-h2-display);font-weight:500}.h2-body{font-size:var(--size-h2);line-height:var(--leading-h2-body);font-weight:500}.h3-display{font-size:var(--size-h3);line-height:var(--leading-h3-display);font-weight:500}.h3-body{font-size:var(--size-h3);line-height:var(--leading-h3-body);font-weight:500}.body-large-display{font-size:var(--size-body-large);line-height:var(--leading-body-large-display);font-weight:500}.body-large-body{font-size:var(--size-body-large);line-height:var(--leading-body-large-body);font-weight:400}.body-medium-display{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-display);font-weight:500}.body-medium-body{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);font-weight:400}.sb-block,.content-topbar,.detail-header-bar,.listing-item,.feed-card,.section-card,.detail-leftnav,.sheet-card,.gallery-img-link,dialog{position:relative}.sb-block:before,.content-topbar:before,.detail-header-bar:before,.listing-item:before,.feed-card:before,.section-card:before,.detail-leftnav:before,.sheet-card:before,.gallery-img-link:before,dialog:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--glass-border-grad);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}html[data-theme=light] .sb-block:before,html[data-theme=light] .content-topbar:before,html[data-theme=light] .detail-header-bar:before,html[data-theme=light] .listing-item:before,html[data-theme=light] .feed-card:before,html[data-theme=light] .section-card:before,html[data-theme=light] .detail-leftnav:before,html[data-theme=light] .sheet-card:before,html[data-theme=light] .gallery-img-link:before,html[data-theme=light] dialog:before,html[data-theme=light] .mobile-header-block:before,html[data-theme=light] .mobile-welcome-block:before,html[data-theme=light] .mobile-recent-block:before,html[data-theme=light] .mobile-nav-pill:before,html[data-theme=light] .mobile-scroll-nav:before{display:none}#sidebar{width:350px;flex-shrink:0;align-self:flex-start;position:sticky;top:8px;display:flex;flex-direction:column;gap:8px}.sb-block{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);flex-shrink:0;box-shadow:var(--glass-shadow)}.sb-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.sb-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-inner);background:var(--fill-inner);flex-shrink:0;color:var(--text-primary);transition:background .15s var(--ease-in-out)}.sb-icon-btn:hover{background:var(--fill-inner-hover)}.icon{display:inline-block;background:currentColor;flex-shrink:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.icon-contrast{width:16px;height:16px;-webkit-mask-image:url(/icons/contrast.svg);mask-image:url(/icons/contrast.svg)}.icon-plus{width:20px;height:20px;-webkit-mask-image:url(/icons/plus.svg);mask-image:url(/icons/plus.svg)}.icon-layers{width:20px;height:20px;-webkit-mask-image:url(/icons/layers.svg);mask-image:url(/icons/layers.svg)}.icon-notif{width:20px;height:20px;-webkit-mask-image:url(/icons/notification.svg);mask-image:url(/icons/notification.svg)}.icon-layout{width:20px;height:20px;-webkit-mask-image:url(/icons/layout.svg);mask-image:url(/icons/layout.svg)}.icon-send{width:20px;height:20px;-webkit-mask-image:url(/icons/send.svg);mask-image:url(/icons/send.svg)}.icon-disc{width:16px;height:16px;-webkit-mask-image:url(/icons/disc.svg);mask-image:url(/icons/disc.svg)}.icon-logo{display:inline-block;width:87px;height:16px;background:currentColor;flex-shrink:0;-webkit-mask-image:url(/icons/logo.svg);mask-image:url(/icons/logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center left;mask-position:center left;-webkit-mask-size:contain;mask-size:contain}.sb-logo{color:var(--text-primary);display:flex;align-items:center}.sb-welcome{padding:16px;display:flex;flex-direction:column;gap:0;cursor:pointer}.sb-welcome-label{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-secondary);margin-bottom:0}.sb-welcome-text{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-primary)}.sb-nav-block{padding:8px}.sb-nav-grid{display:flex;flex-direction:column;gap:8px}.sb-nav-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px;border-radius:var(--r-inner);transition:opacity .15s,background .1s var(--ease-out),border-color .1s var(--ease-out),color .1s var(--ease-out);text-decoration:none;color:inherit;border:1px dashed var(--border-dashed);background:transparent;text-align:left}.sb-nav-item[data-accent=blue]:hover,.sb-nav-item[data-accent=blue].active{background:var(--point-blue);border-color:transparent}.sb-nav-item[data-accent=red]:hover,.sb-nav-item[data-accent=red].active{background:var(--point-red);border-color:transparent}.sb-nav-item[data-accent=orange]:hover,.sb-nav-item[data-accent=orange].active{background:var(--point-orange);border-color:transparent}.sb-nav-item[data-accent=yellow]:hover,.sb-nav-item[data-accent=yellow].active{background:var(--point-yellow);border-color:transparent}.sb-nav-item:hover,.sb-nav-item.active:hover{opacity:1}.nav-left{display:flex;align-items:center;gap:8px}.nav-title{font-size:var(--size-body-medium);font-weight:500;line-height:var(--leading-body-medium-display);color:var(--text-primary)}.nav-sub{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-secondary)}.nav-icon{color:var(--text-muted);width:16px;height:16px}.sb-nav-item[data-accent]:hover .nav-title,.sb-nav-item[data-accent].active .nav-title{color:var(--gray-100)}.sb-nav-item[data-accent]:hover .nav-sub,.sb-nav-item[data-accent].active .nav-sub{color:var(--white-medium)}.sb-nav-item[data-accent]:hover .nav-icon,.sb-nav-item[data-accent].active .nav-icon{color:var(--gray-100)}.sb-nav-item[data-accent=yellow]:hover .nav-title,.sb-nav-item[data-accent=yellow].active .nav-title{color:var(--gray-900)}.sb-nav-item[data-accent=yellow]:hover .nav-sub,.sb-nav-item[data-accent=yellow].active .nav-sub{color:var(--black-medium)}.sb-nav-item[data-accent=yellow]:hover .nav-icon,.sb-nav-item[data-accent=yellow].active .nav-icon{color:var(--gray-900)}.sb-recent{min-height:96px;display:flex;align-items:center;gap:12px;padding:8px;text-decoration:none;color:inherit;cursor:pointer}.sb-recent-thumb{width:80px;height:80px;border-radius:var(--r-inner);background:var(--white-weak);flex-shrink:0;overflow:hidden}.sb-recent-thumb img{width:100%;height:100%;object-fit:cover}.sb-recent-title{display:block;font-size:var(--size-body-medium);font-weight:500;line-height:var(--leading-body-medium-body);color:var(--text-primary)}.sb-recent-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-secondary)}.sb-recent-empty{pointer-events:none}.sb-recent-empty .sb-recent-title,.sb-recent-empty .sb-recent-sub{color:var(--text-muted)}.sb-recent>div:first-child:not(.sb-recent-thumb){padding:8px 0 8px 8px}.sb-overview{padding:16px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.sb-overview-label{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-secondary)}.sb-overview-text{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-primary)}.sb-project-nav{flex:1;min-height:0;padding:8px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;position:relative}.sb-purchase-block{display:flex;flex-direction:column;gap:8px;padding:8px;flex-shrink:0}.sb-purchase-preview{height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-inner);background:var(--border);font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary);text-decoration:none;padding:0 8px;transition:opacity .15s}.sb-purchase-preview:hover{opacity:.7}.sb-purchase-btn{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--r-inner);background:var(--gray-200);font-size:var(--size-body-medium);font-weight:500;color:var(--gray-900);text-decoration:none;padding:0 8px;transition:opacity .15s}.sb-purchase-btn:hover{opacity:.85}.sb-purchase-icon{width:20px;height:20px;object-fit:contain;border-radius:4px}.sb-radius-block{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:relative;cursor:pointer;user-select:none}.sb-radius-label{font-size:var(--size-body-medium);color:var(--text-secondary);flex-shrink:0;position:relative;z-index:1;pointer-events:none}.sb-radius-value{font-size:var(--size-body-medium);color:var(--text-secondary);min-width:20px;text-align:right;flex-shrink:0;position:relative;z-index:1;pointer-events:none}.sb-radius-handle{position:absolute;width:10px;height:40px;top:4px;background:var(--white-strong);border-radius:0;cursor:grab;z-index:2;transition:border-radius .15s ease}.sb-radius-handle:active{cursor:grabbing}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.content-topbar{height:48px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);flex-shrink:0;display:flex;align-items:center;padding:0 8px;gap:8px;position:sticky;top:8px;z-index:10;box-shadow:var(--glass-shadow)}.filter-bar{display:flex;align-items:center;gap:8px;flex:1;position:relative}.filter-pill{position:absolute;top:0;left:0;height:32px;width:0;border-radius:var(--r-inner);background:var(--fill-inner);pointer-events:none;z-index:0}.filter-btn{height:32px;padding:0 12px;border-radius:var(--r-inner);font-size:var(--size-body-medium);font-weight:500;line-height:var(--leading-body-medium-body);color:var(--text-primary);background:transparent;position:relative;z-index:1}.filter-btn:hover{background:transparent}.filter-btn.active{background:transparent;color:var(--text-primary)}.topbar-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-inner);background:var(--fill-inner);flex-shrink:0;margin-left:auto;color:var(--text-primary);transition:background .15s var(--ease-in-out)}.topbar-icon-btn:hover{background:var(--fill-inner-hover)}.listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-content:start;position:relative}#template-grid{grid-template-columns:repeat(2,1fr)}#work-grid{display:flex;gap:8px;align-items:flex-start}.work-masonry-col{flex:1;display:flex;flex-direction:column;gap:8px}.gallery-project{display:flex;flex-direction:column;gap:8px}.gallery-img-link{display:block;position:relative;border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:inherit;transition:filter .25s ease,opacity .25s ease}.gallery-img-link:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--glass-shadow);pointer-events:none;z-index:1}.gallery-img-link.is-dimmed{filter:grayscale(1);opacity:.35}.gallery-img-link img{width:100%;height:auto;display:block;opacity:0;transition:opacity .3s ease}.gallery-img-link img.is-loaded{opacity:1}.listing-item{display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:var(--r-card);padding:8px;gap:0;text-decoration:none;color:inherit;transition:opacity .2s}.listing-item:hover{opacity:.8}.listing-item-thumb{aspect-ratio:1 / 1;background:var(--white-weak);border-radius:var(--r-inner);overflow:hidden;flex-shrink:0}.listing-item-thumb--portrait{aspect-ratio:4 / 5}.listing-item-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease-out)}.listing-item:hover .listing-item-thumb img{transform:none}.listing-item-info{padding:8px 8px 0;display:flex;flex-direction:column;gap:0}.listing-item-info h2{font-size:var(--size-body-medium);font-weight:500;line-height:var(--leading-body-medium-body);color:var(--text-primary)}.listing-item-info span{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-secondary)}.feed-grid{columns:3;column-gap:8px}.feed-card{break-inside:avoid;margin-bottom:8px;display:block;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:var(--r-card);padding:8px;color:inherit;text-decoration:none;cursor:pointer;transition:opacity .15s}.feed-card:hover{opacity:.8}.feed-card-thumb{border-radius:var(--r-inner);overflow:hidden;background:var(--white-weak);aspect-ratio:1 / 1}.feed-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .3s ease}.feed-card-thumb img.is-loaded{opacity:1}.feed-card-body{padding:8px 8px 0;display:flex;flex-direction:column;gap:0}.feed-card-no-thumb .feed-card-body{padding:0 8px}.feed-card-title{font-size:var(--size-body-medium);font-weight:500;line-height:var(--leading-body-medium-body);color:var(--text-primary)}.feed-card-desc{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-secondary)}.feed-sheet-header{height:48px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.feed-sheet-name{font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary)}.feed-sheet-close-btn{position:absolute;right:8px;width:32px;height:32px;background:var(--fill-inner);border-radius:var(--r-inner);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);flex-shrink:0;transition:background .15s}.feed-sheet-close-btn:hover{background:var(--fill-inner-hover)}.feed-sheet-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 24px 48px;display:flex;flex-direction:column}.feed-sheet-h2{font-size:var(--size-h2);font-weight:500;line-height:1.25;color:var(--text-primary);margin:0 0 12px}.feed-sheet-desc{font-size:14px;line-height:1.4;color:var(--text-secondary);margin:0 0 4px}.feed-sheet-desc:empty{margin:0}.feed-img-wrap{margin-top:16px;border-radius:var(--r-inner);overflow:hidden}.feed-polaroid-img{width:100%;height:auto;display:block}.feed-sheet-body{display:flex;flex-direction:column;gap:8px;padding-top:8px}.detail-header-bar{height:48px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);box-shadow:var(--glass-shadow);flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 8px;position:sticky;top:8px;z-index:10}.detail-back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-inner);background:var(--fill-inner);color:var(--text-primary);flex-shrink:0;transition:opacity .15s}.detail-back-btn:hover{opacity:.7}.detail-bar-title{font-size:var(--size-body-medium);font-weight:500;line-height:1;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-bar-sep{width:1px;height:16px;background:var(--border);flex-shrink:0}.detail-bar-cats{font-size:var(--size-body-medium);color:var(--text-secondary);white-space:nowrap}.detail-body{display:flex;gap:8px;align-items:flex-start}.detail-leftnav{width:220px;flex-shrink:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:var(--r-card);padding:12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:8px}.detail-overview-block{padding:4px 4px 12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.detail-overview-label{font-size:var(--size-body-medium);color:var(--text-secondary);margin-bottom:4px}.detail-overview-text{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-primary)}.detail-nav-pill{position:absolute;top:0;left:0;width:0;height:32px;border-radius:var(--r-inner);background:var(--fill-inner);pointer-events:none;z-index:0}.detail-nav-item{display:flex;align-items:center;height:32px;padding:0 12px;border-radius:var(--r-inner);font-size:var(--size-body-medium);color:var(--text-secondary);position:relative;z-index:1;transition:color .15s}.detail-nav-item:hover{color:var(--text-primary)}.detail-nav-item.active{background:transparent;color:var(--text-primary)}.detail-sections{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.section-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:var(--r-card);overflow:hidden}.section-hero img,.section-hero video{width:100%;height:auto;display:block}.section-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.section-grid2 img{width:100%;height:auto;display:block;border-radius:var(--r-inner)}.section-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.section-grid3 img{width:100%;height:auto;display:block;border-radius:var(--r-inner)}.section-text{display:flex;gap:24px;padding:16px}.section-text-label{width:120px;flex-shrink:0;font-size:var(--size-body-medium);color:var(--text-secondary);line-height:var(--leading-body-medium-body)}.section-text-body{flex:1;font-size:var(--size-h2);line-height:var(--leading-h2-body);color:var(--text-primary)}.section-imagetext{display:grid;grid-template-columns:1fr 1fr;gap:0}.section-imagetext img{width:100%;height:auto;display:block}.section-imagetext .section-text-body{padding:28px 32px}.section-video{aspect-ratio:16 / 9}.section-video iframe{width:100%;height:100%;border:none;display:block}.sheet-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:8px;background:#0000;pointer-events:none;transition:background var(--dur-slow) var(--ease-in-out)}.sheet-overlay.is-open{background:#0009;pointer-events:all}.sheet-card{width:600px;height:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);display:flex;position:relative;flex-direction:column;overflow:hidden;transform:translateY(calc(100% + 16px));transition:transform var(--dur-slow) var(--ease-out);box-shadow:var(--glass-shadow)}.sheet-overlay.is-open .sheet-card{transform:translateY(0)}.sheet-header{height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.sheet-title{font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary)}.sheet-header .sb-icon-btn{position:absolute;right:8px}.sheet-body{overflow-y:auto;flex:1}.sheet-cover{height:280px;position:relative;overflow:hidden}.sheet-cover img{width:100%;height:100%;object-fit:cover;display:block}.sheet-headline{padding:28px 40px 0}.sheet-headline p{font-size:var(--size-h1);line-height:var(--leading-h1-display);font-weight:500;color:var(--text-primary);max-width:440px}.sheet-headline-muted{color:var(--text-secondary)!important}.sheet-row{display:grid;grid-template-columns:130px 1fr;padding:28px 40px 0;gap:0 0}.sheet-row-last{padding-bottom:40px}.sheet-row-label{font-size:var(--size-body-medium);color:var(--text-secondary);line-height:var(--leading-body-medium-body);padding-top:10px}.sheet-list{display:flex;flex-direction:column}.sheet-list-item{display:flex;align-items:center;justify-content:space-between;height:40px;font-size:var(--size-body-medium);color:var(--text-primary);border-bottom:1px solid var(--border);transition:color .15s}button.sheet-list-item{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left}.sheet-list-item-last,button.sheet-list-item-last{border-bottom:none}.sheet-list-item svg{color:var(--gray-600);transition:color .15s}.sheet-list-item:hover svg{color:var(--text-primary)}.about-fixed-header{height:48px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.about-header-title{font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary);transition:opacity .15s}.about-back-btn{position:absolute;left:8px;width:32px;height:32px;background:var(--fill-inner);border-radius:var(--r-inner);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transform:scale(0);opacity:0;transition:transform .25s var(--ease-out),opacity .15s}.about-close-btn{position:absolute;right:8px}#about-card.is-detail .about-back-btn{transform:scale(1);opacity:1}#about-card.is-detail .about-header-title{opacity:0;pointer-events:none}.about-panels-wrap{flex:1;overflow:hidden;min-height:0}.about-panels{display:flex;flex-direction:row;width:200%;height:100%;transition:transform var(--dur-slow) var(--ease-out)}.about-panels.is-detail{transform:translate(-50%)}.about-panel{width:50%;overflow-y:auto;flex-shrink:0}.about-detail-body{padding:32px 40px 48px}.about-detail-headline{margin-bottom:40px}.about-detail-headline p{font-size:var(--size-h1);font-weight:500;line-height:var(--leading-h1-display);color:var(--text-primary)}.about-detail-headline-muted{color:var(--text-secondary)!important}.about-detail-section{display:grid;grid-template-columns:160px 1fr;gap:0 16px;margin-bottom:40px}.about-detail-section-last{margin-bottom:0}.about-section-label{font-size:var(--size-body-medium);color:var(--text-secondary);line-height:var(--leading-body-medium-body)}.about-section-text{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-primary)}.about-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.about-cap-col p{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-primary)}.about-projects{display:flex;flex-direction:column;gap:8px}.about-project-card{text-decoration:none;color:inherit;display:block;transition:opacity .15s}.about-project-card:hover{opacity:.75}.about-project-thumbs{display:block}.about-project-thumbs img{width:100%;height:auto;display:block;border-radius:var(--r-xs)}.about-project-info{padding:6px 0 0}.about-project-title{font-size:var(--size-body-medium);font-weight:500;display:block;color:var(--text-primary)}.about-project-sub{font-size:var(--size-body-medium);color:var(--text-secondary);display:block}.about-project-empty{font-size:var(--size-body-medium);color:var(--text-secondary);padding:12px 0;grid-column:1 / -1}.sheet-clients{display:grid;grid-template-columns:1fr 1fr;padding:8px 0}.sheet-clients-col p{font-size:var(--size-body-medium);line-height:var(--leading-body-medium-body);color:var(--text-primary)}.contact-headline{padding:28px 40px 32px}.contact-headline p{font-size:var(--size-h1);line-height:var(--leading-h1-display);font-weight:500;color:var(--text-primary)}.contact-headline-muted{color:var(--text-secondary)!important}.contact-form{display:flex;flex-direction:column;gap:24px;padding:0 40px 32px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-label{font-size:var(--size-body-medium);color:var(--text-secondary);line-height:var(--leading-body-medium-body)}.contact-input{height:52px;background:var(--fill-inner);border:none;border-radius:var(--r-inner);padding:0 16px;font-family:inherit;font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary);outline:none;transition:background .15s var(--ease-in-out)}.contact-input::placeholder{color:var(--text-secondary)}.contact-input:focus{background:var(--fill-inner-hover)}.contact-project-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.contact-project-btn{height:52px;border-radius:var(--r-inner);font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary);background:transparent;border:1px dashed var(--border-dashed);cursor:pointer;transition:background .15s var(--ease-in-out),color .15s var(--ease-in-out),opacity .15s}.contact-project-btn.active{background:var(--fill-inner);border:1px solid var(--text-primary);border-style:solid}.contact-submit{height:52px;width:100%;background:var(--gray-200);color:var(--gray-900);border:none;border-radius:var(--r-inner);font-family:inherit;font-size:var(--size-body-medium);font-weight:500;cursor:pointer;transition:opacity .15s}.contact-submit:hover{opacity:.85}.contact-submit:disabled{opacity:.5;cursor:not-allowed}#contact-status{font-size:var(--size-body-medium);color:var(--text-secondary);text-align:center;margin-top:-8px}dialog{position:fixed;inset:0;margin:auto;width:100%;max-width:560px;max-height:85dvh;overflow-y:auto;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-primary);border:none;box-shadow:var(--glass-shadow);border-radius:var(--r-card);padding:32px 32px 36px}dialog::backdrop{background:#000000a6;backdrop-filter:blur(8px)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-inner);background:var(--fill-inner);color:var(--text-secondary);font-size:12px;transition:background .15s var(--ease-in-out),color .15s var(--ease-in-out),opacity .15s}.modal-close:hover{background:var(--fill-inner-hover);color:var(--text-primary)}dialog h2{font-size:var(--size-h2);line-height:var(--leading-h2-display);font-weight:500}#contact-form{display:flex;flex-direction:column;gap:24px}#contact-form textarea{resize:vertical;min-height:96px}#contact-form button[type=submit]{align-self:flex-start;background:var(--text-primary);color:var(--bg);border-radius:var(--r-inner);padding:10px 24px;font-size:var(--size-body-medium);font-weight:500;margin-top:4px;transition:opacity .15s}#contact-form button[type=submit]:hover{opacity:.85}#contact-form button[type=submit]:disabled{opacity:.4;cursor:not-allowed}#contact-status{font-size:var(--size-body-medium);color:var(--text-secondary)}.mp-header{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 16px}.mp-header-title{font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary)}.mp-close-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.mp-headline{padding:28px 28px 20px;line-height:1.15}.mp-headline-brand{font-size:32px;font-weight:500;color:var(--text-primary)}.mp-headline-sub{font-size:32px;font-weight:500;color:var(--text-secondary)}.mp-body{display:flex;gap:16px;padding:0 28px 24px;flex:1;min-height:0;overflow:hidden;align-items:flex-start}.mp-now{flex:0 0 220px;background:var(--fill-inner);border-radius:var(--r-card);padding:14px;display:flex;flex-direction:column;gap:10px;position:relative}.mp-now-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.mp-lp-wrap{background:var(--text-muted);border-radius:50%;padding:8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;flex-shrink:0;position:relative;cursor:pointer;border:none}.mp-lp{width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;animation:mp-spin 5s linear infinite;animation-play-state:paused;display:block}.mp-lp.is-playing{animation-play-state:running}@keyframes mp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-now-info{display:flex;flex-direction:column;gap:2px}.mp-now-title{font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary)}.mp-now-artist{font-size:var(--size-body-medium);color:var(--text-secondary)}.mp-player-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;border:none}.mp-tracklist{flex:1;align-self:stretch;display:flex;flex-direction:column;gap:0;overflow-y:auto;min-height:0}.mp-tracklist::-webkit-scrollbar{width:4px}.mp-tracklist::-webkit-scrollbar-track{background:transparent}.mp-tracklist::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.mp-track{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-card);text-align:left;background:transparent;transition:background .12s;position:relative}.mp-track:hover,.mp-track.is-active{background:var(--fill-inner)}.mp-track-thumb{width:48px;height:48px;background:var(--fill-inner);border-radius:var(--r-inner);flex-shrink:0;overflow:hidden;position:relative}.mp-track.is-active .mp-track-thumb{background:var(--text-muted)}.mp-track-thumb img{width:100%;height:100%;object-fit:cover}.mp-track-thumb-empty{display:block;width:100%;height:100%}.mp-track-eq{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;opacity:0;transition:opacity .2s;pointer-events:none}#sheet-music[data-playing=true] .mp-track.is-active .mp-track-eq{opacity:1}.mp-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mp-track-name{font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-track-artist{font-size:var(--size-body-medium);color:var(--text-secondary)}html[data-theme=light] .section-card{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}html[data-theme=light] .filter-btn:not(.active){color:var(--text-secondary)}html[data-theme=light] .sb-recent-thumb,html[data-theme=light] .listing-item-thumb,html[data-theme=light] .feed-card-thumb,html[data-theme=light] .mobile-recent-thumb{background:var(--black-weak)}html[data-theme=light] .gallery-img-link.is-dimmed{opacity:.3}html[data-theme=light] .sb-radius-handle{background:#0003}html[data-theme=light] .sb-icon-btn .icon{background-color:var(--text-primary)}html[data-theme=light] .sb-purchase-preview{background:var(--fill-inner);color:var(--text-primary)}html[data-theme=light] .sb-purchase-btn{background:var(--text-primary);color:var(--bg)}html[data-theme=light] .mp-track.is-active .mp-track-thumb{background:var(--fill-inner-hover)}@media(max-width:800px){body{flex-direction:column;padding:0;gap:0}#sidebar{display:none}.mobile-header-block:before,.mobile-welcome-block:before,.mobile-recent-block:before,.mobile-nav-pill:before,.mobile-scroll-nav:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--glass-border-grad);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.mobile-topbar{display:flex!important;flex-direction:column;gap:8px;padding:8px 8px 0;position:sticky;top:0;z-index:50;flex-shrink:0}.mobile-header-block{height:48px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);display:flex;position:relative;align-items:center;justify-content:space-between;padding:0 8px;box-shadow:var(--glass-shadow)}#mobile-info{display:flex!important;flex-direction:column;gap:8px;padding:8px 8px 0}.mobile-welcome-block{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);padding:16px;position:relative;display:flex;flex-direction:column;gap:0;cursor:pointer;box-shadow:var(--glass-shadow)}.mobile-recent-block{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);box-shadow:var(--glass-shadow);position:relative;padding:8px;display:flex;align-items:center;gap:12px;flex-shrink:0;color:inherit;text-decoration:none;min-width:0}.mobile-recent-block .sb-recent-sub{-webkit-line-clamp:1}.mobile-recent-block .sb-recent-title{line-height:var(--leading-body-medium-body)}.mobile-recent-block>div:first-child:not(.mobile-recent-thumb){padding:8px 0 8px 8px}.mobile-recent-thumb{width:48px;height:48px;border-radius:var(--r-inner);background:var(--white-weak);flex-shrink:0;overflow:hidden}.mobile-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block}.content-topbar{position:static}.filter-bar{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.filter-bar::-webkit-scrollbar{display:none}.filter-bar .filter-btn{flex-shrink:0}.filter-bar[data-fade=start],.mobile-scroll-nav[data-fade=start]{-webkit-mask-image:linear-gradient(to right,black calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 48px),transparent 100%)}.filter-bar[data-fade=mid],.mobile-scroll-nav[data-fade=mid]{-webkit-mask-image:linear-gradient(to right,transparent,black 28px,black calc(100% - 48px),transparent 100%);mask-image:linear-gradient(to right,transparent,black 28px,black calc(100% - 48px),transparent 100%)}.filter-bar[data-fade=end],.mobile-scroll-nav[data-fade=end]{-webkit-mask-image:linear-gradient(to right,transparent,black 28px,black 100%);mask-image:linear-gradient(to right,transparent,black 28px,black 100%)}.mobile-scroll-nav{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:var(--r-card);height:48px;display:flex;align-items:center;gap:4px;padding:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-scroll-nav::-webkit-scrollbar{display:none}.mobile-scroll-nav .detail-nav-item{height:32px;padding:0 12px;border-radius:var(--r-inner);font-size:var(--size-body-medium);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;transition:color .15s,background .15s}.mobile-scroll-nav .detail-nav-item.active{background:var(--fill-inner);color:var(--text-primary)}@keyframes mobile-marquee{0%{transform:translate(0)}15%{transform:translate(0)}50%{transform:translate(var(--marquee-dx, 0px))}85%{transform:translate(var(--marquee-dx, 0px))}to{transform:translate(0)}}#mobile-bottom-nav{display:block!important;position:fixed;bottom:12px;left:calc(50% - 130px);width:260px;z-index:100;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile-nav-pill{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-card);height:52px;width:100%;position:relative;overflow:hidden;pointer-events:auto;box-shadow:var(--glass-shadow)}#mobile-tab-view,#mobile-detail-view{position:absolute;inset:0;display:flex;align-items:center;padding:8px;gap:8px}#mobile-detail-view{gap:12px;justify-content:flex-start;opacity:0;pointer-events:none}.mobile-tab-item{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:var(--r-inner);border:1px dashed var(--border-dashed);font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary);gap:0;text-decoration:none;background:transparent;overflow:hidden;transition:background-color .15s var(--ease-in-out),border-color .15s var(--ease-in-out),color .15s var(--ease-in-out),opacity .15s}.mobile-tab-item:not(.active):hover{opacity:.7}.mobile-tab-label{opacity:0;width:0;overflow:hidden;white-space:nowrap;pointer-events:none}.mobile-tab-item.active{justify-content:space-between;padding:0 8px 0 10px;gap:6px;border-color:transparent}.mobile-tab-item[data-accent=blue].active{background:var(--point-blue);color:var(--gray-100)}.mobile-tab-item[data-accent=red].active{background:var(--point-red);color:var(--gray-100)}.mobile-tab-item[data-accent=orange].active{background:var(--point-orange);color:var(--gray-100)}.mobile-tab-item[data-accent=yellow].active{background:var(--point-yellow);color:var(--gray-900)}.mobile-tab-item.active .mobile-tab-label{opacity:1}.mobile-back-item{width:36px;height:36px;border-radius:var(--r-inner);background:var(--fill-inner);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}.mobile-detail-info{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-detail-title{font-size:var(--size-body-medium);font-weight:500;color:var(--text-primary);white-space:nowrap;display:inline-block}.mobile-detail-title.is-marquee{animation:mobile-marquee 5s ease-in-out infinite}.mobile-detail-sub{font-size:12px;color:var(--text-secondary);white-space:nowrap}.main-content{padding:8px 8px 76px;gap:8px}.topbar-icon-btn{display:none}.content-topbar{border-radius:var(--r-card)}.listing-grid{grid-template-columns:1fr;gap:6px;padding:0}#work-grid .gallery-img-link{border-radius:var(--r-sm)}.feed-grid{columns:1}#template-grid,.listing-grid{grid-template-columns:repeat(2,1fr)}.section-grid2,.section-grid3,.section-imagetext,.contact-project-grid,.about-capabilities{grid-template-columns:1fr 1fr}.contact-headline,.contact-form{padding-left:20px;padding-right:20px}.sheet-cover{height:auto;overflow:visible}.sheet-cover img{height:auto;object-fit:unset}.sheet-headline,.sheet-row,.about-detail-body{padding-left:20px;padding-right:20px}.sheet-clients{grid-template-columns:1fr 1fr}.sheet-row{grid-template-columns:1fr;gap:4px}.about-detail-section{grid-template-columns:1fr;gap:8px}.detail-header-bar{display:none}.detail-body{flex-direction:column}.detail-leftnav{display:none}.section-text{flex-direction:column;gap:0;padding:16px}.section-text-label{width:auto}}