/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@font-face{font-family:Caveat Local;src:url(/fonts/caveat/Caveat-Variable.ttf)format("truetype-variations");font-style:normal;font-weight:400 700;font-display:swap}:root{--neutral-0:#fffdf8;--neutral-1:#f7f2e9;--neutral-2:#e7dccd;--neutral-3:#cbbcae;--neutral-4:#948276;--neutral-5:#66574d;--neutral-6:#40352d;--neutral-7:#1d1814;--cream-0:#fff9ec;--cream-1:#fbf1dd;--cream-2:#ead8b8;--cream-3:#d6bd92;--ziggy-gold:#d7a04d;--ziggy-caramel:#b87938;--ziggy-clay:#c25a2c;--ziggy-cocoa:#7b4f32;--ziggy-cream:#fff1d5;--support-moss:#53694f;--support-sky:#9fc3c8;--support-paper-blue:#b8cad1;--cream:var(--cream-1);--paper:var(--neutral-0);--ink:var(--neutral-7);--body:var(--neutral-5);--line:var(--cream-2);--rust:var(--ziggy-clay);--moss:var(--support-moss);--font-ui:"Google Sans Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-reading:"Source Serif 4", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{--font-ui:var(--font-technical), "Google Sans Code", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-reading:var(--font-editorial), "Source Serif 4", Georgia, "Times New Roman", serif;background:var(--cream);color:var(--ink);font-family:var(--font-ui);font-variation-settings:"wght" 400;margin:0}button,a{color:inherit;font:inherit}a{text-decoration:none}button{cursor:pointer}.scene-hero{isolation:isolate;background:#d8c8a7;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.scene-hero:before{z-index:-2;content:"";filter:blur(22px)saturate(.96);background-image:linear-gradient(#fbf8ef1a,#3329202e),url(/assets/v5/park-garden-v5-environment-poster.png);background-position:50%;background-size:cover;position:absolute;inset:-28px;transform:scale(1.05)}.scene-hero:after{z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 0 52%,#33292029 100%);position:absolute;inset:0}.scene-shell{isolation:isolate;background:#e7d7b7;width:min(100vw,177.778svh);height:min(100svh,56.25vw);position:relative;overflow:hidden;box-shadow:0 28px 90px #33292038}.scene-video,.scene-fallback{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.scene-video{z-index:1}.scene-fallback{z-index:0}.identity{z-index:4;color:#493727;filter:drop-shadow(0 7px 8px #40352d24);text-align:center;background:url(/assets/ziggy-memory-book/ziggy-title-tape.png) 50%/100% 100% no-repeat;grid-template-columns:minmax(0,1fr);align-content:center;place-items:center;gap:4px;width:clamp(270px,25vw,390px);min-height:clamp(88px,8.6vw,126px);padding:clamp(18px,2vw,28px) clamp(24px,2.8vw,40px);display:grid;position:absolute;top:clamp(12px,1.8vw,24px);left:clamp(12px,1.8vw,28px);rotate:-.7deg}.identity-name{width:fit-content;font-family:var(--font-ui);letter-spacing:-.02em;font-size:clamp(19px,1.7vw,28px);font-weight:700;line-height:1}.identity-role{color:#493727c7;place-self:start center;font-size:clamp(9px,.7vw,11px);font-weight:500}.world-links{z-index:4;color:#332920cc;text-shadow:0 2px 22px #fffdf8d1;gap:clamp(12px,1.6vw,22px);font-size:clamp(12px,.9vw,14px);font-weight:600;display:flex;position:absolute;top:clamp(20px,2.8vw,36px);right:clamp(18px,2.8vw,42px)}.world-links a{color:#ac4523f0;letter-spacing:.08em;text-transform:uppercase;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9ec6b;border:3px solid #c25a2cd1;border-radius:0;padding:10px 17px 9px;font-size:clamp(11px,.85vw,14px);font-weight:700;line-height:1;transition:background .2s,translate .2s cubic-bezier(.16,1,.3,1),rotate .2s;rotate:-.8deg}.world-links a:hover,.world-links a:focus-visible{border-color:var(--ziggy-clay);color:#a94720;outline-offset:3px;background:#fff9ecc7;outline:2px solid #c25a2c38;translate:0 -1px;rotate:-1.3deg}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.object-layer{z-index:3;position:absolute;inset:0}.scene-object{transform-origin:var(--object-origin,50% 82%);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:translate .36s cubic-bezier(.16,1,.3,1),rotate .36s cubic-bezier(.16,1,.3,1),scale .36s cubic-bezier(.16,1,.3,1);display:block;position:absolute}.scene-object:focus-visible{outline-offset:5px;border-radius:10px;outline:2px solid #40352dc7}.scene-object:hover,.scene-object:focus-visible{translate:0 var(--object-lift,-5px);rotate:var(--object-rotate,-1deg);scale:1.018}.object-images,.object-image,.object-shine{width:100%;height:100%;display:block;position:absolute;inset:0}.object-image{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.object-hover{opacity:0;transition:opacity .42s cubic-bezier(.16,1,.3,1)}.object-shine{-webkit-mask-image:var(--object-mask);-webkit-mask-image:var(--object-mask);-webkit-mask-image:var(--object-mask);mask-image:var(--object-mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--object-mask);mix-blend-mode:soft-light;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 34%,#fff8d6c7 49%,#0000 64%) -120%/220% 100%;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.scene-object:hover .object-hover,.scene-object:focus-visible .object-hover{opacity:1}.scene-object:hover .object-shine,.scene-object:focus-visible .object-shine{animation:.42s cubic-bezier(.16,1,.3,1) both object-shine}.object-backpack{--object-lift:-5px;--object-rotate:-.8deg;--object-origin:50% 94%;--object-mask:url(/assets/v5/backpack-trimmed.png);width:12.4%;height:22.59%;top:59.07%;left:5%}.object-ziggy{--object-lift:-4px;--object-rotate:.35deg;--object-origin:54% 88%;--object-mask:url(/assets/v5/ziggy-trimmed.png);width:15.94%;height:18.61%;top:55.74%;left:22.4%}.object-comics{--object-lift:-7px;--object-rotate:-1.2deg;--object-origin:50% 86%;--object-mask:url(/assets/v5/notebook-closed.png);width:11.98%;height:10.37%;top:70.37%;left:77.86%}.object-comics .object-hover{filter:brightness(1.08)drop-shadow(0 5px 8px #c25a2c33)}.object-postcard{--object-lift:-8px;--object-rotate:-1.8deg;--object-mask:url(/assets/v5/postcard-trimmed.png);width:9.17%;height:8.52%;top:87.59%;left:30.52%}@keyframes object-shine{0%{opacity:0;background-position:-120%}30%{opacity:.24}to{opacity:0;background-position:120%}}.annotation-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.scene-annotation{color:#493727c7;letter-spacing:0;text-shadow:0 1px 10px #fff9ece6;font-family:Caveat Local,Segoe Print,cursive;font-size:clamp(17px,1.45vw,25px);font-weight:560;line-height:.9;transition:color .26s,opacity .26s,scale .26s cubic-bezier(.16,1,.3,1);display:block;position:absolute}.scene-annotation>span{white-space:nowrap;display:block;rotate:-2deg}.annotation-arrow{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:4.2px;filter:url(#rough-annotation-ink);width:clamp(54px,7vw,112px);height:auto;position:absolute;overflow:visible}.annotation-filter{pointer-events:none;position:absolute}.annotation-backpack{top:48%;left:16.5%}.annotation-backpack .annotation-arrow{top:20px;right:72%;rotate:-4deg}.annotation-ziggy{top:48%;left:37.5%}.annotation-ziggy .annotation-arrow{stroke-width:3.7px;top:20px;right:82%;rotate:3deg}.annotation-notebook{top:62%;left:78.5%}.annotation-notebook>span{rotate:2deg}.annotation-notebook .annotation-arrow{stroke-width:4.7px;top:20px;left:82%;transform:scaleX(-1)rotate(-7deg)}.annotation-postcard{top:78%;left:42%}.annotation-postcard .annotation-arrow{stroke-width:3.9px;top:20px;right:82%;rotate:-8deg}:is(.scene-shell:has(.object-backpack:hover,.object-backpack:focus-visible) .annotation-backpack,.scene-shell:has(.object-ziggy:hover,.object-ziggy:focus-visible) .annotation-ziggy,.scene-shell:has(.object-comics:hover,.object-comics:focus-visible) .annotation-notebook,.scene-shell:has(.object-postcard:hover,.object-postcard:focus-visible) .annotation-postcard){color:#7e3925f5;scale:1.045}.panel-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3329202e;place-items:center;padding:clamp(18px,3vw,42px);display:grid;position:fixed;inset:0;overflow:auto}.panel-backdrop:has(.story-panel-projects){background:#33292014;place-items:center;padding:clamp(18px,3vw,42px);overflow:hidden}.panel-backdrop:has(.story-panel-projects):before{z-index:0;filter:blur(24px)saturate(.9);content:"";background:linear-gradient(#fff9ec1f,#fff9ec1f),url(/assets/v5/park-garden-v5-environment-poster.png) 50%/cover no-repeat;position:fixed;inset:-32px;scale:1.05}.panel-backdrop:has(.story-panel-projects)>.story-panel{z-index:1}.panel-backdrop:has(.story-panel-ziggy){padding:20px;overflow:hidden}.story-panel{width:min(560px,100%);max-height:min(760px,100svh - 36px);color:var(--ink);transform-origin:92% 92%;background:#fffdf8e6;border:1px solid #fffdf8ad;border-radius:8px;padding:clamp(22px,3vw,34px);animation:.26s cubic-bezier(.16,1,.3,1) both panel-enter;position:relative;overflow:auto;box-shadow:0 22px 70px #33292033}.story-panel:focus{outline:0}.story-panel-backpack{width:min(644px,100vw - 32px);max-height:min(840px,100svh - 36px);box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;padding:clamp(82px,8vw,104px) clamp(70px,8vw,88px) clamp(76px,8vw,98px);overflow:visible}.story-panel-backpack:before,.story-panel-backpack:after{display:none}.story-panel-backpack>*{z-index:1;position:relative}.story-panel-backpack .panel-close{z-index:2;float:none;position:absolute;top:clamp(36px,4.6vw,56px);right:clamp(82px,8.4vw,108px)}.story-panel-projects{width:min(644px,100vw - 32px);min-height:auto;max-height:min(840px,100svh - 36px);box-shadow:none;isolation:isolate;background:0 0;border:0;border-radius:0;padding:clamp(82px,8vw,104px) clamp(70px,8vw,88px) clamp(76px,8vw,98px);overflow:visible}.story-panel-projects:before,.story-panel-projects:after{display:none}.story-panel-projects .panel-close{z-index:2;float:none;position:absolute;top:clamp(36px,4.6vw,56px);right:clamp(82px,8.4vw,108px)}.comic-book{z-index:1;aspect-ratio:auto;clip-path:none;width:min(1120px,100vw - 48px);min-height:auto;color:var(--ink);isolation:isolate;background:0 0;align-items:center;margin:auto;padding:clamp(72px,7vw,96px) 0 clamp(32px,4vw,54px);display:grid;position:relative;overflow:hidden}.comic-book:before,.comic-book:after,.comic-book-spine{display:none}.comic-page-grid{z-index:2;height:auto;min-height:0;box-shadow:none;background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(20px,3vw,34px);padding:0;display:grid;position:relative}.project-index-header,.project-index-list,.project-index-note{z-index:1;position:relative}.project-index-header{max-width:38ch;margin:0 auto 24px}.project-index-header h2{display:none}.project-index-list{gap:20px;max-width:38ch;margin:0 auto;padding:0;list-style:none;display:grid}.project-index-page{align-content:center;max-height:none;padding-top:0;padding-bottom:42px;display:grid;overflow:visible}.project-index-row{color:#1d1814bd;font-family:var(--font-ui);grid-template-columns:auto minmax(110px,auto) minmax(42px,1fr) minmax(130px,.82fr);align-items:center;gap:12px;text-decoration:none;display:grid;position:relative}.project-index-row:before{z-index:-1;content:"";background:#fff9ec00;border:1px solid #c25a2c00;transition:border-color .16s,background .16s,box-shadow .16s;position:absolute;inset:-8px -10px;rotate:-.25deg}.project-index-row:hover:before,.project-index-row:focus-visible:before{background:linear-gradient(-2deg,#0000 8%,#c25a2c14 8% 92%,#0000 92%),#fff9ec33;border-color:#c25a2c52;box-shadow:0 0 0 1px #c25a2c14}.project-index-row:focus-visible{outline-offset:6px;outline:2px solid #c25a2c61}.project-index-title,.project-index-label{font-size:14px;line-height:1.22}.project-index-label{color:#1d18149e}.project-index-rule{background:#1d18142e;height:1px;transition:background .16s;display:block}.project-index-row:hover .project-index-rule,.project-index-row:focus-visible .project-index-rule{background:#1d181475}.project-index-issue{color:#1d181494;text-transform:uppercase;border:0;padding:0;font-size:14px;font-weight:700;line-height:1.22}.project-index-row-disabled{opacity:.58}.project-index-note{color:#1d181485;max-width:38ch;font-family:var(--font-ui);margin:30px auto 0;font-size:12px;line-height:1.5}.comic-page-note{z-index:4;max-width:520px;color:var(--ink);mix-blend-mode:normal;pointer-events:none;position:absolute;top:0;left:0}.comic-page-note h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;text-transform:none;-webkit-text-stroke:0;filter:none;margin:3px 0 0;font-size:clamp(40px,4.8vw,68px);font-weight:700;line-height:1}.comic-page-note .panel-kicker{color:var(--ziggy-clay);font-family:var(--font-ui);letter-spacing:0;text-transform:uppercase;margin:0;font-size:14px;font-weight:700;line-height:1}.comic-intro-panel{mix-blend-mode:multiply;background:radial-gradient(circle at 82% 12%,#c25a2c14,#0000 24%),repeating-linear-gradient(-7deg,#40352d07 0 1px,#0000 1px 12px);border:0;align-content:center;padding:clamp(10px,1.5vw,18px) clamp(8px,1.2vw,14px);display:grid;position:relative;overflow:hidden}.comic-intro-panel h2{max-width:9ch;font-family:var(--font-ui);letter-spacing:0;margin:0 0 14px;font-size:clamp(30px,4vw,48px);font-weight:700;line-height:.96}.comic-intro-panel p:not(.panel-kicker){color:#1d1814b8;max-width:38ch;font-family:var(--font-ui);margin:0;font-size:13px;line-height:1.48}.comic-panel{aspect-ratio:2/3;background:0 0;background-image:var(--cover-image);background-blend-mode:normal;filter:saturate(.9)contrast(.94)sepia(.04);isolation:isolate;min-height:0;color:inherit;transform-origin:bottom;background-position:50%;background-size:cover;border:clamp(8px,1vw,12px) solid #fff9ecf0;text-decoration:none;transition:filter .18s,box-shadow .18s,translate .18s,rotate .18s;display:block;position:relative;overflow:visible;box-shadow:0 16px 28px #33292033,inset 0 2px #fffdf86b,inset 0 0 0 2px #1d1814a8,inset 0 0 30px #fff9ec24}.comic-panel>*{position:relative}.comic-panel:hover,.comic-panel:focus-visible{outline-offset:6px;filter:saturate(.94)contrast(.98)sepia(.03);z-index:5;outline:2px solid #c25a2c8a;translate:0 -10px;box-shadow:0 28px 42px #33292047,inset 0 2px #fffdf86b,inset 0 0 0 2px #1d1814c2,inset 0 0 30px #fff9ec1f}.comic-panel:before{z-index:2;mix-blend-mode:soft-light;content:"";pointer-events:none;background:linear-gradient(#fff9ec33,#0000 28%,#1d18141a),repeating-linear-gradient(0deg,#fff9ec0d 0 1px,#0000 1px 6px),linear-gradient(#fff9ec29,#fff9ec29);position:absolute;inset:0}.comic-panel-art{z-index:0;display:none;position:absolute;inset:0}.comic-sunburst,.comic-hero,.comic-prop{display:block;position:absolute}.comic-sunburst{background:conic-gradient(from 8deg at 52% 50%, #fffdf8bd 0 8deg, transparent 8deg 18deg);opacity:.52;inset:-80px}.comic-hero{background:radial-gradient(circle at 50% 18%, var(--cream-0) 0 22px, transparent 23px), linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) 50% 0 / 2px 100% no-repeat, linear-gradient(135deg, var(--ziggy-caramel), var(--ziggy-clay));border:2px solid #1d1814db;border-radius:38px 38px 15px 15px;width:78px;height:154px;bottom:84px;right:34%;box-shadow:0 9px #1d18141f}.comic-hero:before,.comic-hero:after{content:"";background:#1d1814d1;position:absolute}.comic-hero:before{width:150px;height:3px;top:66px;left:-38px;rotate:-8deg}.comic-hero:after{background:linear-gradient(90deg,#1d1814d1 0 4px,#0000 4px 30px,#1d1814d1 30px 34px);border-radius:0 0 18px 18px;width:42px;height:34px;bottom:-28px;left:18px}.comic-prop{background:#fffdf8a8;border:2px solid #1d1814cc;box-shadow:3px 4px #1d18141f}.issue-design-system .comic-prop-one{background:repeating-linear-gradient(90deg,#1d181473 0 1px,#0000 1px 9px),#fffdf8c2;width:132px;height:24px;top:40px;left:34px;rotate:-14deg}.issue-design-system .comic-prop-two{background:linear-gradient(#1d18144d,#1d18144d) 0/100% 2px no-repeat,linear-gradient(90deg,#1d18144d,#1d18144d) 50% 0/2px 100% no-repeat,#fffdf8ad;width:118px;height:92px;bottom:94px;right:34px}.issue-design-system .comic-prop-three{background:repeating-linear-gradient(0deg, var(--ziggy-gold) 0 9px, var(--cream-1) 9px 18px);width:92px;height:54px;bottom:100px;left:48px}.issue-making-of .comic-panel-art{background:linear-gradient(180deg, #fffdf814, #1d181447), radial-gradient(circle at 20% 18%, #fff9ecdb, transparent 19%), linear-gradient(135deg, #b8cad194, #c25a2c33), var(--neutral-1)}.issue-making-of .comic-hero{background:radial-gradient(circle at 50% 18%, var(--cream-0) 0 15px, transparent 16px), linear-gradient(135deg, var(--support-paper-blue), var(--support-sky));width:54px;height:100px;bottom:58px;right:38%}.issue-making-of .comic-prop-one{background:linear-gradient(#1d1814a8,#1d1814a8) 50%/42px 24px no-repeat,#fffdf8c2;border-radius:5px;width:94px;height:60px;top:24px;left:24px}.issue-making-of .comic-prop-two{border-radius:7px;width:64px;height:44px;top:32px;right:28px}.issue-making-of .comic-prop-two:after{content:"";border:2px solid #1d1814cc;border-radius:50%;width:14px;height:14px;position:absolute;top:10px;left:18px}.issue-making-of .comic-prop-three{background:repeating-linear-gradient(90deg, var(--neutral-7) 0 7px, var(--cream-0) 7px 14px);width:94px;height:34px;bottom:56px;right:26px}.issue-dog-health .comic-panel-art{background:linear-gradient(180deg, #fffdf81f, #1d181447), radial-gradient(circle at 18% 16%, #fff1d5e0, transparent 18%), linear-gradient(135deg, #d7a04d80, #53694f38), var(--cream-2)}.issue-dog-health .comic-hero{background:radial-gradient(circle at 24% 28%, var(--neutral-7) 0 3px, transparent 4px), radial-gradient(circle at 39% 31%, var(--neutral-7) 0 2px, transparent 3px), linear-gradient(135deg, var(--ziggy-gold), var(--ziggy-caramel));border-radius:52% 38% 34% 36%;width:124px;height:82px;bottom:64px;right:31%}.issue-dog-health .comic-hero:before{clip-path:polygon(0 100%,45% 0,100% 100%);background:var(--ziggy-gold);width:34px;height:40px;top:-10px;left:-14px;rotate:-18deg}.issue-dog-health .comic-hero:after{clip-path:polygon(0 16%,100% 0,82% 100%,8% 74%);background:#c25a2ce0;width:64px;height:48px;inset:20px -42px auto auto}.issue-dog-health .comic-prop-one{background:linear-gradient(var(--support-moss), var(--support-moss)) 50% 22% / 8px 28px no-repeat, linear-gradient(90deg, var(--support-moss), var(--support-moss)) 50% 50% / 28px 8px no-repeat, #fffdf8bd;border-radius:50%;width:50px;height:50px;top:26px;right:24px}.issue-dog-health .comic-prop-two{background:#fffdf8b8;border-radius:999px;width:76px;height:18px;bottom:48px;left:24px}.issue-dog-health .comic-prop-three{display:none}.comic-panel-copy{z-index:3;mix-blend-mode:normal;text-shadow:0 1px #fff9ec9e,0 0 10px #fff9ec75;background:0 0;gap:2px;padding:0;display:grid;position:absolute;inset:12px 12px auto}.issue-design-system .comic-panel-copy{text-align:left;width:auto;inset:auto 18px 26px;rotate:-1.5deg}.issue-making-of .comic-panel-copy{inset:auto 18px 26px;rotate:-1deg}.issue-dog-health .comic-panel-copy{top:18px;left:18px;right:18px;rotate:-1deg}.comic-panel-copy span,.comic-panel-label{color:#1d1814d1;font-family:var(--font-ui);letter-spacing:0;text-transform:uppercase;font-size:9px;font-weight:700}.comic-panel-copy>span{background:#fff9ecdb;border:2px solid #1d1814c2;justify-self:start;padding:5px 7px;box-shadow:2px 2px #1d18142e}.comic-panel-copy h3{color:var(--cream-0);font-family:var(--font-ui);text-transform:uppercase;-webkit-text-stroke:1.4px #1d1814e6;max-width:10ch;filter:drop-shadow(3px 3px 0 var(--ziggy-clay)) drop-shadow(5px 5px 0 #1d18146b);margin:0;font-size:clamp(28px,3.2vw,48px);font-weight:700;line-height:.86;display:inline-block;transform:skew(-3deg)}.issue-design-system .comic-panel-copy h3{max-width:10ch;font-size:clamp(30px,3.25vw,50px)}.issue-making-of .comic-panel-copy h3,.issue-dog-health .comic-panel-copy h3{max-width:10ch;font-size:clamp(28px,3vw,46px)}.comic-panel-copy p{color:#1d1814b8;font-family:var(--font-ui);margin:0;font-size:10.5px;line-height:1.32}.comic-panel-copy .comic-panel-label{background:var(--ziggy-clay);color:var(--cream-0);border:2px solid #1d1814c7;justify-self:start;margin-top:4px;padding:5px 8px;font-size:9px;line-height:1;box-shadow:3px 3px #1d181438}.comic-panel-meta{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.comic-panel-meta li{background:var(--support-paper-blue);color:var(--ink);font-family:var(--font-ui);text-transform:uppercase;clip-path:polygon(0 10%,100% 0,96% 100%,4% 92%);border:2px solid #1d1814d1;padding:5px 7px;font-size:8px;font-weight:700;line-height:1;box-shadow:2px 2px #1d181438}.comic-panel-tooltip{z-index:7;color:#1d1814d1;width:auto;font-family:var(--font-ui);opacity:0;pointer-events:none;filter:none;text-shadow:0 1px #fff9ec7a;background:#fff9ecf0;border:0;border-left:2px solid #c25a2c8c;border-radius:0;margin:0;padding:8px 10px;font-size:11px;line-height:1.36;transition:opacity .18s,translate .18s;position:absolute;inset:auto 12px 16px;translate:0 8px}.comic-panel-tooltip:before,.comic-panel-tooltip:after{display:none}.comic-panel:hover .comic-panel-tooltip,.comic-panel:focus-visible .comic-panel-tooltip,.comic-panel:focus-within .comic-panel-tooltip{opacity:1;translate:0}.paper-surface{z-index:0;object-fit:cover;object-position:center;filter:drop-shadow(0 28px 44px #3329203d);pointer-events:none;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.paper-page{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#1d181438 transparent;min-height:640px;max-height:min(650px,100svh - 206px);padding-right:6px;position:static;overflow-y:auto}.paper-section{z-index:1;position:relative}.story-panel-backpack h2{clear:none;max-width:none;color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0 0 20px;font-size:14px;font-weight:400;line-height:1.58}.paper-section h3{color:var(--neutral-7);font-family:var(--font-ui);letter-spacing:0;margin:14px 0 12px;font-size:clamp(25px,3vw,38px);font-weight:700;line-height:1}.paper-section p{color:var(--ink);font-family:var(--font-ui);margin:0 0 16px;font-size:14px;font-weight:400;line-height:1.58}.paperclip-polaroid{float:none;width:min(224px,62%);box-shadow:none;background:0 0;border-radius:0;margin:0 auto 34px;position:relative;rotate:-2deg}.paperclip-polaroid:before,.paperclip-polaroid:after{display:none}.paperclip-polaroid img{object-fit:contain;filter:contrast(.96)saturate(.92);border-radius:0;width:100%;height:auto;display:block}.about-copy{max-width:38ch;margin:0 auto}.cv-paper-section{max-width:38ch;margin:0 auto;padding-top:58px;padding-bottom:42px}.inline-paper-link{color:var(--ziggy-clay);font-family:inherit;font-size:inherit;line-height:inherit;text-underline-offset:3px;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;padding:1px 5px 2px;-webkit-text-decoration:underline #c25a2c75;text-decoration:underline #c25a2c75;display:inline-flex;position:relative}.inline-paper-link:hover,.inline-paper-link:focus-visible{outline-offset:3px;background:linear-gradient(2deg,#0000 8%,#c25a2c14 8% 92%,#0000 92%),#fff9ec24;border-color:#c25a2c85;outline:2px solid #c25a2c29;text-decoration-color:#0000;rotate:-.6deg;box-shadow:inset 0 0 0 1px #c25a2c1f,0 0 0 1px #c25a2c14}.cv-panel-back-action{z-index:2;font-family:var(--font-ui);font-size:12px;font-weight:700;position:absolute;top:clamp(40px,4.6vw + 4px,60px);left:clamp(70px,8vw,88px)}.cv-paper-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 18px;margin-bottom:20px;display:grid}.cv-paper-header h3{margin-top:0}.cv-paper-header p{font-family:var(--font-ui);margin:0;font-size:12px;font-weight:500}.cv-chip-list{flex-wrap:wrap;gap:6px;margin:18px 0 22px;display:flex}.cv-chip-list span{color:#40352dc7;background:#fff9ecb3;border:1px solid #40352d29;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.cv-experience-list{gap:18px;display:grid}.cv-section-list{gap:10px;margin-top:22px;display:grid}.cv-section-list h3,.cv-experience-list h3{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0 0 2px;font-size:13px;font-weight:500}.cv-section-list article{border-top:1px solid #40352d1f;padding-top:10px}.cv-section-list h4{color:var(--ink);font-family:var(--font-ui);margin:0 0 4px;font-size:13px;font-weight:500;line-height:1.36}.cv-section-list ul{margin:0;padding-left:18px}.cv-section-list li{color:var(--ink);font-family:var(--font-ui);margin-bottom:6px;font-size:13px;line-height:1.46}.cv-section-list p{margin-bottom:0;font-size:13px;line-height:1.46}.cv-experience-list article{border-top:1px solid #40352d1f;padding-top:14px}.cv-experience-list h4{color:var(--ink);margin:0 0 4px;font-size:13px;font-weight:500}.cv-experience-list article>p{font-family:var(--font-ui);margin:0 0 8px;font-size:12px}.cv-experience-list ul{margin:0;padding-left:18px}.cv-experience-list li{color:var(--ink);font-family:var(--font-ui);margin-bottom:6px;font-size:13px;line-height:1.46}.story-panel-ziggy{width:min(1260px,100vw - 40px,122.7svh - 49.08px);max-height:none;box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.story-panel-ziggy .panel-close{z-index:8;float:none;color:var(--neutral-7);box-shadow:none;background:0 0;border-color:#1d1814e0;position:absolute;top:4.5%;right:4.5%}.story-panel-ziggy .panel-close:hover,.story-panel-ziggy .panel-close:focus-visible{background:0 0;outline-color:#1d181452}.ziggy-album{aspect-ratio:1570/1280;isolation:isolate;width:100%;position:relative}.ziggy-album-surface{z-index:0;object-fit:contain;filter:drop-shadow(0 28px 52px #40352d3d);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.ziggy-photo-page{z-index:2;isolation:isolate;grid-template-rows:auto auto auto;align-content:center;place-items:center;row-gap:2px;width:41%;height:85%;display:grid;position:absolute;top:7%;left:5%}.ziggy-photo-page:before{display:none}.ziggy-polaroid{filter:drop-shadow(8px 14px 14px #40352d33);background:0 0;width:min(76%,300px);margin:0;transition:translate .3s cubic-bezier(.16,1,.3,1),rotate .3s cubic-bezier(.16,1,.3,1),filter .3s cubic-bezier(.16,1,.3,1);display:grid;position:relative;rotate:-2deg}.ziggy-polaroid:hover,.ziggy-polaroid:focus-within{filter:drop-shadow(10px 18px 18px #40352d42);translate:0 -5px;rotate:-1deg}.ziggy-polaroid img{object-fit:contain;width:100%;height:auto;display:block}.ziggy-carousel-controls{color:var(--ziggy-cocoa);font-family:var(--font-ui);justify-content:center;align-items:center;gap:14px;margin-top:24px;font-size:12px;display:flex}.ziggy-carousel-controls button{color:var(--ziggy-clay);text-underline-offset:3px;background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 5px 4px;-webkit-text-decoration:underline #c25a2c6b;text-decoration:underline #c25a2c6b}.ziggy-carousel-controls button:hover,.ziggy-carousel-controls button:focus-visible{outline-offset:3px;background:#fff9ec57;border-color:#c25a2c6b;outline:2px solid #c25a2c29;rotate:-.5deg}.ziggy-carousel-dots{justify-content:center;gap:7px;margin-top:0;display:flex}.ziggy-carousel-dots button{background:0 0;border:1px solid #7b4f328a;border-radius:50%;width:8px;height:8px;padding:0}.ziggy-carousel-dots button[aria-current=true]{background:var(--ziggy-clay);border-color:var(--ziggy-clay)}.ziggy-story-page{z-index:3;scrollbar-color:#7b4f3247 transparent;scrollbar-width:thin;width:41%;height:85%;font-family:var(--font-ui);gap:14px;padding:1% 3.2% 4% 2.8%;display:grid;position:absolute;top:7%;right:5%;overflow-y:auto}.story-panel-ziggy .panel-kicker{color:var(--ziggy-clay);margin:0}.story-panel-ziggy h2{clear:none;color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:700;line-height:1.05}.story-panel.story-panel-ziggy h2.ziggy-title-tape{color:#493727;text-align:center;text-wrap:balance;white-space:nowrap;filter:drop-shadow(0 5px 5px #40352d21);background:url(/assets/ziggy-memory-book/ziggy-title-tape.png) 50%/100% 100% no-repeat;place-items:center;width:min(100%,390px);min-height:76px;margin:0 0 4px -10px;padding:16px 24px 18px;font-size:clamp(22px,1.8vw,28px);line-height:1;display:grid;rotate:-.6deg}.ziggy-story-copy{gap:14px;display:grid}.ziggy-story-copy p{color:#40352de0;font-family:var(--font-ui);margin:0;font-size:clamp(13px,1.05vw,15px);font-weight:400;line-height:1.58}.ziggy-story-copy p:nth-child(3),.ziggy-story-copy p:nth-last-child(2),.ziggy-story-copy p:last-child{color:var(--ink);font-family:var(--font-ui);font-size:inherit;line-height:1.58}.ziggy-message-card{background:#fffbf1e0;border:1px solid #c25a2c33;border-radius:8px;margin-top:14px;padding:18px}.ziggy-message-card h3{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0 0 10px;font-size:16px;font-weight:700}.ziggy-message-card>p{color:#40352dc7;font-family:var(--font-ui);margin:0 0 16px;font-size:13px;line-height:1.5}.ziggy-message-form{gap:12px;display:grid}.ziggy-message-form label{color:#40352dd6;font-family:var(--font-ui);gap:6px;font-size:12px;font-weight:600;display:grid}.ziggy-message-form input,.ziggy-message-form textarea{width:100%;color:var(--ink);font:inherit;background:#fffdf8eb;border:1px solid #7b4f323d;border-radius:8px;padding:10px 11px;font-weight:400}.ziggy-message-form textarea{resize:vertical;min-height:108px}.ziggy-message-form input::placeholder,.ziggy-message-form textarea::placeholder{color:#40352d70}.ziggy-message-form input:focus,.ziggy-message-form textarea:focus{outline-offset:2px;border-color:#d7a04db8;outline:2px solid #d7a04d38}.ziggy-submit{border:1px solid var(--ziggy-clay);background:var(--ziggy-clay);color:#fffaf2;font-family:var(--font-ui);border-radius:8px;justify-self:start;padding:9px 14px;font-size:12px;font-weight:700;text-decoration:none}.ziggy-submit:hover,.ziggy-submit:focus-visible{outline-offset:3px;background:#a94720;outline:2px solid #c25a2c3d;rotate:-.6deg;box-shadow:0 5px 14px #c25a2c3d}.ziggy-message-status{color:var(--ziggy-cocoa);font-family:var(--font-ui);margin:0;font-size:12px}.ziggy-saved-messages{border-top:1px solid #7b4f3229;margin-top:18px;padding-top:14px}.ziggy-saved-messages h4{color:var(--ziggy-caramel);font-family:var(--font-ui);text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.ziggy-saved-messages ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ziggy-saved-messages li{color:#40352dd1;font-family:var(--font-reading);gap:3px;font-size:14px;line-height:1.42;display:grid}.ziggy-saved-messages strong{color:var(--ink);font-family:var(--font-ui);font-size:11px}.story-panel-contact{width:min(920px,100vw - 40px);max-height:min(620px,100svh - 40px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible}.story-panel-contact .panel-close{z-index:4;float:none;background:#fff9ec57;position:absolute;top:28px;right:32px}.postcard-back{background:linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) 8px 8px / calc(100% - 16px) 2px no-repeat, linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) 8px calc(100% - 10px) / calc(100% - 16px) 2px no-repeat, linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) 8px 8px / 2px calc(100% - 16px) no-repeat, linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) calc(100% - 10px) 8px / 2px calc(100% - 16px) no-repeat, radial-gradient(circle at 16% 18%, #fffdf8b8, transparent 24%), linear-gradient(0deg, #c25a2c0a, #c25a2c0a), var(--cream-0);min-height:500px;color:var(--ink);isolation:isolate;background-clip:border-box;border:0;border-radius:0;grid-template-columns:minmax(0,.92fr) minmax(320px,1fr);gap:34px;padding:clamp(48px,5vw,70px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #40352d38,inset 0 0 0 1px #fffdf88a}.postcard-back:before,.postcard-back:after{content:"";pointer-events:none;position:absolute}.postcard-back:before{z-index:0;background:#40352d3d;width:1px;top:15%;bottom:15%;left:46%}.postcard-back:after{opacity:.72;background:linear-gradient(#40352d47,#40352d47) 0 18px/100% 1px no-repeat,linear-gradient(#40352d3d,#40352d3d) 0 46px/100% 1px no-repeat,linear-gradient(#40352d33,#40352d33) 0 74px/100% 1px no-repeat;width:230px;height:90px;bottom:42px;right:52px}.postcard-left,.postcard-form,.postcard-stamp{z-index:1;position:relative}.postcard-left{align-content:start;gap:18px;padding-right:18px;display:grid}.postcard-left p{color:#40352dc7;max-width:31ch;font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.58}.postcard-form{align-content:start;gap:14px;padding:8px 0 0;display:grid}.postcard-form h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0 92px 4px 0;font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1}.postcard-to{font-family:var(--font-ui);border-bottom:1px solid #40352d47;grid-template-columns:auto 1fr;align-items:baseline;gap:12px;padding-bottom:8px;display:grid}.postcard-to span,.postcard-form label{color:#40352db8;font-family:var(--font-ui);text-transform:uppercase;font-size:12px;font-weight:700}.postcard-to strong{color:var(--ink);font-size:14px}.postcard-form label{text-transform:none;gap:7px;display:grid}.postcard-form input,.postcard-form textarea{width:100%;color:var(--ink);font-family:var(--font-ui);background:0 0;border:0;border-bottom:1px solid #40352d42;border-radius:0;padding:7px 0 8px;font-size:14px;line-height:1.45}.postcard-form textarea{resize:vertical;min-height:114px}.postcard-form input::placeholder,.postcard-form textarea::placeholder{color:#40352d6b}.postcard-form input:focus,.postcard-form textarea:focus{outline-offset:4px;outline:2px solid #c25a2c2e}.postcard-send{color:var(--ziggy-clay);font-family:var(--font-ui);text-transform:uppercase;background:0 0;border:2px solid #c25a2cb8;border-radius:0;justify-self:start;padding:8px 11px;font-size:12px;font-weight:700;rotate:-.7deg}.postcard-send:hover,.postcard-send:focus-visible{outline-offset:3px;background:#c25a2c17;outline:2px solid #c25a2c33;box-shadow:inset 0 0 0 1px #c25a2c2e}.postcard-status{color:var(--ziggy-cocoa);font-family:var(--font-ui);margin:0;font-size:12px}.postcard-stamp{width:72px;height:82px;color:var(--ziggy-clay);font-family:var(--font-ui);background:radial-gradient(circle,#c25a2c1f 0 2px,#0000 3px) 0 0/12px 12px,#fffdf852;border:2px solid #c25a2c9e;border-radius:0;place-items:center;margin-bottom:auto;font-size:12px;font-weight:700;display:grid;position:relative;rotate:2deg}.postcard-stamp:after{content:"";border:1px solid #c25a2c75;position:absolute;inset:10px}.postcard-stamp span{z-index:1;position:relative}.panel-close{float:right;width:32px;height:32px;color:var(--neutral-7);background:0 0;border:2px solid #1d1814e0;border-radius:50%;padding:0;position:relative}.panel-close:before,.panel-close:after{content:"";transform-origin:50%;background:currentColor;width:16px;height:2px;position:absolute;top:50%;left:50%}.panel-close:before{transform:translate(-50%,-50%)rotate(45deg)}.panel-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.panel-close:hover,.panel-close:focus-visible{outline-offset:4px;background:0 0;outline:2px solid #1d181452}.panel-kicker{color:var(--rust);text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700}.story-panel:not(.story-panel-backpack):not(.story-panel-projects) h2{clear:both;font-family:var(--font-ui);letter-spacing:0;margin:0 0 16px;font-size:clamp(32px,4vw,46px);font-weight:700;line-height:.98}.story-panel>p:not(.panel-kicker){color:var(--body);font-family:var(--font-reading);margin:0;font-size:18px;font-weight:400;line-height:1.5}.panel-link{width:fit-content;color:var(--rust);text-underline-offset:3px;background:0 0;border:1px solid #0000;border-radius:3px;justify-self:end;padding:3px 6px 4px;font-size:12px;font-weight:500;-webkit-text-decoration:underline #c25a2c75;text-decoration:underline #c25a2c75;display:inline-flex;position:relative}.panel-link:hover,.panel-link:focus-visible{outline-offset:3px;background:linear-gradient(-2deg,#0000 8%,#c25a2c14 8% 92%,#0000 92%),#fff9ec24;border-color:#c25a2c85;outline:2px solid #c25a2c29;text-decoration-color:#0000;rotate:.6deg;box-shadow:inset 0 0 0 1px #c25a2c1f,0 0 0 1px #c25a2c14}@keyframes panel-enter{0%{opacity:0;translate:0 18px;rotate:-.45deg}to{opacity:1;translate:0;rotate:none}}.case-page{min-height:100svh;color:var(--ink);background:linear-gradient(#fff9ecd6,#fff9ece6),url(/assets/v5/park-garden-v5-environment-poster.png) top/cover no-repeat fixed;padding:clamp(28px,4vw,52px) 0 clamp(64px,9vw,120px)}.case-back-link{z-index:3;font-family:var(--font-ui);margin-left:clamp(22px,4vw,54px);font-size:12px;font-weight:700;display:inline-flex;position:sticky;top:22px}.case-back-link:hover,.case-back-link:focus-visible{outline-color:#c25a2c29}.case-hero,.case-proof-strip,.case-stage,.case-closing{width:min(70vw,980px);margin-left:auto;margin-right:auto}.case-hero{padding:clamp(72px,10vw,132px) 0 clamp(38px,6vw,72px)}.case-kicker{color:var(--ziggy-clay);font-family:var(--font-ui);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.case-hero h1,.case-stage h2,.case-closing h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0;font-weight:700}.case-hero h1{max-width:10ch;font-size:clamp(52px,8vw,112px);line-height:.88}.case-hero p:not(.case-kicker),.case-closing p{color:#1d1814c2;max-width:54ch;font-family:var(--font-ui);margin:24px 0 0;font-size:clamp(16px,1.4vw,20px);line-height:1.55}.case-proof-strip{flex-wrap:wrap;gap:8px;margin-bottom:clamp(54px,8vw,96px);display:flex}.case-proof-strip span{color:#1d1814c2;font-family:var(--font-ui);text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9ec94;border:1px solid #1d18142e;padding:8px 10px;font-size:12px;font-weight:700}.case-stage-list{gap:clamp(72px,11vw,140px);display:grid}.case-stage{grid-template-columns:minmax(0,.74fr) minmax(0,1.16fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.case-stage:nth-child(2n){grid-template-columns:minmax(0,1.16fr) minmax(0,.74fr)}.case-stage:nth-child(2n) .case-stage-copy{grid-column:2}.case-stage:nth-child(2n) .case-image-frame{grid-area:1/1}.case-stage h2,.case-closing h2{max-width:13ch;font-size:clamp(30px,4.3vw,64px);line-height:.95}.case-stage-copy p:not(.case-kicker){color:#1d1814c2;max-width:36ch;font-family:var(--font-ui);margin:18px 0 0;font-size:15px;line-height:1.58}.case-image-frame{background:#fff9ec8a;border:12px solid #fff9ecdb;margin:0;overflow:hidden;box-shadow:0 24px 48px #3329202e}.case-image-frame img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.92)contrast(.96)sepia(.03);width:100%;display:block}.case-image-frame figcaption{color:#1d1814a8;font-family:var(--font-ui);border-top:1px solid #1d18141f;padding:12px 14px;font-size:12px;line-height:1.45}.frame-1{rotate:.5deg}.frame-2{rotate:-.6deg}.frame-3{rotate:.2deg}.frame-4{rotate:-.3deg}.case-closing{border-top:1px solid #1d18142e;margin-top:clamp(84px,13vw,160px);padding-top:clamp(36px,5vw,60px)}.case-reveal{animation:.72s both case-reveal}@supports (animation-timeline:view()){.case-reveal{animation-timeline:view();animation-range:entry cover 28%}}@keyframes case-reveal{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0}}.case-page-making-of{background:var(--neutral-0);isolation:isolate;position:relative;overflow:hidden}.case-page-making-of:before{z-index:-2;filter:blur(28px)saturate(.82);content:"";background:url(/assets/v5/park-garden-v5-environment-poster.png) 50%/cover no-repeat;position:fixed;inset:-40px;scale:1.08}.case-page-making-of:after{z-index:-1;content:"";background:linear-gradient(#fffdf8e6,#fffdf8f5),radial-gradient(circle at 14% 24%,#c25a2c1f,#0000 24%),radial-gradient(circle at 84% 18%,#5d79611f,#0000 26%);position:fixed;inset:0}.case-dossier,.case-brief-grid,.case-process-board,.case-system-grid,.case-art-direction,.case-structure-map,.case-page-making-of .case-closing{width:min(68vw,960px);margin-left:auto;margin-right:auto}.case-dossier{padding:clamp(78px,11vw,148px) 0 clamp(36px,5vw,68px)}.case-dossier-meta{flex-wrap:wrap;gap:8px;margin-bottom:clamp(26px,4vw,42px);display:flex}.case-dossier-meta span,.case-brief-grid span,.case-evidence-frame figcaption span{color:#1d181494;font-family:var(--font-ui);text-transform:uppercase;background:#fff9ec7a;border:1px solid #1d18142e;padding:6px 8px;font-size:10px;font-weight:700;line-height:1}.case-dossier h1{max-width:12ch;color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:clamp(38px,5.5vw,68px);font-weight:700;line-height:1}.case-dossier>p{color:#1d1814bd;max-width:56ch;font-family:var(--font-ui);margin:clamp(24px,3vw,34px) 0 0;font-size:clamp(16px,1.45vw,20px);line-height:1.55}.case-brief-grid{border-top:1px solid #1d181429;border-bottom:1px solid #1d181429;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-brief-grid article{padding:clamp(22px,3vw,34px) clamp(14px,2vw,24px)}.case-brief-grid article+article{border-left:1px solid #1d181429}.case-brief-grid p{color:#1d1814b8;font-family:var(--font-ui);margin:14px 0 0;font-size:13px;line-height:1.52}.case-process-board{box-shadow:none;background:0 0;border-top:1px solid #1d181429;border-bottom:0;margin-top:clamp(64px,9vw,118px);padding:clamp(26px,4vw,44px) 0 0}.case-process-board header,.case-system-grid header,.case-structure-map header{gap:16px;margin-bottom:clamp(24px,4vw,42px);display:grid}.case-process-board h2,.case-system-grid h2,.case-art-direction h2,.case-structure-map h2,.case-page-making-of .case-closing h2{max-width:13ch;color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.04}.case-process-board ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.case-process-board li{border-top:1px solid #1d181424;grid-template-columns:52px minmax(0,1fr);gap:clamp(18px,3vw,34px);padding:clamp(20px,3vw,30px) 0;display:grid}.case-process-board li:last-child{border-bottom:1px solid #1d181424}.case-process-board li>span{color:var(--ziggy-clay);font-family:var(--font-ui);font-size:14px;font-weight:700}.case-process-board h3{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:clamp(18px,2vw,28px);font-weight:700;line-height:1.08}.case-process-board li p{color:#1d1814b8;max-width:58ch;font-family:var(--font-ui);margin:10px 0 0;font-size:14px;line-height:1.56}.case-system-grid,.case-art-direction,.case-structure-map{margin-top:clamp(72px,10vw,132px)}.case-system-panels{gap:clamp(18px,3vw,30px);display:grid}.case-doc-stack,.case-foundation-board,.case-component-board,.case-screen-card{box-shadow:none;background:#ffffff94;border:1px solid #1d18141f;border-radius:2px}.case-doc-stack,.case-foundation-board,.case-component-board{padding:clamp(24px,3vw,36px)}.case-doc-stack h3,.case-foundation-board h3,.case-component-board h3{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0 0 22px;font-size:16px;font-weight:700}.case-doc-stack ul,.case-component-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.case-doc-stack li{border-top:1px solid #1d18141f;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:16px;padding:16px 0;display:grid}.case-doc-stack li:first-child{border-top:0;padding-top:0}.case-doc-stack li>span{background:linear-gradient(180deg, #ffffffd1, #fff9ece6), var(--cream-0);border:1px solid #1d18142e;border-radius:3px;width:38px;height:29px;display:block;position:relative;box-shadow:0 6px 12px #33292012}.case-doc-stack li>span:before{content:"";background:#fffdf8eb;border:1px solid #1d18142e;border-bottom:0;border-radius:3px 3px 0 0;width:17px;height:7px;position:absolute;top:-5px;left:5px}.case-doc-stack li div{gap:4px;display:grid}.case-doc-stack strong,.case-doc-stack em{font-family:var(--font-ui);line-height:1.35}.case-doc-stack strong{color:var(--ink);font-size:14px;font-weight:700}.case-doc-stack em{color:#1d18149e;font-size:12px;font-style:normal}.case-foundation-stack{gap:22px;display:grid}.case-color-row{border:1px solid #1d18141f;grid-template-columns:repeat(5,1fr);display:grid}.case-color-row span{align-items:end;gap:4px;min-height:74px;padding:8px;display:grid}.case-color-row span strong{color:#1d1814ad;font-family:var(--font-ui);font-size:10px;font-weight:700}.case-color-row code{color:#1d1814b8;font-family:var(--font-ui);font-size:9px}.case-color-row span:first-child{background:var(--cream-0)}.case-color-row span:nth-child(2){background:var(--ziggy-gold)}.case-color-row span:nth-child(3){background:var(--ziggy-clay)}.case-color-row span:nth-child(4){background:var(--support-moss)}.case-color-row span:nth-child(5){background:var(--neutral-7)}.case-color-row span:nth-child(5) code,.case-color-row span:nth-child(5) strong{color:var(--cream-0)}.case-type-board{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;width:min(100%,430px);display:grid}.case-type-board>span{color:var(--ink);font-family:var(--font-ui);font-size:42px;font-weight:700;line-height:1}.case-type-board>span:nth-of-type(2){font-family:var(--font-reading);font-weight:400}.case-type-board div{gap:3px;display:grid}.case-type-board strong,.case-type-board div span{font-family:var(--font-ui);line-height:1.25}.case-type-board strong{color:var(--ink);font-size:13px}.case-type-board div span{color:#1d18149e;font-size:11px}.case-component-demo{gap:16px;display:grid}.case-component-demo button{justify-self:start}.case-component-demo>button:first-child,.case-demo-carousel button{color:var(--ziggy-clay);font-family:var(--font-ui);text-underline-offset:3px;background:0 0;border:1px solid #0000;border-radius:3px;padding:4px 7px 5px;font-size:12px;font-weight:700;-webkit-text-decoration:underline #c25a2c75;text-decoration:underline #c25a2c75}.case-demo-close{border:3px solid var(--ink);background:0 0;border-radius:50%;width:32px;height:32px;position:relative}.case-demo-close:before,.case-demo-close:after{background:var(--ink);content:"";border-radius:999px;width:15px;height:3px;position:absolute;top:50%;left:50%}.case-demo-close:before{transform:translate(-50%,-50%)rotate(45deg)}.case-demo-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.case-demo-carousel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.case-demo-carousel span{color:#1d18149e;font-family:var(--font-ui);font-size:12px}.case-demo-list{color:#1d1814b8;font-family:var(--font-ui);grid-template-columns:auto minmax(86px,auto) minmax(38px,1fr);align-items:center;gap:8px;font-size:12px;display:grid}.case-demo-list i{background:#1d181438;height:1px;display:block}.case-demo-list em{color:#1d181494;grid-column:1/-1;font-style:normal}.case-component-list li{border-top:1px solid #1d18141f;grid-template-columns:minmax(110px,.35fr) minmax(0,1fr);gap:18px;padding:14px 0;display:grid}.case-component-list strong,.case-component-list span{font-family:var(--font-ui);line-height:1.35}.case-component-list strong{color:var(--ink);font-size:12px}.case-component-list span{color:#1d18149e;font-size:11px}.case-art-direction{gap:clamp(20px,3vw,36px);display:grid}.case-art-direction p:not(.case-kicker){color:#1d1814b8;max-width:62ch;font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.58}.case-scene-frame{box-shadow:none;background:0 0;border:0;border-radius:2px;margin:0;overflow:hidden;rotate:none}.case-scene-frame img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.88)contrast(.96)sepia(.04);width:100%;display:block}.case-scene-frame figcaption{color:#1d1814a8;font-family:var(--font-ui);border-top:1px solid #1d18141f;padding:12px 14px;font-size:12px}.case-object-strip{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(14px,2vw,24px);display:grid}.case-object-strip figure{border-top:1px solid #1d18141f;justify-items:center;gap:10px;margin:0;padding-top:16px;display:grid}.case-object-strip img{object-fit:contain;filter:saturate(.9)contrast(.94);width:min(100%,140px);height:98px;display:block}.case-object-strip figcaption{color:#1d1814a3;font-family:var(--font-ui);font-size:11px;line-height:1.3}.case-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,54px);display:grid}.case-screen-card{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;overflow:hidden}.case-screen-card:first-child{grid-column:1/-1}.case-screen-card img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.88)contrast(.96);border-radius:2px;width:100%;display:block}.case-screen-card figcaption{border-top:0;gap:8px;padding:12px 0 0;display:grid}.case-screen-card strong,.case-screen-card span{font-family:var(--font-ui);line-height:1.4}.case-screen-card strong{color:var(--ink);font-size:14px;font-weight:700}.case-screen-card span{color:#1d1814b8;font-size:12px}.case-page-making-of .case-closing{background:0 0}.case-page-design-system .case-dossier h1{max-width:13ch}.case-system-origin,.case-evidence-story,.case-operating-model,.case-system-stats,.case-page-design-system .case-closing{width:min(68vw,960px);margin-left:auto;margin-right:auto}.case-system-origin,.case-evidence-story,.case-operating-model,.case-system-stats{margin-top:clamp(72px,10vw,132px)}.case-system-origin{border-top:1px solid #1d181429;grid-template-columns:.42fr minmax(0,.58fr);align-items:start;gap:clamp(28px,5vw,78px);padding-top:clamp(26px,4vw,44px);display:grid}.case-system-origin h2,.case-evidence-story h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.06}.case-system-origin>p,.case-evidence-story header p:not(.case-kicker),.case-page-design-system .case-closing p{color:#1d1814bd;font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.62}.case-system-origin>p{max-width:58ch}.case-evidence-story{gap:clamp(24px,4vw,46px);display:grid}.case-evidence-story header{grid-template-columns:.36fr minmax(0,.64fr);align-items:start;gap:clamp(20px,4vw,58px);display:grid}.case-evidence-story header .case-kicker{grid-column:1}.case-evidence-story header h2,.case-evidence-story header p:not(.case-kicker){grid-column:2}.case-evidence-story header p:not(.case-kicker){max-width:58ch}.case-operating-model{gap:clamp(24px,4vw,46px);display:grid}.case-operating-model header{grid-template-columns:.36fr minmax(0,.64fr);align-items:start;gap:clamp(20px,4vw,58px);display:grid}.case-operating-model header .case-kicker{grid-column:1}.case-operating-model header h2,.case-operating-model header p:not(.case-kicker){grid-column:2}.case-operating-model h2{color:var(--ink);font-family:var(--font-ui);letter-spacing:0;margin:0;font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.06}.case-operating-model header p:not(.case-kicker){color:#1d1814bd;max-width:58ch;font-family:var(--font-ui);margin:0;font-size:14px;line-height:1.62}.case-operating-grid{border-top:1px solid #1d181429;display:grid}.case-operating-grid article{border-bottom:1px solid #1d181429;grid-template-columns:52px minmax(0,1fr);gap:clamp(18px,3vw,34px);padding:clamp(18px,3vw,28px) 0;display:grid}.case-operating-grid article>span{color:var(--ziggy-clay);font-family:var(--font-ui);font-size:14px;font-weight:700}.case-operating-grid h3,.case-operating-grid p{font-family:var(--font-ui);letter-spacing:0;margin:0}.case-operating-grid h3{color:var(--ink);font-size:clamp(18px,2vw,26px);font-weight:700;line-height:1.1}.case-operating-grid p{color:#1d1814b3;max-width:62ch;margin-top:8px;font-size:13px;line-height:1.58}.case-evidence-grid,.case-evidence-strip{gap:clamp(26px,4vw,56px);display:grid}.case-evidence-grid{grid-template-columns:1fr}.case-evidence-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.case-evidence-grid figure,.case-evidence-strip figure{gap:12px;margin:0;display:grid}.case-evidence-grid img,.case-evidence-strip img{object-fit:contain;filter:saturate(.9)contrast(.96);background:#ffffffb8;border-radius:2px;width:100%;display:block}.case-evidence-grid img{aspect-ratio:16/10}.case-evidence-strip img{aspect-ratio:4/3}.case-evidence-grid figcaption,.case-evidence-strip figcaption{border-top:1px solid #1d18141f;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:18px;padding-top:12px;display:grid}.case-evidence-strip figcaption{grid-template-columns:1fr;gap:6px}.case-evidence-grid strong,.case-evidence-grid span,.case-evidence-strip strong,.case-evidence-strip span{font-family:var(--font-ui);line-height:1.4}.case-evidence-grid strong,.case-evidence-strip strong{color:var(--ink);font-size:13px;font-weight:700}.case-evidence-grid span,.case-evidence-strip span{color:#1d1814ad;font-size:12px}.case-system-stats{border-top:1px solid #1d181429;border-bottom:1px solid #1d181429;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-system-stats article{gap:10px;padding:clamp(20px,3vw,32px) clamp(14px,2vw,24px);display:grid}.case-system-stats article+article{border-left:1px solid #1d181429}.case-system-stats strong,.case-system-stats span{font-family:var(--font-ui);line-height:1.22}.case-system-stats strong{color:var(--ziggy-clay);font-size:clamp(24px,3vw,38px);font-weight:700}.case-system-stats span{color:#1d1814ad;max-width:22ch;font-size:12px}.case-design-governance li{grid-template-columns:42px minmax(0,1fr)}.case-design-governance h3{max-width:62ch;font-size:clamp(16px,1.8vw,22px);line-height:1.22}@media (width<=780px){.case-page{background:linear-gradient(#fff9ecdb,#fff9eceb),url(/assets/v5/park-garden-v5-environment-poster.png) top/cover no-repeat;padding:22px 0 72px}.case-back-link{margin-left:18px;top:16px}.case-hero,.case-proof-strip,.case-stage,.case-closing{width:min(100% - 36px,680px)}.case-hero{padding:64px 0 36px}.case-hero h1{max-width:9ch;font-size:52px}.case-hero p:not(.case-kicker),.case-closing p{font-size:15px}.case-proof-strip{margin-bottom:56px}.case-proof-strip span{font-size:10px}.case-stage,.case-stage:nth-child(2n){grid-template-columns:1fr;gap:22px}.case-stage:nth-child(2n) .case-stage-copy,.case-stage:nth-child(2n) .case-image-frame{grid-area:auto}.case-stage h2,.case-closing h2{max-width:12ch;font-size:34px}.case-stage-copy p:not(.case-kicker){max-width:none}.case-image-frame{border-width:8px;rotate:none}.case-dossier,.case-brief-grid,.case-process-board,.case-system-grid,.case-art-direction,.case-structure-map,.case-system-origin,.case-evidence-story,.case-operating-model,.case-system-stats,.case-page-making-of .case-closing{width:min(100% - 36px,680px)}.case-dossier h1{font-size:42px}.case-brief-grid{grid-template-columns:1fr}.case-brief-grid article+article{border-top:1px solid #1d181429;border-left:0}.case-process-board{padding:30px 0 0}.case-process-board h2,.case-system-grid h2,.case-art-direction h2,.case-structure-map h2,.case-page-making-of .case-closing h2{font-size:34px}.case-process-board li{grid-template-columns:38px minmax(0,1fr)}.case-system-panels,.case-art-direction,.case-screen-grid,.case-system-origin,.case-evidence-story header,.case-operating-model header,.case-evidence-strip,.case-system-stats{grid-template-columns:1fr}.case-evidence-story header .case-kicker,.case-evidence-story header h2,.case-evidence-story header p:not(.case-kicker),.case-operating-model header .case-kicker,.case-operating-model header h2,.case-operating-model header p:not(.case-kicker){grid-column:auto}.case-operating-grid article{grid-template-columns:38px minmax(0,1fr)}.case-system-stats article+article{border-top:1px solid #1d181429;border-left:0}.case-evidence-grid figcaption{grid-template-columns:1fr;gap:6px}.case-object-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.case-color-row{grid-template-columns:1fr}.case-demo-list{grid-template-columns:auto minmax(0,1fr)}.case-demo-list i{grid-column:1/-1}.case-scene-frame{border-width:8px;rotate:none}.case-screen-card:first-child{grid-column:auto}.identity{width:min(210px,61%);min-height:68px;padding:12px 17px;top:7px;left:7px}.identity-name{font-size:17px}.identity-role{font-size:8px}.world-links{inset:12px 12px auto auto}.scene-annotation{text-shadow:0 1px 6px #fff9eceb;font-size:clamp(10px,2.8vw,13px)}.annotation-arrow{width:clamp(30px,8vw,52px)}.story-strip{grid-template-columns:1fr}.story-strip article{min-height:260px}.story-strip span{margin-bottom:36px}.panel-backdrop{align-items:stretch;padding:0}.story-panel{border-width:0;border-radius:0;width:100%;min-height:100svh;max-height:none;padding:24px}.story-panel-backpack{width:100%;min-height:100svh;padding:76px 44px 52px}.story-panel-backpack .panel-close{top:24px;right:24px}.story-panel-projects{width:100%;min-height:100svh;max-height:none;padding:76px 44px 52px;overflow:visible}.story-panel-projects .panel-close{top:24px;right:24px}.comic-book{aspect-ratio:auto;background:0 0;gap:24px;width:min(360px,100%);min-height:calc(100svh - 36px);padding:86px 0 32px}.comic-page-note{max-width:260px;top:18px;left:0}.comic-page-note h2{font-size:38px}.comic-book-spine{display:none}.comic-intro-panel h2{max-width:12ch;font-size:34px}.comic-page-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:24px}.comic-panel{justify-self:center;width:min(320px,100%);min-height:auto}.project-index-page{min-height:620px;padding-top:0;padding-bottom:36px}.project-index-header{margin-bottom:24px}.project-index-row{grid-template-columns:auto minmax(0,1fr);gap:8px}.project-index-rule{grid-column:1/-1;width:100%}.project-index-issue{justify-self:start}.project-index-label{grid-column:1/-1}.comic-panel-copy{top:14px;left:14px;right:14px}.issue-design-system,.issue-making-of,.issue-dog-health{grid-area:auto}.issue-design-system .comic-panel-copy{padding:0;bottom:14px;left:14px;right:14px}.cv-panel-back-action{top:28px;left:44px}.paper-page{min-height:620px}.story-panel-backpack h2{max-width:none;margin-top:12px}.paper-section p{max-width:none}.paperclip-polaroid{width:min(168px,58%);margin:0 auto 28px}.story-panel-ziggy{background:#ece5d9f5;width:100%;height:100svh;min-height:0;max-height:none;padding:0;overflow:hidden}.panel-backdrop:has(.story-panel-ziggy){padding:0}.story-panel-ziggy .panel-close{position:fixed;top:20px;right:20px}.ziggy-album{aspect-ratio:auto;background:linear-gradient(#fffffc24,#fffffc24),url(/assets/ziggy-memory-book/ziggy-paper-book-cutout.png) top/auto 640px no-repeat,#ece5d9;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100%;min-height:0;display:grid}.ziggy-album-surface{display:none}.ziggy-photo-page{width:100%;height:auto;margin-top:40px;padding:28px 18px 12px;display:grid;position:relative;top:auto;left:auto}.ziggy-polaroid{width:min(54vw,230px)}.ziggy-story-page{background:#fcfbf6e0;width:auto;max-width:none;height:100%;margin:0 18px 18px;padding:28px 24px 40px;position:relative;top:auto;right:auto;overflow-y:auto;box-shadow:0 18px 40px #40352d1f}.story-panel.story-panel-ziggy h2.ziggy-title-tape{width:min(100%,330px);min-height:68px;margin-left:0;font-size:26px}.ziggy-story-copy p{font-size:16px}.story-panel-contact{width:100%;min-height:100svh;max-height:none;padding:20px;overflow:auto}.story-panel-contact .panel-close{position:fixed;top:20px;right:20px}.postcard-back{background:linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) 8px 8px / calc(100% - 16px) 2px no-repeat, linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) 8px calc(100% - 10px) / calc(100% - 16px) 2px no-repeat, linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) 8px 8px / 2px calc(100% - 16px) no-repeat, linear-gradient(var(--ziggy-clay), var(--ziggy-clay)) calc(100% - 10px) 8px / 2px calc(100% - 16px) no-repeat, radial-gradient(circle at 16% 18%, #fffdf8b8, transparent 24%), linear-gradient(0deg, #c25a2c0a, #c25a2c0a), var(--cream-0);grid-template-columns:1fr;gap:28px;min-height:calc(100svh - 40px);padding:74px 34px 34px}.postcard-back:before,.postcard-back:after{display:none}.postcard-left{align-content:start;padding:0}.postcard-left p{max-width:none}.postcard-form h2{margin-right:78px}.postcard-stamp{width:68px;height:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.scene-video{display:none}.scene-fallback{z-index:1}.scene-object,.scene-object:hover,.scene-object:focus-visible{translate:0;rotate:none;scale:1}.object-hover{transition:none}.scene-object:hover .object-hover,.scene-object:focus-visible .object-hover{opacity:1}.object-shine{display:none}.story-panel{animation:none}.case-reveal{opacity:1;animation:none;translate:0}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
