.portfolio-site{--muted:var(--quiet);--accent:var(--play-accent);--border:var(--line)}.portfolio-site .devplay-scenes>section:not(.devplay-hero),.portfolio-site .portfolio-contact{content-visibility:auto;contain-intrinsic-block-size:auto 850px}.creative-header{gap:25px;position:relative}.creative-header .creative-desktop-nav{gap:30px;margin-left:auto;display:flex}.creative-header .creative-desktop-nav a{align-items:center;gap:7px;display:inline-flex}.creative-header a[aria-current=page]{text-underline-offset:7px;text-decoration:underline;-webkit-text-decoration-color:var(--play-accent);text-decoration-color:var(--play-accent)}.creative-header-tools{align-items:center;gap:12px;display:flex}.header-language{border:1px solid var(--line);border-radius:7px;place-items:center;min-width:40px;min-height:40px;font:11px Space Grotesk,sans-serif;text-decoration:none;display:grid}.creative-header .creative-mobile-menu{display:none}.portfolio-site .section{max-width:1440px;margin-inline:auto;padding:65px 4.5% 85px}.portfolio-site .section h1{letter-spacing:-.065em;font-size:clamp(48px,6vw,84px);line-height:1.02}.portfolio-site .section-header .eyebrow{color:var(--play-accent)}.portfolio-site .section-intro,.portfolio-site .muted{color:var(--quiet)}.portfolio-site .accent,.portfolio-site .project-status{color:var(--play-accent)}.portfolio-site .button{background:var(--play-accent);border-color:var(--play-accent);color:#fff;font-weight:550}.portfolio-site .button:not(.button-secondary):is(:hover,:focus-visible){filter:brightness(.9);color:#fff}.portfolio-site .button-secondary{color:var(--ink);border-color:var(--line);background:#f9fbff}.portfolio-site .button-secondary:is(:hover,:focus-visible){background:var(--play-soft);color:var(--ink);border-color:var(--play-accent);filter:none}.portfolio-site .project-card{background:#f9fbff;border-color:#a1b0c7;box-shadow:0 5px #172134}.portfolio-site .project-card h2 a{color:var(--ink)}.portfolio-site .project-card-body>p{font-size:14px;line-height:1.75}.portfolio-site .project-card .actions{gap:20px}.portfolio-site .project-image-link{background:var(--play-soft)}.portfolio-site .project-art{color:var(--play-accent);background:linear-gradient(135deg,#d5e8f0,#e0e7ff)}.portfolio-site .art-invoicegen-pro{background:linear-gradient(135deg,#e7dff6,#d8e5f4)}.portfolio-site .project-art>span{color:var(--ink)}.portfolio-site .project-art small{color:var(--quiet)}.portfolio-site .chips li{color:#2a405c;background:#e5ecf5;border-color:#b8c8db}.portfolio-site .privacy-panel,.portfolio-site .panel{color:var(--ink);border-color:var(--line);background:#f8fbff}.portfolio-site select,.portfolio-site input,.portfolio-site textarea{color:#172134;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border-color:#92a4bc}.portfolio-site input::placeholder,.portfolio-site textarea::placeholder{color:#65758b}.portfolio-site .contact-info a,.portfolio-site .text-button{color:var(--play-accent)}.portfolio-site .text-link{text-decoration:none}.portfolio-site .contact-grid .panel>h3{margin-bottom:10px;font-size:24px}.portfolio-site .contact-grid .panel>p{font-size:13px;line-height:1.7}.portfolio-site .contact-form{margin-top:24px}.portfolio-site .contact-form label{color:var(--ink);font-size:13px}.portfolio-site .contact-form input,.portfolio-site .contact-form textarea{border-radius:8px}.portfolio-site .contact-item>svg{color:var(--play-accent)}.portfolio-site .contact-item a{overflow-wrap:anywhere}.portfolio-site .contact-item h3{font-size:17px}.portfolio-site .draft-result{border-color:var(--line);background:var(--play-soft)}.portfolio-site .draft-preview{color:#243d5a;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;font-size:12px}.portfolio-site .feedback{color:#21573d}.portfolio-site .section-alt{background:var(--play-soft);border:0}.portfolio-site .contact-invitation{padding-block:65px 55px}.portfolio-site .contact-invitation>p:last-child{color:#e5ecff;max-width:450px;margin-top:22px;font-size:16px;line-height:1.7}.portfolio-site .profile-page{max-width:900px}.portfolio-site .profile-page section{border-top:1px solid var(--line);padding-top:30px}.portfolio-site .profile-page>.section-header+p{margin-bottom:18px}.portfolio-site .profile-page h2{font-size:30px}.portfolio-site .profile-page p{line-height:1.85}.portfolio-site .profile-page .text-link{color:var(--play-accent)}.portfolio-site .profile-project,.portfolio-site .profile-skills{border-color:var(--line)}.portfolio-site .case-detail{max-width:1120px}.case-hero{grid-template-columns:1fr 1.2fr;align-items:center;gap:55px;margin-top:35px;display:grid}.case-hero .section-header{margin-bottom:24px}.case-hero .project-image,.case-hero .project-art{box-shadow:8px 9px 0 var(--play-accent);border:2px solid #172134;border-radius:15px}.case-overview{grid-template-columns:1fr 1fr;gap:25px;margin-top:50px;display:grid}.case-detail .case-overview>section{border:1px solid var(--line);background:#f9fbff;border-radius:13px;margin-top:0;padding:27px}.case-detail .case-overview h2,.case-detail>section>h2{letter-spacing:-.04em;font-size:28px}.case-detail .case-overview p,.case-detail>section>p{font-size:15px;line-height:1.8}.case-section-label{color:var(--play-accent);letter-spacing:.08em;margin-bottom:12px;font:10px Space Grotesk,sans-serif;display:block}.case-detail>section{border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.case-journey{counter-reset:journey;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px;list-style:none;display:grid}.case-journey li{border-top:1px solid var(--line);counter-increment:journey;padding:18px 0 0}.case-journey li:before{content:"0" counter(journey);color:var(--play-accent);margin-bottom:22px;font:11px Space Grotesk,sans-serif;display:block}.case-journey h3{margin-bottom:10px;font-size:20px}.case-journey p{color:var(--quiet);font-size:14px;line-height:1.8}.case-detail .case-next{background:var(--play-soft);border-radius:13px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:55px;padding:25px;display:flex}.case-next p{color:var(--quiet);font-size:12px}.case-next a{align-items:center;gap:15px;font-size:25px;font-weight:650;text-decoration:none;display:flex}@media (width<=760px){.creative-header{gap:10px;padding-inline:20px}.creative-header .creative-desktop-nav{display:none}.creative-header-tools{margin-left:auto}.creative-header .creative-mobile-menu{z-index:10;display:block;position:relative}.creative-mobile-menu summary{border:1px solid var(--line);border-radius:7px;place-items:center;width:42px;height:42px;list-style:none;display:grid}.creative-mobile-menu summary::-webkit-details-marker{display:none}.creative-header .mobile-menu{width:240px;color:var(--ink);background:#f8fbff;border:1px solid #8fa1bb;border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex;position:absolute;top:calc(100% + 12px);left:auto;right:0;box-shadow:0 10px 30px #17213426}.creative-header .creative-mobile-menu .mobile-menu a{justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:10px;font-size:14px;display:flex}.portfolio-site .section{padding-block:40px 65px}.case-hero{grid-template-columns:1fr;gap:30px;margin-top:30px}.case-hero .project-image,.case-hero .project-art{width:calc(100% - 8px)}.case-overview,.case-journey{grid-template-columns:1fr}.case-journey{gap:25px}.case-journey li:before{margin-bottom:10px}.case-detail .case-overview>section{padding:22px}.portfolio-site .contact-invitation>h2{font-size:clamp(55px,13vw,90px)}}@media print{.portfolio-site .devplay-scenes>section,.portfolio-site .portfolio-contact{content-visibility:visible}.portfolio-site{color:#111;background:#fff;overflow:visible}.creative-header,.creative-footer,.case-next{display:none!important}.portfolio-site .section{padding:0}.portfolio-site .section h1{font-size:28pt}.portfolio-site .profile-page h2{font-size:18pt}.profile-page section{break-inside:avoid}}