*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:#151817;background:#f5f6f3}a{color:inherit;text-decoration:none}button,input{font:inherit}.demo-switcher{position:fixed;z-index:60;right:18px;bottom:18px;display:flex;gap:6px;padding:6px;background:rgba(15,18,17,.84);border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.demo-switcher a{padding:8px 12px;border-radius:999px;color:#cdd5d2;font-size:11px}.demo-switcher a:hover,.demo-switcher a.active{background:#fff;color:#111}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:750}.tag{display:inline-block;padding:6px 9px;border-radius:999px;background:#edf0eb;color:#55605b;font-size:10px}.demo-toast{position:fixed;z-index:90;left:50%;bottom:24px;translate:-50% 30px;padding:11px 16px;border-radius:999px;background:#121514;color:#fff;font-size:12px;opacity:0;transition:.25s}.demo-toast.show{translate:-50% 0;opacity:1}

/* Commerce */
.commerce{background:#f1eee7;color:#1d1c19}.shop-header{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;border-bottom:1px solid #d8d3ca;background:#f7f4ed}.shop-logo{font-family:Georgia,serif;font-size:24px;font-weight:900}.shop-nav{display:flex;gap:28px;font-size:12px}.shop-actions{display:flex;justify-content:flex-end;gap:14px}.icon-button{border:0;background:none;cursor:pointer}.shop-hero{min-height:540px;display:grid;grid-template-columns:1fr 1fr;background:#d9d2c5}.shop-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:7vw}.shop-hero-copy small{letter-spacing:.2em}.shop-hero h1{max-width:560px;margin:22px 0;font-family:Georgia,serif;font-size:clamp(54px,7vw,104px);font-weight:500;line-height:.88;letter-spacing:-.06em}.shop-hero p{max-width:430px;color:#625e57;line-height:1.8}.shop-cta{width:max-content;margin-top:24px;padding:14px 22px;background:#1d1c19;color:#fff}.shop-hero-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#b6a793,#e9e2d7)}.shop-object{position:absolute;border-radius:48% 48% 18% 18%;box-shadow:0 35px 60px rgba(65,50,34,.22)}.shop-object.one{left:13%;bottom:-6%;width:43%;height:76%;background:linear-gradient(145deg,#2f332c,#8f937d);transform:rotate(-8deg)}.shop-object.two{right:9%;top:9%;width:36%;height:67%;background:linear-gradient(145deg,#d88a6f,#f0cab8);transform:rotate(12deg)}.shop-object:before{content:"";position:absolute;top:-8%;left:35%;width:30%;height:15%;border:10px solid #c5b08d;border-bottom:0;border-radius:20px 20px 0 0}.shop-section{padding:80px 4vw}.shop-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.shop-section h2{margin:0;font-family:Georgia,serif;font-size:40px}.filter-tabs{display:flex;gap:8px}.filter-tabs button{padding:9px 13px;border:1px solid #cbc5ba;background:transparent;cursor:pointer}.filter-tabs button.active{background:#1d1c19;color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{transition:.25s}.product.hidden{display:none}.product-image{position:relative;aspect-ratio:.82;overflow:hidden;background:var(--product-bg,#ddd)}.product-image:after{content:"";position:absolute;left:25%;right:25%;top:17%;bottom:9%;border-radius:44% 44% 15% 15%;background:var(--product-color,#555);filter:drop-shadow(0 22px 18px rgba(0,0,0,.15));transition:.35s}.product:hover .product-image:after{transform:translateY(-8px) rotate(2deg)}.product-meta{display:flex;justify-content:space-between;padding:14px 2px}.product-meta strong{font-size:13px}.product-meta span{color:#6e6a62;font-size:12px}.product button{position:absolute;right:12px;bottom:12px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fff;cursor:pointer}.shop-story{display:grid;grid-template-columns:1.1fr .9fr;min-height:480px;margin:0 4vw 80px;background:#252a24;color:#fff}.story-art{background:radial-gradient(circle at 40% 40%,#d4a27f,transparent 22%),linear-gradient(135deg,#67705e,#252a24)}.story-copy{display:flex;flex-direction:column;justify-content:center;padding:70px}.story-copy h2{font-family:Georgia,serif;font-size:48px;margin:12px 0}.story-copy p{color:#c5cbc2;line-height:1.8}

/* SaaS */
.saas{height:100vh;overflow:hidden;background:#eef2f7;color:#17202b}.app-shell{height:100%;display:grid;grid-template-columns:220px 1fr}.app-side{display:flex;flex-direction:column;padding:24px 16px;background:#101722;color:#b8c1cc}.app-brand{padding:0 10px 28px;color:#fff;font-size:20px;font-weight:900}.app-side nav{display:grid;gap:6px}.app-side nav button{padding:12px;border:0;border-radius:9px;background:transparent;color:inherit;text-align:left;cursor:pointer}.app-side nav button.active,.app-side nav button:hover{background:#243044;color:#fff}.workspace-pill{margin-top:auto;padding:14px;border:1px solid #2e3a4c;border-radius:12px;font-size:11px}.app-main{overflow:auto;padding:0 30px 40px}.app-top{position:sticky;z-index:5;top:0;height:70px;display:flex;align-items:center;gap:16px;background:rgba(238,242,247,.92);backdrop-filter:blur(12px)}.app-top h1{margin:0 auto 0 0;font-size:20px}.app-search{width:260px;padding:10px 14px;border:1px solid #d7dfe8;border-radius:9px;background:#fff}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#6f5df4;color:#fff;font-size:11px}.dash-intro{display:flex;justify-content:space-between;align-items:end;padding:26px 0}.dash-intro h2{margin:0 0 6px;font-size:28px}.dash-intro p{margin:0;color:#6d7783;font-size:13px}.period-tabs button{padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#6c7682;cursor:pointer}.period-tabs button.active{background:#fff;color:#6f5df4;box-shadow:0 4px 12px rgba(35,48,66,.08)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{padding:20px;background:#fff;border:1px solid #e0e6ed;border-radius:14px}.metric-card small{color:#7a8490}.metric-card b{display:block;margin:10px 0 4px;font-size:27px}.metric-card i{color:#21a77b;font-size:11px;font-style:normal}.dash-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px}.dash-card{padding:22px;background:#fff;border:1px solid #e0e6ed;border-radius:14px}.dash-card h3{margin:0 0 20px;font-size:15px}.chart{height:245px;display:flex;align-items:end;gap:13px;padding-top:30px;border-bottom:1px solid #dfe5ec;background:repeating-linear-gradient(#fff 0 48px,#eef2f6 49px)}.chart i{flex:1;height:var(--h);border-radius:7px 7px 0 0;background:linear-gradient(#8a78ff,#6654e8);transition:.35s}.chart i:hover{filter:brightness(.9)}.activity{display:grid;gap:15px}.activity p{display:grid;grid-template-columns:34px 1fr;gap:10px;margin:0;font-size:12px}.activity i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eeeaff;color:#6f5df4;font-style:normal}.activity span{color:#818a94}.table-card{grid-column:1/-1}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th,.data-table td{padding:13px 10px;border-bottom:1px solid #edf0f4;text-align:left}.status{padding:5px 8px;border-radius:99px;background:#e7f7f0;color:#16815d;font-size:10px}

/* Portfolio */
.portfolio{background:#f5f0e8;color:#15120f}.folio-header{height:82px;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid #d6d0c7}.folio-logo{margin-right:auto;font-size:20px;font-weight:900}.folio-header nav{display:flex;gap:28px;font-size:12px}.folio-hero{min-height:560px;display:grid;grid-template-columns:1.2fr .8fr;padding:70px 4vw 40px}.folio-title small{letter-spacing:.18em}.folio-title h1{max-width:900px;margin:24px 0 0;font-family:Georgia,serif;font-size:clamp(68px,9vw,138px);font-weight:500;line-height:.82;letter-spacing:-.075em}.folio-title h1 em{color:#d2482e;font-style:italic}.folio-note{align-self:end;padding:0 4vw 30px;border-left:1px solid #c8c0b5}.folio-note p{font-size:18px;line-height:1.7}.folio-filters{display:flex;gap:8px;padding:0 4vw 28px}.folio-filters button{padding:8px 13px;border:1px solid #c8c0b5;background:transparent;cursor:pointer}.folio-filters button.active{background:#15120f;color:#fff}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:0 4vw 90px}.work{grid-column:span 6}.work:nth-child(3n){grid-column:span 12}.work.hidden{display:none}.work-art{position:relative;aspect-ratio:1.35;overflow:hidden;background:var(--work-bg)}.work-art:before,.work-art:after{content:"";position:absolute}.work-art:before{inset:15% 24%;background:var(--work-shape);border-radius:45% 45% 12% 12%;transform:rotate(var(--r,4deg))}.work-art:after{width:42%;height:12%;left:29%;bottom:17%;background:rgba(255,255,255,.8)}.work-meta{display:flex;justify-content:space-between;padding:13px 2px}.work-meta b{font-family:Georgia,serif;font-size:22px}.work-meta span{color:#746d64;font-size:11px}.folio-contact{display:grid;grid-template-columns:1fr auto;align-items:end;padding:80px 4vw;background:#d2482e;color:#fff}.folio-contact h2{max-width:850px;margin:0;font-family:Georgia,serif;font-size:70px;font-weight:500;line-height:.95}.folio-contact a{padding:14px 20px;border:1px solid #fff}

/* Media */
.media{background:#fff;color:#121518}.news-top{height:42px;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:11px}.news-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 3vw;border-bottom:4px solid #111}.news-logo{font-family:Georgia,serif;font-size:32px;font-weight:900}.news-date{justify-self:center;font-size:11px}.news-tools{justify-self:end}.news-nav{display:flex;gap:28px;padding:13px 3vw;border-bottom:1px solid #bbb;font-size:12px;font-weight:750;overflow:auto}.news-nav button{border:0;background:none;white-space:nowrap;cursor:pointer}.news-nav button.active{color:#e2372e}.news-layout{display:grid;grid-template-columns:1.45fr .8fr .75fr;gap:22px;padding:28px 3vw}.lead-story{padding-right:22px;border-right:1px solid #bbb}.lead-image{height:390px;background:linear-gradient(145deg,#173853,#7ab6c8);position:relative;overflow:hidden}.lead-image:before{content:"CITY / 07:30";position:absolute;left:25px;bottom:22px;color:#fff;font:700 12px monospace}.lead-story h1{margin:20px 0 12px;font-family:Georgia,serif;font-size:48px;line-height:1}.lead-story p{color:#5f666b;line-height:1.7}.story-list{display:grid;gap:18px}.story-item{padding-bottom:18px;border-bottom:1px solid #bbb}.story-thumb{height:135px;margin-bottom:12px;background:var(--news-bg)}.story-item h2{margin:6px 0;font-family:Georgia,serif;font-size:22px;line-height:1.1}.story-item small,.rank-list small{color:#e2372e;font-weight:800}.rank-column{padding-left:6px}.rank-column h2{margin-top:0;padding-bottom:12px;border-bottom:4px solid #111;font-family:Georgia,serif}.rank-list{counter-reset:rank}.rank-list article{position:relative;padding:16px 0 16px 35px;border-bottom:1px solid #bbb}.rank-list article:before{counter-increment:rank;content:counter(rank,decimal-leading-zero);position:absolute;left:0;font:700 12px monospace;color:#e2372e}.rank-list h3{margin:4px 0;font-size:15px;line-height:1.35}.news-strip{margin:20px 3vw 70px;padding:30px;background:#111;color:#fff}.news-strip-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.news-strip-head h2{font-family:Georgia,serif;font-size:34px;margin:0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.strip-grid article{min-height:180px;padding:18px;background:#202326}.strip-grid small{color:#ff665e}.strip-grid h3{font-family:Georgia,serif;font-size:21px}.newsletter{display:flex;align-items:center;gap:18px;padding:38px 3vw;border-top:1px solid #bbb}.newsletter h2{margin:0 auto 0 0;font-family:Georgia,serif;font-size:34px}.newsletter input{width:270px;padding:13px;border:1px solid #aaa}.newsletter button{padding:13px 18px;border:0;background:#e2372e;color:#fff}

@media(max-width:900px){.demo-switcher{display:none}.shop-header,.news-header{grid-template-columns:1fr auto}.shop-nav,.news-date{display:none}.shop-hero,.shop-story,.folio-hero{grid-template-columns:1fr}.shop-hero-art{min-height:420px}.product-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:70px 1fr}.app-brand{font-size:0}.app-brand:after{content:"P";font-size:20px}.app-side nav button{font-size:0;text-align:center}.app-side nav button:before{content:"•";font-size:18px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.folio-title h1{font-size:72px}.folio-note{border-left:0}.work{grid-column:span 12}.news-layout{grid-template-columns:1fr}.lead-story{padding-right:0;border-right:0}.rank-column{padding-left:0}.strip-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shop-header{padding:0 18px}.shop-hero-copy,.shop-section{padding:50px 18px}.shop-hero h1{font-size:54px}.product-grid,.metric-grid,.strip-grid{grid-template-columns:1fr}.shop-story{margin:0 18px 50px}.story-copy{padding:40px 24px}.app-main{padding:0 14px 30px}.app-search{display:none}.folio-header,.folio-hero,.folio-filters,.work-grid,.folio-contact{padding-left:18px;padding-right:18px}.folio-title h1{font-size:56px}.folio-contact{grid-template-columns:1fr;gap:30px}.folio-contact h2{font-size:48px}.news-layout{padding:20px 18px}.lead-image{height:260px}.lead-story h1{font-size:38px}.news-strip{margin:10px 18px 40px}.newsletter{align-items:stretch;flex-direction:column}.newsletter input{width:100%}}