@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#F7F2EC;--bg-soft:#EFE7DD;--bg-card:#FFFFFF;--ink:#1F1A17;--ink-2:#4A3F38;--ink-3:#8A7C73;--line:#E5DCD0;--accent:#E15B4A;--accent-dk:#BA3F30;--accent-soft:#FBE4DD;--tech:#1B2030;--tech-soft:#E9EBF1;--gold:#B58858;--matcha:#6B7E5A;--fs-display:clamp(32px,4vw,48px);--fs-h1:clamp(28px,3vw,40px);--fs-h2:clamp(22px,2.2vw,30px);--fs-h3:20px;--fs-body:16px;--fs-small:13px;--fs-mono:12px;--gap-xl:120px;--gap-lg:64px;--gap-md:48px;--gap-sm:24px;--r-lg:16px;--r-md:12px;--r-sm:8px;--shadow-soft:0 2px 18px rgba(31,26,23,.06);--shadow-card:0 8px 24px -12px rgba(31,26,23,.18);--font-display:"Noto Serif SC",serif;--font-body:"Noto Sans SC",system-ui,sans-serif;--font-mono:ui-monospace,monospace;--font-hand:"Noto Serif SC",serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);font-size:var(--fs-body);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;font-style:normal;letter-spacing:-.01em;margin:0;text-wrap:balance}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;text-transform:uppercase}.container{max-width:1120px;margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 20px}}.section{padding:var(--gap-lg) 0}.section.tight{padding:64px 0}.section.dense{padding:40px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--ink-3);margin-bottom:18px}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.glass-menu{background:rgba(250,247,242,.85);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-md);box-shadow:0 20px 50px -10px rgba(31,26,23,.2);padding:8px}.glass-menu a{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--r-sm);color:var(--ink-2);font-size:14px;transition:background .15s,color .15s}.glass-menu a:hover{background:rgba(31,26,23,.06);color:var(--accent)}.glass-menu .divider{height:1px;background:rgba(31,26,23,.08);margin:6px 4px}.glass-menu .badge{font-family:var(--font-body);font-size:12px;letter-spacing:.04em;color:var(--accent);text-transform:none}.site-header .nav{height:64px;justify-content:space-between;gap:24px}.brand,.site-header .nav{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;display:block;background:#fff}.brand-name{font-weight:600;font-size:17px;letter-spacing:.02em}.nav-list{gap:28px;list-style:none;padding:0;margin:0;font-size:14px}@media (min-width:1100px){.nav-list{display:flex}}@media (max-width:1099px){.site-header .nav{height:56px}.brand-mark{width:36px;height:36px}}.nav-drop{position:relative}.nav-panel{display:none;position:absolute;top:100%;left:0;padding-top:12px;min-width:240px;z-index:30}.nav-drop:focus-within .nav-panel,.nav-drop:hover .nav-panel{display:block}.nav-list a{color:var(--ink-2);position:relative;padding:6px 0;transition:color .18s}.nav-list a:hover{color:var(--accent)}.nav-list a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent)}.site-header .btn.active{background:var(--accent-dk)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:500;cursor:pointer;transition:all .18s ease;background:var(--ink);color:var(--bg)}.btn.primary,.btn:hover{background:var(--accent)}.btn.primary{color:#fff}.btn.primary:hover{background:var(--accent-dk)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--bg)}.btn.sm{padding:8px 14px;font-size:13px}.btn.lg{padding:16px 28px;font-size:15px}.ph{background:var(--bg-soft);position:relative;overflow:hidden;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:var(--ink-3)}.ph:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0 12px,rgba(31,26,23,.025) 12px 13px)}.ph-label{position:relative;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);background:rgba(255,255,255,.6);padding:4px 10px;border-radius:999px;border:1px solid var(--line)}.ph.dark{background:var(--ink);color:rgba(255,255,255,.5)}.ph.dark:before{background-image:repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,255,255,.04) 12px 13px)}.ph.dark .ph-label{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.6)}.ph.tech{background:var(--tech);color:rgba(255,255,255,.55)}.ph.tech:before{background-image:repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,255,255,.05) 12px 13px)}.ph.accent{background:var(--accent);color:rgba(255,255,255,.85)}.ph.accent:before{background-image:repeating-linear-gradient(45deg,transparent 0 12px,rgba(255,255,255,.08) 12px 13px)}.grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:768px){.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3,.grid.cols-4,.grid.cols-5{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-5{grid-template-columns:repeat(5,1fr)}}.stat-row{display:flex;gap:48px;margin-top:40px;flex-wrap:wrap}.stat-item .stat-num{font-family:var(--font-display);font-size:44px;font-weight:600;color:var(--ink);letter-spacing:-.02em;line-height:1}.stat-item .stat-label{font-size:13px;color:var(--ink-3);margin-top:8px}.card{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--line);padding:24px}.work-card{display:block;cursor:pointer}.work-card .img{aspect-ratio:4/5;border-radius:var(--r-md);overflow:hidden;transition:transform .3s ease}@media (hover:hover){.work-card:hover .img{transform:translateY(-4px)}}.work-card .meta{padding-top:12px}.work-card .title{font-size:14px;font-weight:500;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.work-card .tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;background:var(--bg-soft);color:var(--ink-2);border:1px solid var(--line)}.tag.ip{background:var(--accent-soft);color:var(--accent-dk)}.tag.ip,.tag.tech{border-color:transparent}.tag.tech{background:var(--tech);color:#fff}.compare{position:relative;aspect-ratio:var(--compare-ratio,1/1);border-radius:var(--r-md);overflow:hidden;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--bg-soft);touch-action:none}.compare .layer{position:absolute;inset:0}.compare .layer.after{-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%)}.compare .divider{top:0;bottom:0;width:2px;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.compare .divider,.compare .handle{position:absolute;left:50%;background:#fff;pointer-events:none}.compare .handle{top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;box-shadow:0 4px 16px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.compare .label-l,.compare .label-r{position:absolute;top:14px;padding:4px 10px;border-radius:999px;font-family:var(--font-body);font-size:12px;letter-spacing:.04em;text-transform:none}.shop-mark{position:absolute;right:8px;bottom:6px;font-size:11px;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.45);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.compare .label-l{left:14px;background:rgba(255,255,255,.92);color:var(--ink)}.compare .label-r{right:14px;background:var(--ink);color:var(--bg)}.site-footer{background:var(--ink);color:rgba(255,255,255,.7);padding:64px 0 32px;margin-top:var(--gap-xl)}.site-footer h4{color:#fff;font-size:14px;margin-bottom:16px;font-family:var(--font-body);font-weight:600}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:0;font-size:13px}.site-footer li a{display:flex;align-items:center;min-height:36px}.site-footer a:hover{color:var(--accent)}.site-footer .copy{border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding-top:24px;font-size:12px;color:rgba(255,255,255,.4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.cta-band{background:var(--ink);color:var(--bg)}.cta-band .container{padding-top:80px;padding-bottom:80px}.cta-band h2{color:#fff}.cta-band .btn.primary{background:var(--accent);color:#fff}.cta-band .btn.primary:hover{background:var(--accent-dk)}.trust{display:flex;gap:32px;flex-wrap:wrap;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-item{gap:12px;flex:1 1;min-width:200px}.trust-item,.trust-item .icn{display:flex;align-items:center}.trust-item .icn{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);justify-content:center;color:var(--accent-dk);flex-shrink:0}.trust-item .lab{font-size:11px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.trust-item .val{font-size:14px;font-weight:500;color:var(--ink);margin-top:2px}.chip-rail{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--bg-card);border:1px solid var(--line);font-size:13px;color:var(--ink-2);cursor:pointer;transition:all .18s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip-count{font-family:var(--font-mono);font-size:10px;opacity:.6}.ip-section{background:var(--bg);color:var(--ink)}.style-hero{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:64px;gap:64px;align-items:end}@media (max-width:900px){.style-hero{grid-template-columns:1fr;gap:32px}}.form-row{display:grid;grid-gap:16px;gap:16px;margin-bottom:16px}@media (min-width:640px){.form-row.cols-2{grid-template-columns:1fr 1fr}}.field label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:6px;font-family:var(--font-body);letter-spacing:.04em;text-transform:none}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-card);font-family:inherit;font-size:16px;color:var(--ink);transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.blog-card{display:block;cursor:pointer}.blog-card .img{aspect-ratio:16/10;border-radius:var(--r-md);overflow:hidden}.blog-card h3{font-size:19px;line-height:1.3;margin-top:16px}.blog-card p{font-size:13px;color:var(--ink-3);line-height:1.6;margin-top:6px}.blog-card .meta{font-size:11px;color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-top:12px;display:flex;gap:12px}.festival-grid{display:grid;grid-template-columns:80px 1fr 120px 100px;grid-gap:24px;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.festival-grid:hover{background:var(--bg-soft)}.festival-grid .num{font-family:var(--font-display);font-size:38px;color:var(--ink-3);letter-spacing:-.02em}.festival-grid .num.upcoming{color:var(--accent)}.festival-grid .name{font-size:18px;font-weight:500}.festival-grid .date{font-size:13px;color:var(--ink-3);margin-top:4px}.festival-grid .deadline{font-size:12px;color:var(--ink-3);font-family:var(--font-mono)}@media (max-width:767px){.festival-grid{grid-template-columns:60px 1fr;gap:16px}.festival-grid>:nth-child(n+3){grid-column:2}}.team-card{display:grid;grid-template-columns:100px 1fr;grid-gap:20px;gap:20px}.team-card .avatar{aspect-ratio:1;border-radius:var(--r-md)}.map-canvas{position:relative;overflow:hidden;background:#FAF6EF;background-image:linear-gradient(rgba(31,26,23,.05) 1px,transparent 0),linear-gradient(90deg,rgba(31,26,23,.05) 1px,transparent 0);background-size:calc(100%/12) calc(100%/12)}.map-road{position:absolute;pointer-events:none}.map-road-h{left:0;right:0;border-top:1.5px dashed rgba(31,26,23,.16)}.map-road-v{top:0;bottom:0;border-left:1.5px dashed rgba(31,26,23,.16)}.map-road-label{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;color:rgba(31,26,23,.42);text-transform:uppercase}.map-landmark,.map-road-label{position:absolute;pointer-events:none}.map-landmark{transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.map-landmark .dot{width:7px;height:7px;border-radius:999px;background:rgba(31,26,23,.32);box-shadow:0 0 0 3px rgba(31,26,23,.04)}.map-landmark .label{font-size:10px;color:rgba(31,26,23,.62);white-space:nowrap;background:rgba(255,255,255,.78);padding:2px 7px;border-radius:3px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-pin-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;flex-direction:column}.map-pin,.map-pin-wrap{display:flex;align-items:center}.map-pin{width:44px;height:44px;border-radius:50% 50% 50% 0;background:var(--accent);transform:rotate(-45deg);justify-content:center;box-shadow:0 10px 24px -6px rgba(225,91,74,.55);position:relative;z-index:3}.map-pin>span{transform:rotate(45deg);font-size:18px}.map-pin-pulse{position:absolute;left:50%;top:22px;transform:translate(-50%,-50%);border-radius:999px;background:var(--accent);pointer-events:none}.map-pin-pulse-1{width:88px;height:88px;opacity:.12;animation:map-pulse 2.4s ease-in-out infinite}.map-pin-pulse-2{width:60px;height:60px;opacity:.22}.map-pin-label{margin-top:14px;background:var(--ink);color:#fff;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 6px 14px -4px rgba(31,26,23,.3);position:relative;z-index:3}@keyframes map-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.12}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.04}}.hero-headline{font-size:var(--fs-display);line-height:1.15;font-weight:600;font-style:normal;letter-spacing:-.02em}.hero-headline .accent{color:var(--accent);font-style:normal;font-family:var(--font-display)}.hero-headline .strike{text-decoration:line-through;text-decoration-thickness:2px;color:var(--ink-3);font-weight:400}.divider-line{height:1px;background:var(--line);margin:var(--gap-md) 0}.lead{font-size:18px;line-height:1.7;max-width:38em}.ks,.lead{color:var(--ink-2)}.ks{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--line)}.prose-cake{max-width:38em}.prose-cake h2{font-size:1.5rem;margin:2rem 0 .75rem}.prose-cake h2,.prose-cake h3{font-family:var(--font-display);font-weight:600;color:var(--ink)}.prose-cake h3{font-size:1.2rem;margin:1.5rem 0 .5rem}.prose-cake p{line-height:1.8;margin-bottom:1rem;color:var(--ink-2)}.prose-cake ul{list-style:disc}.prose-cake ol,.prose-cake ul{padding-left:1.5rem;margin-bottom:1rem}.prose-cake ol{list-style:decimal}.prose-cake li{margin-bottom:.25rem;line-height:1.7;color:var(--ink-2)}.prose-cake strong{color:var(--accent-dk)}details[open] summary .arrow{transform:rotate(90deg)}.arrow{transition:transform .2s}@media (min-width:768px){.col-hero{grid-template-columns:1.15fr 1fr}.col-wide{grid-template-columns:1fr 1.5fr}}@media (max-width:767px){.section{padding:48px 0}.section.tight{padding:36px 0}.section.dense{padding:28px 0}.cta-band .container{padding-top:48px;padding-bottom:48px}.site-footer{padding:44px 0 28px;margin-top:48px}.site-footer .copy{margin-top:32px}.stat-row{gap:24px 32px;margin-top:28px}.stat-item .stat-num{font-size:34px}.hero-media{margin-top:40px}.hero-thumb{display:none!important}.hero-review{position:static!important;max-width:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin-top:12px}.lead{font-size:16px}.grid.cols-3,.grid.cols-4,.grid.cols-5{grid-template-columns:repeat(2,1fr);gap:12px}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:20px 16px}.site-footer .footer-brand,.site-footer .footer-search{grid-column:1/-1}.site-footer li a{min-height:36px}.compare{aspect-ratio:auto;display:flex;flex-direction:column;gap:8px;cursor:default;overflow:visible;background:transparent}.compare .layer{position:relative;inset:auto;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden}.compare .layer.after{-webkit-clip-path:none!important;clip-path:none!important}.compare .divider,.compare .handle,.hint-desktop{display:none}.hint-mobile{display:block}}.filter-row{display:flex;align-items:center;gap:8px;min-width:0}.filter-label{flex:none;width:2.5rem;font-size:12px;color:var(--ink-3);letter-spacing:.08em}.filter-scroll{display:flex;gap:8px;flex:1 1;min-width:0;flex-wrap:wrap}.filter-scroll a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;font-size:14px;white-space:nowrap;border:1px solid var(--line);color:var(--ink-3)}.filter-scroll a.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.filter-scroll::-webkit-scrollbar{display:none}.filter-scroll{scrollbar-width:none}.crumb{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px;color:var(--ink-3);margin-bottom:24px}.crumb a:hover{color:var(--accent)}.work-title{font-size:var(--fs-h1);line-height:1.2;font-style:normal;margin-bottom:24px}.crumb-current{min-width:0}@media (max-width:767px){.filter-scroll{overflow-x:auto}.crumb,.filter-scroll{flex-wrap:nowrap}.crumb-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none}.gallery{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.gallery.cols-3,.gallery.cols-4,.gallery.cols-5{grid-template-columns:repeat(3,1fr)}}@media (min-width:1100px){.gallery.cols-4{grid-template-columns:repeat(4,1fr)}.gallery.cols-5{grid-template-columns:repeat(5,1fr)}}@media (max-width:767px){.gallery{gap:12px}}.hero-frame{max-width:460px;margin-left:auto}@media (min-width:768px){.hint-mobile{display:none}}.trust-line{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;margin:0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}.card-badge{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;padding:4px 10px;border-radius:999px;font-size:12px;z-index:1}.work-dock{display:none}@media (max-width:767px){.work-page{padding-bottom:88px}.work-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg);border-top:1px solid var(--line);padding:12px 20px calc(12px + env(safe-area-inset-bottom))}}