:root{--larper:#2fff83;--ease-expo:cubic-bezier(.16,1,.3,1)}
body{font-size:17px}
.container{--container:1240px}
h2{font-size:clamp(28px,3vw,38px)}
.site-header-inner{height:80px}
.button{border-radius:4px;font-size:16px;min-height:52px;padding:13px 20px}
.button span{transition:transform .3s var(--ease)}
.button:hover span{transform:translate(3px,-3px)}
.text-link{font-size:16px}
.studio-hero{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:7%;min-height:540px;padding:72px 0 48px}
.studio-title{font-size:clamp(42px,4.6vw,64px);max-width:10ch;line-height:1.02;letter-spacing:-.045em;animation:studio-title-in .9s var(--ease-expo) both}
.studio-bio{font-size:20px;line-height:1.6;max-width:39ch;margin-top:28px}
.studio-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:28px}
.studio-focus{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--muted);margin-top:28px}
.studio-focus a{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.studio-desk{position:relative;perspective:1200px;min-height:400px;isolation:isolate;--desk-x:0;--desk-y:0;--desk-scroll:0}
.desk-screen{display:block;position:absolute;inset:10px -8px auto 16px;transform:translateY(calc(var(--desk-scroll)*-14px)) rotateY(calc(var(--desk-x)*-4deg)) rotateX(calc(var(--desk-y)*3deg)) rotate(-3deg);transition:transform .55s var(--ease-expo);background:#232722;border-radius:10px;overflow:hidden;box-shadow:0 26px 60px #0004} /* taste-skill-ignore: shadow defines the suspended product-capture layer in the requested desk composition. */
.desk-screen:hover{transform:rotate(0) translateY(-5px)}
.screen-bar{height:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 14px;color:#b1b8ae;font-size:13px}
.screen-dots{display:flex;gap:5px}
.screen-dots i{width:6px;height:6px;background:#697361;border-radius:50%}
.screen-dots i:first-child{background:#e9c75f}
.desk-screen>img{width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top}
.desk-art{position:absolute;left:-22px;bottom:-15px;width:29%;transform:translateY(calc(var(--desk-scroll)*28px)) rotate(calc(9deg + var(--desk-x)*2deg));overflow:hidden;border-radius:6px;box-shadow:0 12px 34px #0005;transition:transform .5s var(--ease-expo);z-index:2} /* taste-skill-ignore: campaign artwork floats above the product capture. */
.desk-art img{width:100%;aspect-ratio:4/5;object-fit:cover}
.desk-art:hover{transform:rotate(0) scale(1.05)}
.desk-author{position:absolute;right:8px;bottom:-18px;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:var(--surface-alt);border-radius:60px;transform:translateY(calc(var(--desk-scroll)*-8px));transition:transform .4s var(--ease);z-index:3}
.desk-author:hover{transform:translateY(-6px);text-decoration:none}
.desk-author img{width:52px;height:52px;object-fit:contain;background:#dce0ce;border-radius:50%}
.desk-author span{font-size:13px}
.journal-link{display:flex;align-items:center;gap:24px;padding:22px 26px;background:var(--surface);border-radius:6px;margin:28px 0 76px;transition:background .2s,transform .3s var(--ease)}
.journal-link:hover{background:var(--surface-alt);transform:translateX(4px);text-decoration:none}
.journal-link>span:first-child{font-size:14px;color:var(--muted);flex-shrink:0}
.journal-link strong{font-size:18px;font-weight:500;line-height:1.35}
.journal-link time{font-size:14px;color:var(--muted);margin-left:auto;flex-shrink:0}
.journal-link>span:last-child{font-size:24px}
.work-section{padding:0 0 76px}
.section-heading-row{margin-bottom:28px}
.case-study{background:var(--surface);padding:40px;border-radius:12px}
.case-summary{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:start;margin-bottom:36px}
.case-name{display:flex;align-items:center;gap:12px}
.case-name img{width:56px;height:42px;object-fit:contain}
.case-name h3{font-size:36px;letter-spacing:-.04em}
.case-lead{font-size:25px;line-height:1.3;margin-top:20px;font-weight:500;max-width:26ch}
.case-intro>p:not(.case-lead){font-size:17px;max-width:54ch;margin-top:20px;line-height:1.7}
.case-intro .feature-links{margin-top:24px;gap:24px}
.button-larper{background:var(--larper);color:#0b1b10}
.case-details{margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:24px}
.case-details dt{font-size:14px;color:var(--muted);margin-bottom:5px}
.case-details dd{margin:0;font-size:16px}
.case-media{display:grid;grid-template-columns:2.2fr .8fr;gap:24px;align-items:start}
.product-viewer{min-width:0;background:#0d1510;border-radius:8px;overflow:hidden}
.viewer-tabs{gap:6px;padding:10px;background:#28312a;color:#dbe1d9;flex-wrap:wrap}
.viewer-tabs button{background:transparent;border:0;padding:10px 14px;min-height:42px;border-radius:4px;font-size:14px}
.viewer-tabs button[aria-selected="true"]{background:#3e5043;color:#fff}
.viewer-tabs button:hover{background:#35443a}
.product-panel{margin:0}
.product-capture{position:relative;display:block;overflow:hidden}
.product-capture>img{width:100%;height:auto;aspect-ratio:1.44;object-fit:contain;object-position:center;transition:transform .7s var(--ease-expo)}
.product-capture:hover>img{transform:scale(1.025)}
.capture-expand{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:20px;background:#f0f0e8;color:#111d15;padding:8px 14px;border-radius:4px;font-size:13px;transform:translateY(4px);opacity:.85;transition:transform .2s,opacity .2s}
.product-capture:hover .capture-expand,.product-capture:focus-visible .capture-expand{transform:none;opacity:1}
.product-panel figcaption{padding:14px 18px;font-size:13px;line-height:1.6;color:#b6c4b9}
.campaign-film{margin:0}
.campaign-film video{width:100%;aspect-ratio:4/5;object-fit:contain;display:block;border-radius:8px;background:#0b130e}
.campaign-film figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin-top:14px}
.campaign-gallery{margin-top:36px}
.campaign-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}
.campaign-heading h4{font-size:18px;font-weight:500;margin:0}
.gallery-controls{gap:8px}
.gallery-controls button{width:42px;height:42px;border:0;background:var(--surface-alt);border-radius:50%;font-size:20px;transition:transform .2s}
.gallery-controls button:hover{transform:translateX(3px)}
.gallery-controls button:first-child:hover{transform:translateX(-3px)}
.campaign-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:thin;scrollbar-color:var(--surface-alt) transparent;padding:0 0 12px}
.campaign-track>a{flex:0 0 calc(50% - 10px);scroll-snap-align:start;border-radius:6px;overflow:hidden;background:#0d1510}
.campaign-track img{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;transition:transform .6s var(--ease-expo)}
.campaign-track>a:hover img{transform:scale(1.02)}
.experiments-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:56px 0 28px}
.experiments-heading>h3{font-size:26px}
.project-filters{gap:6px;flex-wrap:wrap}
.project-filters button{border:0;background:transparent;padding:9px 14px;border-radius:4px;font-size:14px;min-height:42px}
.project-filters button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.project-filters button:hover:not([aria-pressed="true"]){background:var(--surface)}
.secondary-projects{margin-top:0;gap:32px;grid-template-columns:1.1fr 1fr}
.secondary-projects.is-single{grid-template-columns:1fr}
.secondary-projects.is-single .project-index{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.secondary-projects.is-single .tetris-project{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.secondary-projects.is-single .project-description{margin-top:0}
.tetris-art{border-radius:8px;min-height:280px}
.tetris-art>span{font-size:clamp(30px,3vw,42px)}
.tetris-project:hover .tetris-pieces{transform:rotate(0) translateY(-16px)}
.project-index{gap:16px}
.project-index .project-card-link{border-radius:6px;padding:24px}
.project-index h3,.project-description h3{font-size:25px}
.project-index p,.project-description p{font-size:16px;line-height:1.6}
.project-index .project-card-link{transition:transform .35s var(--ease-expo),background .2s}
.project-index .project-card-link:hover{transform:translateX(8px);background:var(--surface-alt)}
.writing-section{padding-block:0 76px}
.post-row{padding:28px 24px;grid-template-columns:130px 1fr 24px;gap:28px;border-radius:6px;transition:transform .4s var(--ease-expo),background .2s}
.post-row:hover{transform:translateX(6px)}
.post-row-title{font-size:clamp(21px,2vw,27px)}
.post-row-meta{font-size:14px}
.post-row-excerpt{font-size:16px}
.about-section{grid-template-columns:.7fr 1.3fr;gap:7%;padding:0 0 80px}
.about-portrait{border-radius:10px}
.about-portrait img{aspect-ratio:1;max-height:390px}
.about-lead{font-size:25px}
.about-copy h2{margin-bottom:24px}
.skills-line span{transition:transform .3s var(--ease);padding:5px 10px;background:var(--surface);border-radius:4px}
.skills-line span:hover{transform:translateY(-4px)}
.site-footer{padding-top:44px}
.footer-contact h2{font-size:clamp(28px,3vw,38px)}
.footer-links{margin-top:32px}
.footer-signoff{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:36px;padding-bottom:36px}
.footer-signoff>span{font-size:20px;font-weight:500}
.footer-signoff strong{font-size:40px;letter-spacing:-.05em;line-height:1}
.archive-header h1,.hero h1{font-size:56px}
.archive-header>p,.hero>p{font-size:21px}
.article-title{font-size:clamp(32px,4vw,52px)}
.article-description{font-size:20px}
.topic-header h1{font-size:clamp(36px,5vw,56px)}
.media-dialog{width:min(1400px,95vw);max-width:95vw;max-height:95dvh;padding:48px 18px 18px;border:0;border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 24px 100px #0008} /* taste-skill-ignore: real modal overlay, an allowed shadow case. */
.media-dialog::backdrop{background:#000c}
.media-dialog figure{margin:0}
.media-dialog img{width:auto;max-width:100%;max-height:calc(95dvh - 110px);object-fit:contain;margin-inline:auto}
.media-dialog figcaption{font-size:15px;text-align:center;margin-top:16px}
.dialog-close{position:absolute;right:10px;top:6px;width:40px;height:40px;border:0;background:transparent;font-size:30px}
.media-dialog[open]{animation:dialog-in .3s var(--ease-expo) both}
@keyframes dialog-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@keyframes studio-title-in{from{opacity:.55;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes screen-arrive{from{opacity:.4;transform:translate(30px,20px) rotate(3deg)}to{opacity:1;transform:translate(0) rotate(-3deg)}}
@keyframes artwork-arrive{from{opacity:.4;transform:translate(-20px,30px) rotate(-8deg)}to{opacity:1;transform:translate(0) rotate(9deg)}}
@keyframes picture-unfold{from{clip-path:inset(8% 0 4% 0 round 8px);opacity:.6;transform:translateY(28px) scale(.97)}to{clip-path:inset(0 round 8px);opacity:1;transform:none}}
@keyframes row-arrive{from{opacity:.5;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
[data-reveal="picture"].is-revealing{animation:picture-unfold .95s var(--ease-expo) both}
[data-reveal="line"].is-revealing{animation:reveal-in .75s var(--ease-expo) both}
.post-row.is-revealing{animation:row-arrive .65s var(--ease-expo) both}
@media(prefers-reduced-motion:no-preference){.desk-screen{animation:screen-arrive 1s var(--ease-expo) backwards}.desk-art{animation:artwork-arrive .9s var(--ease-expo) .15s backwards}.desk-author{animation:reveal-in .8s var(--ease-expo) .25s backwards}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:transition-out .18s ease both}
::view-transition-new(root){animation:transition-in .35s var(--ease-expo) both}
@keyframes transition-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes transition-in{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.studio-hero{gap:4%;padding-top:56px;min-height:510px}.studio-title{font-size:52px}.studio-bio{font-size:18px}.studio-desk{min-height:340px}.desk-author{bottom:-10px;right:-8px;padding-right:10px}.desk-author span{max-width:12ch;font-size:13px}.desk-author img{width:44px;height:44px}.case-study{padding:30px}.case-summary{gap:6%}.case-media{grid-template-columns:1.8fr .8fr;gap:20px}.case-lead{font-size:23px}.secondary-projects.is-single .project-index{grid-template-columns:1fr}.journal-link{gap:16px}.journal-link strong{font-size:17px}}
@media(max-width:800px){.site-header-inner{height:76px}.studio-hero{grid-template-columns:1fr;gap:36px;padding-top:36px;padding-bottom:28px;min-height:0}.studio-intro{max-width:650px}.studio-title{font-size:52px;max-width:16ch}.studio-bio{max-width:53ch}.studio-desk{width:min(560px,90%);min-height:395px;margin:12px auto 28px}.desk-screen{inset:0 0 auto 10px}.desk-art{width:27%;left:-14px;bottom:0}.desk-author{right:0;bottom:-4px}.desk-author span{max-width:none;font-size:13px}.journal-link{margin-top:12px;margin-bottom:60px}.journal-link time{display:none}.case-summary{grid-template-columns:1fr;gap:28px}.case-details{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:20px}.case-details>div:first-child{grid-column:1/-1}.case-intro>p:not(.case-lead){max-width:65ch}.case-media{grid-template-columns:1.8fr .8fr;gap:16px}.case-lead{max-width:40ch}.viewer-tabs{gap:4px;padding:8px}.viewer-tabs button{font-size:13px;padding:8px 10px}.capture-expand{font-size:13px;right:10px;bottom:10px;padding:7px 10px}.product-panel figcaption,.campaign-film figcaption{font-size:13px}.experiments-heading{margin-top:40px}.post-row{grid-template-columns:1fr 24px;gap:14px}.post-row-title{font-size:24px}.about-section{grid-template-columns:.8fr 1.2fr;gap:36px}.about-copy h2{font-size:32px}.about-lead{font-size:23px}}
@media(max-width:600px){.studio-hero{padding-top:32px;gap:28px}.studio-title{font-size:44px;max-width:11ch}.studio-bio{font-size:18px;margin-top:22px;max-width:36ch}.studio-actions{gap:20px;margin-top:24px}.studio-focus{font-size:14px;margin-top:24px}.studio-desk{min-height:270px;width:94%;margin:14px auto 16px}.desk-screen{inset:0 0 auto 10px;border-radius:7px}.screen-bar{height:26px;font-size:13px;padding-inline:10px}.desk-art{width:26%;left:-4px;bottom:-4px}.desk-author{bottom:-14px;right:2px;padding:6px 10px 6px 6px;gap:8px}.desk-author img{width:38px;height:38px}.desk-author span{font-size:13px;max-width:12ch}.journal-link{padding:18px;margin:24px 0 48px;gap:12px;display:grid;grid-template-columns:1fr 20px}.journal-link>span:first-child{grid-column:1;font-size:13px}.journal-link strong{grid-column:1;font-size:17px}.journal-link>span:last-child{grid-column:2;grid-row:1/3}.section-heading-row h2{font-size:30px;max-width:16ch}.work-section{padding-bottom:56px}.case-study{padding:24px 18px;border-radius:8px}.case-name h3{font-size:32px}.case-name img{width:48px;height:36px}.case-lead{font-size:23px;max-width:25ch}.case-intro>p:not(.case-lead){font-size:16px}.case-intro .feature-links{gap:12px 20px}.case-details{grid-template-columns:1fr;gap:16px}.case-details>div:first-child{grid-column:auto}.case-details dt{font-size:13px}.case-details dd{font-size:15px}.case-media{grid-template-columns:1fr;gap:28px}.campaign-film{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.campaign-film video{width:100%}.campaign-film figcaption{font-size:14px;line-height:1.6}.product-panel figcaption{font-size:13px;padding:14px}.viewer-tabs button{font-size:13px}.campaign-gallery{margin-top:28px}.campaign-heading{gap:12px}.campaign-heading h4{font-size:17px;max-width:20ch}.gallery-controls{gap:6px}.gallery-controls button{width:36px;height:36px;font-size:18px}.campaign-track>a{flex-basis:100%}.experiments-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:24px}.experiments-heading>h3{font-size:25px}.project-filters button{font-size:13px;padding:8px 12px}.secondary-projects{grid-template-columns:1fr;gap:28px}.secondary-projects.is-single .tetris-project{grid-template-columns:1fr;gap:24px}.tetris-art{min-height:230px}.tetris-art>span{font-size:36px}.post-row{padding:24px 18px;gap:14px}.post-row-title{font-size:22px}.post-row-excerpt{font-size:15px}.post-row-meta{font-size:13px}.writing-section{padding-bottom:56px}.about-section{grid-template-columns:1fr;padding-bottom:56px;gap:28px}.about-portrait{width:100%;max-width:350px;margin-inline:auto}.about-portrait img{max-height:300px}.about-copy h2{font-size:30px}.about-copy .about-lead{font-size:23px}.about-copy p{font-size:17px}.footer-contact h2{font-size:30px}.footer-signoff{align-items:center;gap:20px}.footer-signoff>span{font-size:16px}.footer-signoff strong{font-size:30px}.archive-header h1,.hero h1{font-size:44px}.archive-header>p,.hero>p{font-size:20px}.article-title{font-size:32px}.article-description{font-size:19px}.media-dialog{padding:48px 10px 14px;border-radius:8px}.media-dialog figcaption{font-size:13px}}
@media(max-width:360px){.studio-title{font-size:40px}.studio-desk{min-height:235px}.studio-actions{gap:12px}.studio-actions .text-link{font-size:14px}.case-study{padding:22px 14px}}
@media(prefers-reduced-motion:reduce){.studio-title,.desk-screen,.desk-art,.desk-author,.media-dialog[open]{animation:none!important;transform:none!important;clip-path:none!important}.studio-desk{perspective:none}.project-index .project-card-link:hover,.post-row:hover,.journal-link:hover{transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
.gallery-controls button:disabled{opacity:.3;cursor:default;transform:none}


html:has(.media-dialog[open]){overflow:hidden}
.media-tools{position:absolute;left:18px;top:8px}
.media-tools button{border:0;background:var(--surface-alt);color:var(--text);font-size:13px;padding:8px 12px;min-height:36px;border-radius:4px}
.media-image-viewport{overflow:auto;max-height:calc(95dvh - 120px);overscroll-behavior:contain}
.media-image-viewport.is-zoomed img{max-width:none;max-height:none;width:var(--image-actual-width,1200px);margin:0}


/* Compact country-aware language controls. */
.language-control{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--surface-alt)}
.language-control button,.langswitch .language-control button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:32px;height:32px;padding:5px 6px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;line-height:1}
.language-control button[aria-pressed="true"],.langswitch .language-control button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.language-control button:hover:not([aria-pressed="true"]){background:var(--surface);color:var(--text)}
.country-flag{display:block;width:16px;height:12px;flex-shrink:0;overflow:hidden;border-radius:2px}
.langswitch .language-control{width:max-content}
.studio-actions{gap:14px}
.button-resume{background:var(--surface-alt);color:var(--text)}
.button-resume:hover{background:var(--surface)}
.button-resume svg{flex-shrink:0}
.tetris-project,.project-index .project-card-link{display:block;color:inherit}
.tetris-project:hover,.project-card-link:hover{text-decoration:none}
.tetris-project:hover h3,.tetris-project:focus-visible h3,.project-card-link:hover h3,.project-card-link:focus-visible h3{text-decoration:underline;text-underline-offset:5px}

/* Light theme: cool neutrals, graphite, muted gold and a deeper Larper green. */
:root[data-theme="light"]{--bg:#f6f7f9;--surface:#edf0f3;--surface-alt:#e1e6ec;--text:#232d38;--muted:#556371;--border:#cbd4dc;--accent:#e7bd45;--accent-muted:#946b10;--accent-ink:#322708;--larper:#176b46}
[data-theme="light"] .wordmark span{color:#946b10}
[data-theme="light"] .case-study{background:#eef2f1}
[data-theme="light"] .button-larper{color:#fff}
[data-theme="light"] .button-resume{background:#e2e8ee}
[data-theme="light"] .button-resume:hover{background:#d5dfe8}
[data-theme="light"] .desk-author{background:#e7ecf0}
[data-theme="light"] .desk-author img{background:#dbe3e9}
[data-theme="light"] .product-viewer{background:#e2eae5}
[data-theme="light"] .viewer-tabs{background:#dfe9e3;color:#294e3c}
[data-theme="light"] .viewer-tabs button[aria-selected="true"]{background:#176b46;color:#fff}
[data-theme="light"] .viewer-tabs button:hover:not([aria-selected="true"]){background:#cdded3}
[data-theme="light"] .product-panel figcaption{color:#405d4c}
[data-theme="light"] .capture-expand{background:#f8faf9;color:#284336;opacity:1}
[data-theme="light"] .tetris-art{background:#e0e9e1;color:#294536}
[data-theme="light"] .tetris-pieces i{background:#6a8b65}
[data-theme="light"] .tetris-pieces i:nth-child(3n){background:#b3913e}
[data-theme="light"] .tetris-pieces i:nth-child(4n){background:#3f654e}
[data-theme="light"] .media-dialog::backdrop{background:#1b283dc4}
[data-theme="light"] .article-prose a{text-decoration-color:#946b10}
[data-theme="light"] .nav-link::after,[data-theme="light"] #reading-progress-bar{background:#a47b18}
[data-theme="light"] a:focus-visible,[data-theme="light"] button:focus-visible,[data-theme="light"] input:focus-visible,[data-theme="light"] summary:focus-visible{outline-color:#946b10}
@media(max-width:600px){.studio-actions{gap:12px}.studio-actions .button{padding:12px 16px;font-size:15px;gap:16px}.header-tools{gap:6px}.language-control button,.langswitch .language-control button{min-height:30px;height:30px;padding:5px 6px}.langswitch{gap:8px}}
.button>.i18n-text{font-size:inherit;line-height:inherit}
.button-resume{gap:18px}
.is-home .page-main{overflow-x:clip}
[data-theme="light"] .desk-screen{box-shadow:0 20px 45px #202d3821} /* taste-skill-ignore: softer shadow on the floating product capture in light mode. */
[data-theme="light"] .desk-art{box-shadow:0 12px 28px #202d3826} /* taste-skill-ignore: softer shadow on the suspended campaign artwork in light mode. */
@media(max-width:600px){.studio-actions .button{padding-inline:13px;gap:12px}}
