
/* The postcard stays flat on both faces, including hover/flip states. */
#about .gshadow{display:none!important;}
#about .scene .face,#about .scene:hover .face{box-shadow:none!important;filter:none;}
/* PUMA study: monochrome retail typography with product-led color. */
#caseView.puma-case{--bg:#f7f7f5;--ink:#171717;--muted:#5e5e59;--faint:#777773;--line:#d6d6d1;--accent:#171717;--chip:#eeeeea;--cs-paper:#f7f7f5;--cs-ink:#171717;--cs-body:#5e5e59;--cs-faint:#777773;--cs-line:#d6d6d1;--font-ui:Helvetica,'Helvetica Neue',Arial,sans-serif;color-scheme:light;color:var(--ink);font-family:var(--font-ui);}
#caseView.puma-case .case-veil{background:#f7f7f5;}
#caseView.puma-case .case-top-scrim{background:linear-gradient(#f7f7f5 65%,#f7f7f5e8 84%,transparent);}
body:has(#caseView.puma-case.open) header.top{--h-ink:#171717;--h-muted:#666;--h-icon:#f7f7f5;}
body:has(#caseView.puma-case.open) .se-image-viewer{--bg:#f7f7f5;--ink:#171717;--line:#d6d6d1;color-scheme:light;}
#caseView.puma-case .study-mode-switch{background:#f7f7f5f5;border-color:#d6d6d1;}
#caseView.puma-case .cs-close,#caseView.puma-case .sn-slide-next{background:#f7f7f5;border-color:#c9c9c4;color:#171717;}
#caseView.puma-case .sn-slide-count{background:#f7f7f5;color:#777773;}
.puma-editorial .pk-heading{max-width:850px;}
.puma-editorial .pk-heading h2,.puma-editorial .pk-intro h1{font-family:'DIN Condensed','Arial Narrow',Anton,sans-serif;font-weight:400;letter-spacing:-.02em;line-height:1.08;text-transform:uppercase;}
.puma-editorial .pk-heading h2{font-size:clamp(38px,4.8vw,68px);margin:14px 0;}
.puma-editorial .pk-heading p{max-width:650px;margin:16px 0 0;font-size:15px;line-height:1.65;}
.puma-editorial .pk-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;}
.puma-editorial .pk-intro h1{font-size:clamp(68px,8vw,120px);margin:24px 0 12px;}
.puma-editorial .pk-handwritten{font:32px/1.3 Caveat,cursive;color:#555;margin:0 0 30px;}
.puma-editorial .pk-lead{font-size:clamp(18px,2vw,26px);line-height:1.45;max-width:460px;color:#171717;}
.pk-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.pk-meta dt,.pk-small{font:10px/1.5 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:7px;}
.pk-meta dd{font-size:13px;line-height:1.6;margin:0;}
.pk-figure{margin:0;min-width:0;}
.puma-editorial .pk-figure .se-expand{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;}
.puma-editorial .pk-figure .se-expand img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;object-position:top;}
.puma-editorial .pk-figure figcaption,.puma-editorial .pk-demo figcaption{font:11px/1.6 var(--font-ui);color:var(--faint);margin:14px 0 0;}
.puma-editorial .pk-credit,.puma-editorial .pk-caption{font-size:11px;line-height:1.7;max-width:850px;color:#74746e;}
.pk-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;}
.pk-notes article{border-top:1px solid var(--line);padding-top:22px;}
.puma-editorial .pk-notes h3{font-size:20px;line-height:1.3;margin:0 0 14px;font-weight:500;}
.puma-editorial .pk-notes p{font-size:13px;line-height:1.7;margin:0;}
.pk-split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;}
.pk-split .pk-notes{grid-template-columns:1fr;gap:25px;}
.pk-table-wrap{overflow-x:auto;}
.pk-table{border-collapse:collapse;text-align:left;width:100%;font:13px/1.65 var(--font-ui);}
.pk-table th,.pk-table td{padding:18px 20px 18px 0;border-bottom:1px solid var(--line);vertical-align:top;}
.pk-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:400;}
.pk-table tbody th{width:30%;font-weight:500;}
.pk-screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start;}
#pk-handoff .pk-screens{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;width:100%;margin:0 auto;}
.puma-editorial .pk-screens .se-expand img{max-height:none;}
.puma-editorial .pk-screens>div>p{font-size:12px;line-height:1.65;margin-top:10px;}
.pk-flow{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;}
.pk-flow-node{padding:20px 30px;border:1px solid #171717;text-align:center;font-size:14px;background:#fdfdfd;}
.pk-flow-line{display:block;width:1px;height:32px;background:#aaa;}
.pk-flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;}
.pk-flow-branches>div{padding:26px;border:1px solid #cfcfca;background:#fdfdfd;text-align:center;}
.pk-flow-branches span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#777;margin-bottom:12px;}
.pk-flow-branches strong{font-size:15px;font-weight:400;line-height:1.6;}
.pk-flow-docs{display:grid;gap:35px;margin-top:40px;}
.pk-wireframes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px;align-items:start;}
.puma-editorial .pk-wireframes img{max-height:420px;}
.pk-style{display:grid;grid-template-columns:1fr 1fr;gap:65px;}
.pk-type{border-top:1px solid var(--line);padding-top:24px;}
.pk-type strong{display:block;font:400 clamp(44px,5vw,70px)/1.15 'DIN Condensed','Arial Narrow',Anton,sans-serif;margin:24px 0 40px;}
.pk-swatches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;}
.pk-swatches>div{display:flex;align-items:flex-end;padding:18px;height:110px;background:var(--swatch);color:#777;font-size:11px;border:1px solid #ddd;}
.pk-swatches .pk-gradient{grid-column:1/-1;height:100px;background:linear-gradient(120deg,#ffddd0,#fff5f1 45%,#dfebf9);}
.pk-demo{margin:0;display:flex;align-items:center;flex-direction:column;gap:8px;}
.pk-demo video{width:auto;max-width:100%;height:min(78svh,900px);background:#fdfdfd;}
@media(max-width:700px){.puma-editorial .pk-intro,.pk-split,.pk-style{grid-template-columns:1fr;gap:30px;}.puma-editorial .pk-intro>.pk-figure{max-width:380px;margin:auto;}.pk-notes{grid-template-columns:1fr;gap:24px;}.pk-screens{grid-template-columns:1fr;gap:40px;max-width:430px;margin:auto;}#pk-handoff .pk-screens{grid-template-columns:1fr;max-width:430px;}.pk-wireframes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}.pk-flow-branches{gap:12px;}.pk-flow-branches>div{padding:20px 12px;}.pk-flow-branches strong{font-size:12px;}.pk-meta{gap:20px;}.pk-table{font-size:12px;}.puma-editorial .pk-heading h2{font-size:40px;}.puma-editorial .pk-heading p{font-size:14px;}}

