*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f5f1;--surface:#fff;--ink:#111;--ink-2:#6b6866;--ink-3:#a09d9a;--accent:#c8a882;--accent-dark:#a8875e;--border:#e6e1da;--border-light:#f0ede8;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:Inter, "Inter Placeholder", sans-serif;--radius:4px;--radius-lg:12px;--transition:.4s cubic-bezier(.25, .46, .45, .94);--transition-fast:.2s cubic-bezier(.25, .46, .45, .94)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--ink);font-family:var(--font-sans);background:#fff;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}::selection{color:#fff;background:#62769e}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 32px}.container--narrow{max-width:760px}.page-wrapper{background:#fff;border-radius:20px;width:95%;margin:104px auto 24px;padding-bottom:0;overflow:hidden}.navbar-wrapper{z-index:100;pointer-events:none;justify-content:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar{pointer-events:all;-webkit-backdrop-filter:none;background:#ffffff4d;border:1px solid #e6e1da59;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;width:95%;height:76px;padding:0 28px 0 20px;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,box-shadow .3s;display:flex;box-shadow:0 2px 16px #1111110f}.navbar-wrapper.navbar--scrolled .navbar{-webkit-backdrop-filter:blur(20px);background:#ffffffe0;box-shadow:0 4px 24px #11111114}.navbar__logo{align-items:center;gap:10px;text-decoration:none;display:flex}.navbar__logo-icon{background:var(--ink);width:36px;height:36px;color:var(--surface);font-family:var(--font-serif);letter-spacing:.06em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.navbar__logo-name{color:var(--ink);letter-spacing:.02em;font-family:Bricolage Grotesque,Bricolage Grotesque Placeholder,sans-serif;font-size:18px;font-weight:500}.navbar__nav{align-items:center;gap:4px;display:flex}.navbar__link{color:var(--ink);transition:color var(--transition-fast), background var(--transition-fast);white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:16px;font-weight:400}.navbar__link:hover{color:var(--ink-2);background:0 0}.navbar__burger{flex-direction:column;gap:5px;width:28px;padding:4px 0;display:none}.navbar__burger span{background:var(--ink);height:1.5px;transition:transform var(--transition-fast), opacity var(--transition-fast);transform-origin:50%;display:block}.navbar__burger--open span:first-child{transform:translateY(3.25px)rotate(45deg)}.navbar__burger--open span:last-child{transform:translateY(-3.25px)rotate(-45deg)}.btn{font-family:var(--font-sans);letter-spacing:.04em;border-radius:var(--radius);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;display:inline-flex}.btn--primary{background:var(--ink);color:var(--surface)}.btn--primary:hover{background:var(--ink-2);transform:translateY(-1px)}.btn--ghost{color:var(--ink);border:1px solid var(--border);background:0 0}.btn--ghost:hover{border-color:var(--ink);transform:translateY(-1px)}.btn--outline{color:var(--ink);border:1px solid var(--border);background:0 0}.btn--outline:hover{border-color:var(--accent);color:var(--accent-dark)}.btn--large{padding:18px 40px;font-size:15px}.tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--border);border-radius:100px;align-items:center;padding:4px 12px;font-size:11px;font-weight:500;display:inline-flex}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:16px;font-size:11px;font-weight:500;display:block}.section-title{font-family:var(--font-serif);color:var(--ink);font-size:clamp(36px,5vw,60px);font-weight:400;line-height:1.1}.section-title__accent{color:var(--accent)}.section-header{margin-bottom:64px}.section-header--center{text-align:center}.section-title--mixed{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--ink);font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05}.section-title--mixed em{font-family:var(--font-serif);color:var(--accent);letter-spacing:-.01em;font-style:italic;font-weight:400}.hero{background:#f7f4ff;border-radius:20px;align-items:center;height:calc(100svh - 132px);padding:24px 32px 40px;display:flex}.hero__inner{width:100%;max-width:1200px;margin:0 auto}.hero__grid{grid-template-columns:1fr auto;align-items:center;gap:80px;display:grid}.hero__content{flex-direction:column;display:flex}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:32px;font-size:12px;font-weight:500}.hero__title{flex-direction:column;gap:0;margin-bottom:32px;display:flex}.hero__title-line{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);font-size:clamp(64px,9.5vw,128px);font-weight:600;line-height:.95}.hero__title-line:last-child{color:var(--ink-2);font-style:italic}.hero__tagline{font-family:var(--font-serif);color:var(--ink-2);margin-bottom:24px;font-size:clamp(20px,2.2vw,28px);font-weight:400;line-height:1.45}.hero__accent{color:var(--accent)}.hero__body{color:var(--ink-3);max-width:480px;margin-bottom:28px;font-size:15px;line-height:1.75}.hero__skills{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__portrait-wrap{flex-shrink:0}.hero__portrait{object-fit:cover;object-position:top center;border-radius:24px;width:clamp(260px,28vw,400px);height:clamp(320px,36vw,520px);display:block}.hero__scroll-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.projects-section{background:#fff;padding:100px 0 120px}.projects-header{border-bottom:1px solid var(--border);margin-bottom:72px;padding-bottom:32px}.projects-header--center{text-align:center}.projects-header__label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:14px;font-size:11px;font-weight:500;display:block}.projects-header__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);font-size:clamp(48px,6.5vw,96px);font-weight:600;line-height:.95}.projects-header__title em{font-family:var(--font-serif);color:var(--ink-2);font-style:italic;font-weight:600}.projects-header__count{font-family:var(--font-serif);color:var(--border);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;font-size:clamp(72px,9vw,110px);font-weight:300;line-height:1}.projects-section .container{max-width:1400px;padding:0 40px}.projects-grid{grid-template-columns:1fr 1fr;gap:64px 56px;display:grid}.projects-grid>*{min-width:0}.project-card-link{min-width:0;text-decoration:none;display:block}.project-card{flex-direction:column;gap:20px;display:flex}.project-card__header{flex-direction:column;gap:8px;display:flex}.project-card__category{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:600}.project-card__title{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.02em;transition:color var(--transition-fast);font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.15}.project-card-link:hover .project-card__title{color:var(--accent-dark)}.project-card__desc{color:var(--ink-2);max-width:420px;font-size:15px;line-height:1.65}.project-card__image-wrap{aspect-ratio:16/10;border-radius:16px;transition:box-shadow .5s cubic-bezier(.25,.46,.45,.94);overflow:hidden}.project-card-link:hover .project-card__image-wrap{box-shadow:0 16px 40px #11111117}.project-card__image{width:100%;height:100%}.project-card__placeholder{width:100%;height:100%;font-family:var(--font-serif);color:#1111114d;justify-content:center;align-items:center;font-size:32px;font-style:italic;font-weight:300;display:flex}.about-section{padding:120px 0}.about__grid{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.about__text .section-title{margin-bottom:28px}.about__body{color:var(--ink-2);margin-bottom:20px;font-size:16px;line-height:1.8}.about__body strong{color:var(--ink);font-weight:500}.about__links{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.skills-list{flex-wrap:wrap;gap:8px;margin-bottom:48px;display:flex}.skill-chip{color:var(--ink-2);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:13px}.about__meta{border-top:1px solid var(--border);gap:40px;padding-top:32px;display:flex}.about__meta-item{flex-direction:column;gap:4px;display:flex}.about__meta-value{font-family:var(--font-serif);color:var(--ink);font-size:28px;font-weight:400;line-height:1}.about__meta-label{color:var(--ink-3);letter-spacing:.04em;font-size:12px}.contact-section{color:#111;background:#f7f4ff;border-radius:20px}.contact__inner{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:100px 40px;display:flex}.contact__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#a09d9a;margin-bottom:32px;font-size:11px;font-weight:500}.contact__title{font-family:var(--font-serif);color:#111;letter-spacing:-.02em;margin-bottom:48px;font-size:clamp(44px,6.5vw,88px);font-weight:300;line-height:1.05}.contact__title em{color:#62769e;font-style:italic}.contact__email{color:#6b6866;letter-spacing:.01em;transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid #d9d4cd;align-items:center;gap:8px;margin-bottom:0;padding-bottom:4px;font-size:clamp(15px,1.8vw,20px);font-weight:400;display:inline-flex}.contact__email:hover{color:#111;border-color:var(--accent)}.contact__socials{align-items:center;gap:16px;display:flex}.contact__social-link{letter-spacing:.08em;text-transform:uppercase;color:#a09d9a;transition:color var(--transition-fast);font-size:13px}.contact__social-link:hover{color:#111}.contact__social-sep{color:#d9d4cd}.footer{border-top:1px solid var(--border-light);background:#fff;padding:32px 0}.footer__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.footer__copy{color:var(--ink-3);font-size:13px}.footer__links{gap:24px;display:flex}.footer__link{color:var(--ink-3);transition:color var(--transition-fast);font-size:13px}.footer__link:hover{color:var(--ink)}.footer__link--mail{align-items:center;gap:6px;display:flex}.cs-container{width:100%;max-width:1200px;margin:0 auto;padding:0 48px}.cs-hero{flex-direction:column;justify-content:center;min-height:100svh;padding:120px 48px 80px;display:flex;position:relative;overflow:hidden}.cs-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#ffffff2e 100%);position:absolute;inset:0}.cs-hero__back{z-index:10;position:absolute;top:40px;left:48px}.cs-back-link{letter-spacing:.06em;color:#11111180;transition:color var(--transition-fast);align-items:center;gap:8px;font-size:13px;font-weight:400;display:inline-flex}.cs-back-link:hover{color:#111111e6}.cs-back-link__arrow{transition:transform var(--transition-fast)}.cs-back-link:hover .cs-back-link__arrow{transform:translate(-3px)}.cs-hero__body{will-change:transform, opacity;max-width:1000px}.cs-hero__tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.cs-tag{letter-spacing:.1em;text-transform:uppercase;color:#11111180;border:1px solid #1111112e;border-radius:100px;align-items:center;padding:5px 14px;font-size:10px;font-weight:500;display:inline-flex}.cs-hero__title{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.03em;margin-bottom:32px;font-size:clamp(72px,11vw,160px);font-style:italic;font-weight:400;line-height:.92}.cs-hero__subtitle{font-family:var(--font-sans);color:#1111118c;max-width:560px;font-size:clamp(16px,1.8vw,22px);font-weight:400;line-height:1.5}.cs-hero__scroll{align-items:center;gap:16px;display:flex;position:absolute;bottom:40px;left:48px}.cs-hero__scroll-line{background:#11111140;width:48px;height:1px;display:block}.cs-hero__scroll-label{letter-spacing:.14em;text-transform:uppercase;color:#11111159;font-size:10px}.cs-meta{border-bottom:1px solid var(--border);background:#fff}.cs-meta__inner{flex-wrap:wrap;align-items:center;gap:0;padding:32px 0;display:flex}.cs-meta__item{flex-direction:column;gap:6px;padding:0 48px 0 0;display:flex}.cs-meta__item:first-child{padding-left:0}.cs-meta__divider{background:var(--border);flex-shrink:0;width:1px;height:40px;margin-right:48px}.cs-meta__label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:500}.cs-meta__value{color:var(--ink);font-size:15px;font-weight:400}.cs-section-num{font-family:var(--font-serif);letter-spacing:.04em;color:var(--ink-3);margin-right:12px;font-size:12px;font-weight:400}.cs-section-name{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);font-size:10px;font-weight:500}.cs-overview{background:#fff;padding:100px 0 80px}.cs-overview__inner{grid-template-columns:200px 1fr;align-items:start;gap:40px;display:grid}.cs-overview__label{flex-direction:column;gap:8px;padding-top:10px;display:flex;position:sticky;top:100px}.cs-overview__text{font-family:var(--font-serif);color:var(--ink-2);letter-spacing:-.01em;font-size:clamp(22px,2.6vw,32px);font-weight:300;line-height:1.65}.cs-gallery{background:#fff;padding-bottom:80px}.cs-gallery__header{flex-direction:column;gap:8px;padding-bottom:40px;display:flex}.cs-gallery__grid{grid-template-columns:1fr 1fr;gap:3px;display:grid}.cs-gallery__item{background:var(--border-light);overflow:hidden}.cs-gallery__item--full,.cs-gallery__item--wide{grid-column:1/-1}.cs-gallery__img{aspect-ratio:16/9;width:100%;overflow:hidden}.cs-gallery__item--full .cs-gallery__img{aspect-ratio:16/7}.cs-gallery__img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.cs-gallery__item:hover .cs-gallery__img img{transform:scale(1.02)}.cs-links{border-top:1px solid var(--border);background:#fff;padding:80px 0}.cs-links__inner{grid-template-columns:200px 1fr;align-items:start;gap:40px;display:grid}.cs-links__header{flex-direction:column;gap:8px;padding-top:8px;display:flex}.cs-links__list{flex-wrap:wrap;gap:12px;display:flex}.cs-link-btn{letter-spacing:.02em;color:var(--ink);border:1px solid var(--border);transition:all var(--transition-fast);border-radius:2px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:400;display:inline-flex}.cs-link-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.cs-link-btn__arrow{transition:transform var(--transition-fast);font-size:16px}.cs-link-btn:hover .cs-link-btn__arrow{transform:translate(2px,-2px)}.proj-nav{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.proj-nav__item{border-right:1px solid var(--border);transition:background var(--transition-fast);flex-direction:column;gap:14px;padding:44px 56px;text-decoration:none;display:flex}.proj-nav__item:last-child{border-right:none}.proj-nav__item:hover{background:var(--bg)}.proj-nav__item--next{text-align:right;align-items:flex-end}.proj-nav__empty{border-right:1px solid var(--border)}.proj-nav__empty:last-child{border-right:none}.proj-nav__content{flex-direction:column;gap:8px;display:flex}.proj-nav__content--right{align-items:flex-end}.proj-nav__dir{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:7px;font-size:10px;font-weight:500;display:flex}.proj-nav__content--right .proj-nav__dir{flex-direction:row-reverse}.proj-nav__arrow-icon{transition:transform var(--transition-fast);display:inline-block}.proj-nav__item--prev:hover .proj-nav__arrow-icon{transform:translate(-4px)}.proj-nav__item--next:hover .proj-nav__arrow-icon{transform:translate(4px)}.proj-nav__name{color:var(--ink);letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:.9}.proj-nav__sub{color:var(--ink-3);font-size:13px;line-height:1.4}@media (width<=900px){.projects-grid{grid-template-columns:1fr}.about__grid{grid-template-columns:1fr;gap:60px}.cs-overview__inner,.cs-links__inner{grid-template-columns:1fr;gap:24px}.cs-overview__label,.cs-links__header{flex-direction:row;align-items:center;position:static}.cs-gallery__grid{grid-template-columns:1fr}.cs-gallery__item--full .cs-gallery__img{aspect-ratio:16/9}.proj-nav{grid-template-columns:1fr}.proj-nav__item{border-right:none;border-bottom:1px solid var(--border)}.proj-nav__item:last-child{border-bottom:none}.proj-nav__item--next{text-align:left;align-items:flex-start}.proj-nav__content--right{align-items:flex-start}.proj-nav__content--right .proj-nav__dir{flex-direction:row}}@media (width<=768px){.container{padding:0 20px}.navbar-wrapper{top:0}.navbar{height:56px;padding:0 20px}.navbar__logo-name{display:none}.navbar__nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);opacity:0;transition:all var(--transition-fast);pointer-events:none;background:#fffffff7;border-radius:16px;flex-direction:column;gap:0;padding:12px;position:fixed;top:80px;left:12px;right:12px;transform:translateY(-8px);box-shadow:0 8px 32px #1111111a}.navbar__nav--open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar__link{border-bottom:none;border-radius:10px;width:100%;padding:12px 16px;font-size:15px}.navbar__burger{display:flex}.hero{height:auto;min-height:calc(100svh - 132px);padding:40px 20px}.hero__grid{grid-template-columns:1fr;gap:32px}.hero__portrait{object-position:top center;width:100%;height:clamp(220px,55vw,340px)}.hero__portrait-wrap{order:-1}.projects-grid{gap:48px}.projects-section,.about-section{padding:80px 0}.contact-section{padding:100px 0}.footer__inner{text-align:center;flex-direction:column;gap:16px}.cs-hero{padding:100px 24px 60px}.cs-hero__back{top:32px;left:24px}.cs-hero__scroll{left:24px}.cs-container{padding:0 24px}.cs-meta__inner{flex-wrap:wrap;gap:20px 0}.cs-meta__item{padding:0 32px 0 0}.cs-meta__divider{display:none}.cs-overview{padding:64px 0 48px}.cs-nav__item{padding:32px 24px}}@media (width<=480px){.hero__actions{flex-direction:column}.hero__actions .btn{justify-content:center;width:100%}.about__meta{flex-wrap:wrap;gap:24px}.cs-nav__thumb{display:none}}.pd{--pd-wrap:1160px;background:#fff}.pd-wrap{max-width:var(--pd-wrap);margin:0 auto;padding:0 64px}.pd-section-label{letter-spacing:.01em;text-transform:uppercase;color:var(--pd-accent);margin-bottom:40px;font-family:Syne,sans-serif;font-size:clamp(18px,2vw,26px);font-weight:600;line-height:1;display:block}.pd-hero{min-height:100svh;max-width:var(--pd-wrap);align-items:center;margin:0 auto;padding:80px 64px 64px;display:flex;position:relative}.pd-scroll-arrow{flex-direction:column;align-items:center;gap:4px;animation:1.6s ease-in-out infinite pd-arrow-bounce;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.pd-scroll-arrow svg{color:#aaa;width:20px;height:20px}@keyframes pd-arrow-bounce{0%,to{opacity:.5;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(6px)}}.pd-hero__grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:80px;width:100%;display:grid}.pd-hero__left{flex-direction:column;gap:0;display:flex}.pd-hero__title{color:var(--pd-accent);letter-spacing:-.02em;margin:24px 0 18px;font-family:Syne,sans-serif;font-size:clamp(40px,5vw,72px);font-weight:700;line-height:.9}.pd-hero__sub{font-family:var(--font-sans);color:#888;letter-spacing:-.01em;margin-bottom:48px;font-size:clamp(15px,1.4vw,19px);font-weight:400;line-height:1.5}.pd-meta{flex-direction:column;gap:0;margin-top:48px;display:flex}.pd-meta__year-row{align-items:center;gap:14px;margin-bottom:20px;display:flex}.pd-meta__year{letter-spacing:.2em;text-transform:uppercase;color:var(--pd-accent);white-space:nowrap;font-size:10px;font-weight:700}.pd-meta__year-line{background:color-mix(in srgb, var(--pd-accent) 25%, transparent);flex:1;height:1px}.pd-meta__primary{color:#1a1a1a;letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:500;line-height:1.35}.pd-meta__secondary{color:#999;letter-spacing:.03em;margin:0;font-size:13px;font-weight:300;line-height:1.7}.pd-hero__right{justify-content:center;align-items:center;height:520px;display:flex;position:relative}.pd-browser{background:#fff;border:1px solid #00000014;border-radius:8px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 20px 64px #0000001a,0 4px 16px #0000000f}.pd-browser--primary:hover{transform:translateY(-8px);box-shadow:0 32px 80px #00000024,0 8px 24px #00000014}.pd-browser--secondary:hover{transform:translateY(-6px);box-shadow:0 20px 56px #00000021,0 4px 14px #00000012}.pd-browser__bar{background:#f0eef0;border-bottom:1px solid #00000012;flex-shrink:0;align-items:center;gap:5px;height:30px;padding:0 10px;display:flex}.pd-browser__dot{border-radius:50%;width:10px;height:10px}.pd-browser__dot--red{background:#ff5f57}.pd-browser__dot--yellow{background:#ffbd2e}.pd-browser__dot--green{background:#28ca41}.pd-browser__url{color:#999;letter-spacing:.02em;background:#ffffffb3;border-radius:3px;flex:1;justify-content:center;align-items:center;height:16px;margin-left:8px;font-size:9px;display:flex}.pd-browser__screen{display:block;overflow:hidden}.pd-browser__screen img{object-fit:cover;object-position:top;width:100%;display:block}.pd-browser--primary{z-index:2;width:82%;position:absolute;top:0;left:0}.pd-browser--primary .pd-browser__screen img{height:auto}.pd-browser--h380 .pd-browser__screen img{object-fit:cover;object-position:top center;height:380px}.pd-browser--secondary{z-index:1;width:58%;position:absolute;bottom:0;right:0;box-shadow:0 12px 40px #00000017,0 2px 8px #0000000d}.pd-browser--secondary .pd-browser__screen img{object-fit:cover;object-position:top center;height:260px}.pd-photostack{width:100%;height:520px;position:relative}.pd-photo{border-radius:6px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden;box-shadow:0 16px 48px #0000002e,0 4px 12px #0000001a}.pd-photo img{object-fit:cover;object-position:top center;width:100%;height:260px;display:block}.pd-photo--l{z-index:2;width:80%;top:20px;left:0;transform:rotate(-5deg)}.pd-photo--l:hover{z-index:3;transform:rotate(-2deg)translateY(-8px);box-shadow:0 28px 64px #00000038,0 6px 18px #0000001f}.pd-photo--r{z-index:1;width:70%;bottom:20px;right:0;transform:rotate(4deg);box-shadow:0 20px 56px #00000038,0 4px 12px #0000001f}.pd-photo--r:hover{z-index:3;transform:rotate(1.5deg)translateY(-8px);box-shadow:0 32px 72px #00000042,0 8px 20px #00000024}.pd-photostack:hover .pd-photo:not(:hover){opacity:.75;filter:brightness(.88);transition:opacity .4s,filter .4s}.pd-cardstack{perspective:1200px;width:100%;height:520px;position:relative}.pd-crd{border-radius:12px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);position:absolute;overflow:hidden}.pd-crd img{object-fit:contain;width:100%;height:auto;display:block}.pd-crd--back{z-index:1;width:74%;top:30px;left:0;transform:rotate(-5deg);box-shadow:0 12px 40px #0000001f,0 3px 10px #00000012}.pd-crd--back:hover{z-index:3;transform:rotate(-2deg)translateY(-12px);box-shadow:0 28px 60px #0000002e,0 6px 18px #0000001a}.pd-crd--front{z-index:2;width:74%;bottom:30px;right:0;transform:rotate(4deg);box-shadow:0 24px 64px #0003,0 6px 18px #0000001c}.pd-crd--front:hover{z-index:3;transform:rotate(1.5deg)translateY(-12px);box-shadow:0 36px 80px #0000003d,0 8px 22px #00000021}.pd-print-wrap{justify-content:center;align-items:center;height:520px;display:flex;position:relative}.pd-print-frame{background:#f5f4f0;border-radius:6px;justify-content:center;align-items:center;padding:32px;display:flex;box-shadow:0 20px 64px #0000001f,0 4px 16px #00000012}.pd-print-frame img{object-fit:contain;width:100%;height:auto;display:block;box-shadow:0 6px 24px #00000024}.pd-print-frame--primary{z-index:2;width:72%;position:absolute;top:40px;left:0}.pd-print-frame--secondary{z-index:1;width:52%;position:absolute;bottom:20px;right:0;transform:rotate(3deg);box-shadow:0 12px 40px #0000001a}.pd-section{border-top:1px solid #ebebeb;padding:64px 0}.pd-section--screens{background:#fafaf9;padding:56px 0 64px}.pd-section--ds{background:#fafafa;border-top:1px solid #ebebeb}.pd-overview-body{flex-direction:column;gap:20px;margin-bottom:56px;display:flex}.pd-overview-text{font-family:var(--font-serif);color:#333;letter-spacing:-.01em;font-size:clamp(20px,2.2vw,28px);font-weight:300;line-height:1.65}.pd-two-col{border-top:1px solid #ebebeb;grid-template-columns:1fr 1fr;gap:48px;padding-top:48px;display:grid}.pd-label-row{grid-template-columns:280px 1fr;gap:48px;display:grid}.pd-img-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pd-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;display:grid}.pd-two-col__item{flex-direction:column;gap:16px;display:flex}.pd-body-text{font-family:var(--font-serif);color:#333;letter-spacing:-.01em;font-size:clamp(17px,1.6vw,21px);font-weight:300;line-height:1.4}.pd-screens{flex-direction:column;gap:48px;margin-top:8px;display:flex}.pd-scr-row{align-items:start;gap:16px;display:grid}.pd-scr-row--1-1{grid-template-columns:1fr 1fr}.pd-scr-row--3-2{grid-template-columns:3fr 2fr}.pd-scr{flex-direction:column;gap:14px;display:flex}.pd-scr__label{border-bottom:1px solid #e0e0e0;align-items:flex-end;gap:16px;padding-bottom:14px;display:flex}.pd-scr__num{font-family:var(--font-serif);color:var(--pd-accent);letter-spacing:.02em;font-size:clamp(22px,2.4vw,32px);font-weight:300;line-height:1}.pd-scr__name{letter-spacing:.1em;text-transform:uppercase;color:#888;font-size:11px;font-weight:500}.pd-scr--full .pd-browser__screen img,.pd-browser--full .pd-browser__screen img{object-fit:contain;height:auto}.pd-scr-row--3-2 .pd-browser__screen img,.pd-scr-row--1-1 .pd-browser__screen img{object-fit:cover;object-position:top center;height:320px}.pd-screens .pd-browser__screen img{width:100%;display:block}.pd-scr--full .pd-print-frame img,.pd-scr-row--1-1 .pd-print-frame img{object-fit:contain;max-height:440px}.pd-print-frame--screen{width:100%;padding:40px 48px;position:static;transform:none}.pd-print-frame--bare{box-shadow:none;background:0 0;padding:0}.pd-ds-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px 80px;margin-bottom:0;display:grid}.pd-ds-block{flex-direction:column;gap:32px;display:flex}.pd-ds-block--full{border-top:1px solid #222;grid-column:1/-1;padding-top:48px}.pd-ds-title{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#555;font-size:11px;font-weight:600}.pd-palette{flex-wrap:wrap;gap:28px;display:flex}.pd-swatch{flex-direction:column;align-items:center;gap:8px;display:flex}.pd-swatch__circle{border-radius:50%;width:64px;height:64px;box-shadow:0 2px 12px #00000014}.pd-swatch__hex{color:#333;letter-spacing:.04em;font-size:11px;font-weight:600;font-family:var(--font-sans)}.pd-swatch__name{color:#999;text-align:center;letter-spacing:.03em;max-width:72px;font-size:10px;line-height:1.3}.pd-typo{flex-direction:column;gap:24px;display:flex}.pd-typo__sample{flex-direction:column;gap:6px;display:flex}.pd-typo__text{font-family:var(--font-sans);color:#111;line-height:1.2}.pd-typo__label{color:#bbb;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.pd-components{grid-template-columns:auto 1fr;align-items:start;gap:40px 56px;display:grid}.pd-components--3col{grid-template-columns:auto 1fr auto}.pd-logo-demo{align-items:center;display:flex}.pd-logo-demo img{object-fit:contain;width:auto;height:48px}.pd-comp-group{flex-direction:column;gap:16px;display:flex}.pd-comp-label{letter-spacing:.1em;text-transform:uppercase;color:#aaa;font-size:10px;font-weight:700}.pd-comp-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pd-btn-demo{cursor:default;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex}.pd-btn-demo--primary{background:var(--pd-accent);color:#fff}.pd-btn-demo--outline{border:2px solid var(--pd-accent);color:var(--pd-accent);background:0 0}.pd-btn-demo--ghost{color:#555;background:0 0;border:1px solid #ddd}.pd-nav-demo{border:1px solid #e0e0e0;border-radius:4px;gap:0;width:fit-content;display:flex;overflow:hidden}.pd-nav-demo__item{color:#333;white-space:nowrap;border-right:1px solid #e0e0e0;padding:9px 16px;font-size:12px;font-weight:500}.pd-nav-demo__item:first-child{background:var(--pd-accent);color:#fff;border-color:var(--pd-accent)}.pd-nav-demo__item:last-child{border-right:none}@media (width<=1024px){.pd-wrap{padding:0 40px}.pd-hero{padding:80px 40px 64px}.pd-components{grid-template-columns:1fr}}@media (width<=860px){.pd-hero__grid{grid-template-columns:1fr;gap:56px}.pd-hero__right,.pd-print-wrap{height:340px}.pd-browser--primary{width:80%}.pd-browser--secondary{width:55%}.pd-print-frame--primary{width:76%}.pd-print-frame--secondary{width:54%}.pd-two-col{grid-template-columns:1fr;gap:40px}.pd-ds-grid{grid-template-columns:1fr}.kd-crawl{perspective:none}.kd-crawl__inner{transform:none}.kd-card--a{width:80%;margin:0 auto}.kd-card--b{display:none}.pd-label-row{grid-template-columns:1fr;gap:24px}.pd-label-row .pd-section-label{margin-bottom:0}.pd-img-row{grid-template-columns:1fr}.pd-features-grid{grid-template-columns:repeat(2,1fr)}.pd-scr-row--3-2,.pd-scr-row--1-1{grid-template-columns:1fr}}@media (width<=640px){.pd-wrap{padding:0 24px}.pd-hero{padding:80px 24px 48px}.pd-palette{gap:16px}.pd-swatch__circle{width:48px;height:48px}.pd-features-grid{grid-template-columns:1fr}}.sn-solo{align-items:center;display:flex}.sn-solo__frame{border:1px solid #00000014;border-radius:12px;width:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:perspective(1200px)rotateY(-10deg)rotateX(3deg);box-shadow:20px 28px 72px #5b4fe933,6px 12px 28px #0000001a}.sn-solo__frame:hover{transform:perspective(1200px)rotateY(-4deg)rotateX(1deg);box-shadow:10px 20px 60px #5b4fe929,4px 8px 20px #00000014}.sn-solo__frame img{object-fit:cover;object-position:top left;width:100%;height:400px;display:block}.kd-crawl{perspective:720px;perspective-origin:50% -10%;width:100%}.kd-crawl__inner{transform-origin:top;flex-direction:column;gap:20px;width:100%;display:flex;transform:rotateX(26deg)}.kd-card{border-radius:10px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 6px 28px #00000024,0 1px 4px #00000014}.kd-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px #0003,0 4px 12px #0000001a}.kd-card img{width:100%;height:auto;display:block}.kd-card--a{width:68%;margin-left:7%}.kd-card--b{width:68%;margin-left:auto;margin-right:7%}.sw-crawl{width:100%}.sw-crawl__inner{flex-direction:column;gap:24px;width:100%;display:flex}.sw-card{border-radius:10px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 6px 28px #00000024,0 1px 4px #00000014}.sw-card:hover{transform:translateY(-8px);box-shadow:0 20px 56px #0003,0 4px 12px #0000001a}.sw-card img{width:100%;height:auto;display:block}.sw-card--a{width:74%;margin-left:0}.sw-card--b{width:74%;margin-left:auto;margin-right:0}