:root{--pink:#f36aa8;--hot-pink:#ee397f;--lavender:#dca3e9;--violet:#7656f6;--periwinkle:#8d9df7;--mint:#baff8d;--paper:#fff9f0;--ink:#171317}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--lavender);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,a{font:inherit}a{color:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-chrome{position:sticky;z-index:100;top:0;min-height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:8px 18px;background:var(--periwinkle);border-bottom:4px solid var(--ink)}.mini-logo{display:grid;place-items:center;width:46px;height:42px;background:var(--pink);border:3px solid var(--ink);box-shadow:4px 4px 0 #fff;font-weight:1000;text-decoration:none;letter-spacing:-2px}.site-chrome nav{display:flex;justify-content:center;gap:clamp(12px,5vw,72px)}.site-chrome nav a{padding:7px 16px 6px;background:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 #a563ce;font-weight:900;text-decoration:none;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.site-chrome nav a:hover,.site-chrome nav a:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #a563ce}.window-controls{display:flex;gap:7px}.window-controls span,.window-bar i{display:grid;place-items:center;width:38px;height:38px;background:#fff;border:3px solid var(--ink);font-style:normal;font-size:27px;line-height:1}.grid-paper{background-color:var(--lavender);background-image:linear-gradient(rgba(118,86,246,.23) 1px,transparent 1px),linear-gradient(90deg,rgba(118,86,246,.23) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.18) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.18) 2px,transparent 2px);background-size:22px 22px,22px 22px,110px 110px,110px 110px}.hero{position:relative;min-height:calc(100svh - 62px);overflow:hidden;isolation:isolate;padding:clamp(54px,8vw,100px) clamp(24px,6vw,88px) 70px}.hero:before{content:"";position:absolute;width:520px;height:520px;left:50%;top:48%;translate:-50% -50%;border-radius:50%;background:rgba(255,207,239,.6);border:3px solid rgba(255,255,255,.5);box-shadow:14px 17px 0 rgba(56,31,73,.25);z-index:-1}.hero-title{position:absolute;left:clamp(22px,4vw,68px);top:clamp(72px,14vh,135px);display:flex;flex-direction:column;align-items:flex-start;font-size:clamp(48px,7.7vw,118px);line-height:.82;letter-spacing:-.08em;font-weight:1000;color:var(--pink);-webkit-text-stroke:3px var(--violet);text-shadow:6px 6px 0 var(--paper),9px 9px 0 var(--violet);transform:rotate(-2deg);z-index:1}.hero-title span:nth-child(2){margin-left:.58em}.hero-title span:nth-child(3){margin-left:.16em}.draggable{position:absolute;z-index:5;cursor:grab;user-select:none;touch-action:none;transition:filter .2s ease,scale .2s ease}.draggable:hover{filter:drop-shadow(8px 10px 0 rgba(38,22,47,.2))}.draggable:focus-visible{outline:4px dashed #fff;outline-offset:6px}.draggable[data-dragging=true]{cursor:grabbing;scale:1.04;z-index:20;transition:none}.camera-badge{left:50%;top:43%;translate:-50% -50%}.camera{position:relative;width:clamp(260px,31vw,440px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#e99edf;border:4px solid #fff;box-shadow:inset 0 0 0 12px rgba(255,255,255,.2),16px 18px 0 rgba(45,26,51,.45)}.camera-body{position:relative;width:69%;height:46%;border:4px solid var(--ink);border-radius:18px 25px 24px 18px;background:#252026;box-shadow:inset 0 -18px 0 #0d0b0e}.camera-flash{position:absolute;width:28%;height:12%;left:28%;top:24%;border:4px solid var(--ink);border-radius:12px 12px 0 0;background:#353037}.camera-button{position:absolute;left:10%;top:10%;width:13%;aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;background:#aaa4a8}.camera-brand{position:absolute;left:8%;bottom:10%;color:var(--pink);font-size:clamp(9px,1vw,14px);font-weight:900;transform:rotate(-3deg)}.camera-lens{position:absolute;left:49%;top:50%;translate:-50% -50%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 58% 38%,#ff9ec8 0 8%,#ef427f 9% 18%,#8454f4 19% 32%,#2a142b 33% 52%,#080708 53% 63%,#2f2431 64% 76%,#080708 77%);border:5px solid #9f5cb8;box-shadow:0 0 0 7px #0c0a0d,0 0 0 10px #b98ac4}.lens-glint{position:absolute;width:15%;aspect-ratio:1;top:20%;left:26%;background:rgba(255,255,255,.6);border-radius:50%;filter:blur(1px)}.camera-strap{position:absolute;width:55%;height:32%;border:8px solid var(--pink);border-bottom:0;border-radius:50% 50% 0 0;top:12%;left:9%;transform:rotate(-12deg)}.heart-sticker{right:clamp(26px,8vw,130px);top:20%;text-align:center}.heart-sticker img{width:clamp(58px,7vw,94px);image-rendering:pixelated}.heart-sticker span{display:block;margin-top:3px;font-size:12px;font-weight:900;text-transform:uppercase}.folder-stack{right:clamp(26px,8vw,130px);top:47%;width:150px;text-align:center}.folder-icon{position:relative;height:104px;margin-bottom:8px;border:4px solid var(--ink);border-radius:12px;background:linear-gradient(#33bef3 0 18%,#20a8e6 18%);box-shadow:8px 9px 0 rgba(67,35,81,.35)}.folder-icon:before{content:"";position:absolute;left:7px;top:-23px;width:70px;height:25px;border:4px solid var(--ink);border-bottom:0;border-radius:9px 9px 0 0;background:#33bef3}.folder-stack strong,.folder-stack small{display:block}.folder-stack strong{font-size:15px;letter-spacing:.08em}.folder-stack small{margin-top:3px;font-size:11px}.window-panel{background:var(--paper);border:4px solid var(--ink);box-shadow:12px 14px 0 rgba(72,37,84,.42)}.window-bar{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding-left:14px;border-bottom:4px solid var(--ink);background:var(--pink);font-size:13px;font-weight:900}.window-bar>div{display:flex}.window-bar i{width:34px;height:34px;border-width:0 0 0 3px;font-size:20px}.hero-intro{position:absolute;z-index:8;left:clamp(24px,7vw,108px);bottom:clamp(50px,8vh,90px);width:min(430px,calc(100% - 48px));transform:rotate(-1.5deg)}.window-copy{padding:23px 25px 25px}.eyebrow{margin:0 0 9px;color:#7656f6;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.window-copy h1{max-width:370px;margin:0;font-size:clamp(25px,3vw,39px);line-height:.98;letter-spacing:-.04em}.window-copy p:not(.eyebrow){margin:14px 0 20px;font-size:15px;line-height:1.45}.primary-button,.reset-button{border:3px solid var(--ink);background:var(--mint);box-shadow:4px 4px 0 var(--ink);font-weight:900;text-decoration:none}.primary-button{display:inline-flex;gap:26px;align-items:center;padding:10px 14px}.primary-button:hover,.primary-button:focus-visible,.reset-button:hover,.reset-button:focus-visible{translate:-2px -2px;box-shadow:7px 7px 0 var(--ink)}.reset-button{position:absolute;right:26px;bottom:26px;padding:8px 11px;cursor:pointer;background:#fff}.drag-note{position:absolute;right:clamp(24px,6vw,92px);bottom:88px;max-width:235px;font-size:13px;font-weight:800;text-align:right}@media(max-width:980px){.site-chrome{grid-template-columns:auto 1fr}.window-controls{display:none}.site-chrome nav{justify-content:flex-end;gap:9px}.site-chrome nav a{padding-inline:10px;font-size:12px}.hero-title{font-size:clamp(53px,11vw,90px)}.folder-stack{display:none}.heart-sticker{right:5vw}.hero-intro{bottom:55px}}@media(max-width:760px){.site-chrome{position:relative;min-height:auto;gap:12px;padding:9px 11px 11px}.mini-logo{width:42px;height:38px}.site-chrome nav{overflow-x:auto;justify-content:flex-start;padding:2px 2px 5px;scrollbar-width:none}.site-chrome nav a{font-size:11px;box-shadow:3px 3px 0 #a563ce}.hero{min-height:930px;padding:46px 18px 55px;overflow:hidden}.hero:before{width:335px;height:335px;top:38%}.hero-title{position:relative;left:auto;top:auto;font-size:clamp(48px,18vw,75px)}.camera-badge{top:40%}.camera{width:min(76vw,330px)}.heart-sticker{top:23%;right:7%}.heart-sticker img{width:54px}.heart-sticker span{display:none}.draggable{cursor:default;touch-action:auto}.draggable:hover{filter:none}.hero-intro{left:18px;bottom:80px;width:calc(100% - 36px);transform:none}.window-copy{padding:21px}.drag-note{left:22px;right:auto;bottom:28px;max-width:270px;text-align:left}.reset-button{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:1180px) and (min-width:981px){.site-chrome{gap:14px}.site-chrome nav{gap:10px}.site-chrome nav a{padding-inline:10px;font-size:12px}.window-controls{gap:4px}.window-controls span{width:32px;height:32px;font-size:22px}}

/* About */
.section-kicker{display:inline-block;padding:7px 10px;border:3px solid var(--ink);background:#fff;font:900 12px/1 "Courier New",monospace;letter-spacing:.08em;box-shadow:4px 4px 0 var(--ink)}
.about-section{position:relative;padding:120px clamp(24px,7vw,110px) 140px;overflow:hidden;border-top:0}
.sticker-heading{position:absolute;top:74px;right:8vw;margin:0;color:#fff;font-size:clamp(64px,10vw,140px);line-height:.65;letter-spacing:-.08em;text-transform:lowercase;-webkit-text-stroke:4px var(--violet);text-shadow:8px 9px 0 var(--violet);transform:rotate(-7deg);z-index:1}
.sticker-heading span{margin-left:.55em;color:var(--pink)}
.about-grid{position:relative;display:grid;grid-template-columns:minmax(290px,620px) minmax(250px,390px) 100px;align-items:center;justify-content:center;gap:clamp(28px,5vw,80px);margin-top:110px}
.note-window{position:relative;z-index:2;transform:rotate(-1deg);transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease;will-change:transform}
.note-window:hover{transform:translateY(-10px) rotate(1deg) scale(1.015);filter:drop-shadow(12px 15px 0 rgba(72,37,84,.24))}
@media(prefers-reduced-motion:reduce){.note-window:hover{transform:rotate(-1deg)}}
.note-copy{padding:clamp(24px,4vw,48px);font-family:"Courier New",monospace;font-size:clamp(14px,1.4vw,18px);line-height:1.55}
.note-copy p{margin:0 0 1.1em}.note-copy p:last-child{margin-bottom:0}
.creator-card{position:relative;padding:0;background:transparent;border:0;box-shadow:none;transform:rotate(3deg);text-align:center}
.creator-portrait{position:relative;display:grid;place-items:center;overflow:visible;background:transparent;border:0}
.creator-portrait:before{display:none}
.creator-photo{width:100%;height:auto;object-fit:contain;transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease;will-change:transform}
.creator-card:hover .creator-photo{transform:translateY(-10px) rotate(-2deg) scale(1.035);filter:drop-shadow(12px 15px 0 rgba(72,37,84,.3))}
@media(prefers-reduced-motion:reduce){.creator-card:hover .creator-photo{transform:none}}
.portrait-star{position:absolute;left:20px;top:15px;color:#fff;font-size:70px;text-shadow:4px 4px 0 var(--violet)}
.portrait-word{position:absolute;bottom:14px;left:14px;padding:8px 12px;background:var(--paper);border:3px solid var(--ink);font-size:clamp(31px,4vw,54px);font-weight:1000;letter-spacing:-.08em;transform:rotate(-4deg)}
.portrait-camera{position:relative;width:175px;height:120px;border:5px solid var(--ink);border-radius:22px;background:#262027;box-shadow:8px 9px 0 #ffffffaa}
.portrait-camera:before{content:"";position:absolute;left:26px;top:-30px;width:65px;height:31px;border:5px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0;background:#262027}
.portrait-camera span{position:absolute;width:92px;height:92px;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:8px solid var(--pink);background:radial-gradient(circle,#fff 0 8%,#7656f6 9% 29%,#171317 30% 55%,#f36aa8 56% 63%,#171317 64%)}
.creator-card>p{margin:14px 0 8px;font:900 13px/1.2 "Courier New",monospace;text-transform:uppercase}
.pixel-likes{color:var(--hot-pink);font-size:24px;letter-spacing:2px}
.tool-stack{display:flex;flex-direction:column;gap:12px;align-items:center}
.tool-icon{--icon-fill:1.35;position:relative;display:block;width:122px;height:122px;overflow:hidden;transform:rotate(-4deg);transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .32s ease;will-change:transform}
.tool-icon img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%) scale(var(--icon-fill));pointer-events:none}
.tool-icon:nth-child(2){--icon-fill:2.1;transform:rotate(5deg)}.tool-icon:nth-child(3){--icon-fill:1.82;transform:rotate(-3deg)}.tool-icon:nth-child(4){--icon-fill:1.11;transform:rotate(4deg)}
.tool-icon:hover{transform:translateY(-10px) rotate(1deg) scale(1.08);filter:drop-shadow(10px 12px 0 rgba(72,37,84,.28))}
@media(prefers-reduced-motion:reduce){.tool-icon:hover{transform:none}}

/* One-way seagull fly-by between About and the green ticker. */
.seagull-flight{position:relative;height:clamp(120px,13vw,190px);overflow:hidden}
.seagull-flyer{position:absolute;right:0;top:50%;width:clamp(150px,18vw,260px);animation:seagull-crossing 13s linear infinite;will-change:transform}
.seagull-flyer img{width:100%;height:auto;image-rendering:pixelated;animation:seagull-bob 1.15s ease-in-out infinite alternate}
@keyframes seagull-crossing{from{transform:translate3d(calc(100% + 8vw),-50%,0)}to{transform:translate3d(calc(-100vw - 100%),-50%,0)}}
@keyframes seagull-bob{from{transform:translateY(-4px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}}
@media(max-width:760px){.seagull-flight{height:110px}.seagull-flyer{width:150px;animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.seagull-flyer{right:50%;transform:translate(50%,-50%);animation:none}.seagull-flyer img{animation:none}}

/* Moving ticker */
.ticker{overflow:hidden;border-block:4px solid var(--ink);background:var(--mint);padding:15px 0;font-size:clamp(19px,2vw,29px);font-weight:1000;white-space:nowrap}
.ticker div{width:max-content;animation:ticker 25s linear infinite}
@keyframes ticker{to{transform:translateX(-50%)}}

/* Instagram feed showcase */
.instagram-section{display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(480px,.92fr);align-items:center;gap:clamp(32px,4vw,68px);padding:110px clamp(24px,5vw,80px) 140px;overflow:hidden;border-bottom:4px solid var(--ink)}
.instagram-copy{position:relative;z-index:3}
.instagram-copy h2{margin:45px 0 28px;font-size:clamp(58px,7.8vw,118px);line-height:.78;letter-spacing:-.085em;text-transform:lowercase}
.instagram-copy h2 span{color:var(--pink);-webkit-text-stroke:3px var(--ink);text-shadow:6px 7px 0 var(--paper)}
.instagram-copy>p{max-width:520px;margin:0;font:700 clamp(15px,1.4vw,19px)/1.5 "Courier New",monospace}
.crowns-case-study{position:relative;isolation:isolate;width:100%;margin-top:38px;border:4px solid var(--ink);background:var(--paper);box-shadow:10px 12px 0 #cf6d9e,14px 16px 0 var(--ink);transform:rotate(-.6deg)}
.crowns-case-study:before{display:none}
.crowns-case-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:4px solid var(--ink);background:#ffb6cf;font:900 13px/1.25 "Courier New",monospace;letter-spacing:.015em}
.crowns-case-bar strong,.crowns-case-bar span{display:block}.crowns-case-bar span{margin-top:3px;font-size:10px}
.crowns-case-controls{display:flex;flex:none;gap:5px}.crowns-case-controls i{display:grid;place-items:center;width:29px;height:29px;border:3px solid var(--ink);border-radius:7px;background:#fff;font-style:normal;font-size:19px;line-height:1}
.crowns-case-body{padding:26px 26px 28px;font-family:"Courier New",monospace}.crowns-case-body p{margin:0}
.crowns-case-intro{font-size:13px;line-height:1.5;font-weight:900;text-transform:uppercase}
.crowns-case-pillars{display:grid;gap:12px;margin:18px 0}
.crowns-case-pillar{display:grid;grid-template-columns:82px 1fr;align-items:stretch;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);transform:rotate(.35deg)}
.crowns-case-pillar:nth-child(2){transform:rotate(-.45deg)}.crowns-case-pillar>strong{display:grid;place-items:center;padding:12px 8px;border-right:3px solid var(--ink);font:1000 13px/1 "Courier New",monospace}.crowns-case-pillar p{padding:12px 14px;font-size:12px;line-height:1.42;font-weight:700}
.crowns-case-video>strong{background:var(--pink)}.crowns-case-photo>strong{background:var(--mint)}.crowns-case-design>strong{background:var(--periwinkle)}
.crowns-case-result{padding:15px 16px;border:3px solid var(--ink);background:#ffe56f;box-shadow:4px 4px 0 var(--ink);font-size:13px;line-height:1.45;font-weight:800;text-transform:uppercase;transform:rotate(-.5deg)}
.instagram-showcase{position:relative;display:grid;place-items:center;min-width:0;padding:30px 54px 68px}
.instagram-icon{position:relative;display:grid;place-items:center;width:min(100%,720px);aspect-ratio:1;border:5px solid var(--ink);border-radius:25%;overflow:hidden;background:linear-gradient(145deg,#ffe56f 0%,#f36aa8 32%,#d457dc 61%,#7656f6 100%);box-shadow:16px 18px 0 rgba(72,37,84,.42),inset 0 0 0 12px rgba(255,255,255,.22)}
.instagram-icon:before{content:"";position:absolute;inset:8.5%;border:7px solid #fff;border-radius:24%;box-shadow:0 0 0 4px var(--ink);opacity:.95}
.instagram-lens{position:absolute;left:50%;top:50%;translate:-50% -50%;width:59%;aspect-ratio:1;border:9px solid #fff;border-radius:50%;box-shadow:0 0 0 4px var(--ink),0 0 0 18px rgba(255,255,255,.16)}
.instagram-shutter{position:absolute;right:16%;top:15%;width:10%;aspect-ratio:1;border:4px solid var(--ink);border-radius:50%;background:#fff}
.instagram-post{position:relative;z-index:2;width:min(54%,430px);overflow:hidden;border:4px solid var(--ink);border-radius:18px;background:#fff;box-shadow:10px 12px 0 rgba(25,15,29,.36);transform:rotate(-1deg)}
.instagram-post-header{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:8px 10px;border-bottom:3px solid var(--ink)}
.instagram-post-header img{width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;object-fit:cover;background:#fff}
.instagram-post-header div{display:grid;gap:2px;min-width:0}.instagram-post-header strong{font-size:12px;line-height:1}.instagram-post-header span{font-size:9px}.instagram-post-header b{letter-spacing:2px}
.instagram-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#171317;transition:transform .36s cubic-bezier(.65,0,.35,1),opacity .28s ease;will-change:transform,opacity}
.instagram-media img,.instagram-media video{width:100%;height:100%;object-fit:cover;background:#171317}
.instagram-media video{display:block}
.instagram-media.is-leaving{transform:translateY(-108%);opacity:0}
.instagram-media.is-entering{animation:instagram-post-entry .42s cubic-bezier(.2,.8,.2,1)}
@keyframes instagram-post-entry{from{transform:translateY(108%);opacity:0}to{transform:translateY(0);opacity:1}}
.instagram-post-footer{padding:8px 10px 10px}.instagram-actions{display:flex;gap:10px;align-items:center;font-size:20px;line-height:1}.instagram-actions span:last-child{margin-left:auto}.instagram-actions span:first-child{color:var(--hot-pink)}
.instagram-post-footer p{margin:8px 0 0;font-size:10px;line-height:1.35}.instagram-post-footer p strong{font-weight:1000}
.instagram-arrow{position:absolute;z-index:5;top:50%;display:grid;place-items:center;width:52px;height:52px;padding:0;border:4px solid var(--ink);border-radius:50%;background:var(--mint);box-shadow:5px 6px 0 var(--ink);font-size:27px;font-weight:1000;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.instagram-arrow:hover,.instagram-arrow:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 9px 0 var(--ink)}.instagram-prev{left:0}.instagram-next{right:0}
.instagram-progress{position:absolute;left:50%;bottom:7px;translate:-50% 0;display:flex;align-items:center;gap:13px;width:max-content;padding:8px 10px;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);font:900 11px/1 "Courier New",monospace}.instagram-progress button{padding:5px 8px;border:2px solid var(--ink);background:var(--pink);font:inherit;cursor:pointer}.instagram-progress button[aria-pressed=true]{background:var(--mint)}
@media(max-width:1180px){.instagram-section{grid-template-columns:1fr;padding-top:90px}.instagram-copy{width:min(820px,100%);max-width:none;margin:auto}.instagram-showcase{width:min(820px,100%);margin:auto}}
@media(max-width:760px){.instagram-section{padding:82px 12px 100px}.instagram-copy{padding-inline:6px}.instagram-copy h2{font-size:clamp(55px,18vw,82px)}.crowns-case-study{margin:34px 4px 0;box-shadow:7px 8px 0 #cf6d9e,10px 11px 0 var(--ink)}.crowns-case-bar{padding:11px;gap:9px}.crowns-case-controls i{width:25px;height:25px;font-size:16px}.crowns-case-body{padding:17px 14px 19px}.crowns-case-pillar{grid-template-columns:72px 1fr}.crowns-case-pillar p{padding:9px;font-size:10px}.instagram-showcase{padding:22px 22px 66px}.instagram-icon{border-width:4px;box-shadow:9px 11px 0 rgba(72,37,84,.42),inset 0 0 0 7px rgba(255,255,255,.22)}.instagram-icon:before{border-width:4px;box-shadow:0 0 0 3px var(--ink)}.instagram-lens{border-width:5px;box-shadow:0 0 0 3px var(--ink),0 0 0 10px rgba(255,255,255,.16)}.instagram-post{width:68%;border-width:3px;border-radius:11px;box-shadow:6px 7px 0 rgba(25,15,29,.36)}.instagram-post-header{grid-template-columns:26px 1fr auto;gap:6px;padding:5px 6px;border-bottom-width:2px}.instagram-post-header img{width:26px;height:26px}.instagram-post-header strong{font-size:9px}.instagram-post-header span{font-size:7px}.instagram-post-footer{padding:6px}.instagram-actions{font-size:15px;gap:7px}.instagram-post-footer p{font-size:8px;margin-top:5px}.instagram-arrow{top:auto;bottom:8px;width:42px;height:42px;font-size:22px}.instagram-progress{bottom:6px}}
@media(prefers-reduced-motion:reduce){.instagram-media{transition:none}.instagram-media.is-entering{animation:none}}

/* Work */
.work-section{padding:110px clamp(24px,7vw,110px) 140px;background:var(--periwinkle);border-bottom:4px solid var(--ink)}
.work-heading-row{display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:40px;margin:34px 0 54px}
.work-heading-row h2,.process-section h2,.contact-copy h2{margin:0;font-size:clamp(52px,8.2vw,124px);line-height:.78;letter-spacing:-.085em;text-transform:lowercase}
.work-heading-row h2 span,.process-section h2 span,.contact-copy h2 span{color:var(--pink);-webkit-text-stroke:3px var(--ink);text-shadow:6px 7px 0 var(--paper)}
.work-heading-row p{max-width:390px;margin:0;padding:20px;background:#fff;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);font:700 15px/1.45 "Courier New",monospace;transform:rotate(2deg)}
.filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:45px}
.filter-bar button{padding:10px 14px;border:3px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink);font-weight:900;cursor:pointer}
.filter-bar button[aria-pressed=true]{background:var(--pink);transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:32px;align-items:start}
.project-window{position:relative;grid-column:span 4;background:var(--paper);border:4px solid var(--ink);box-shadow:10px 12px 0 rgba(29,20,34,.7);transition:transform .28s ease,opacity .28s ease}
.project-window:nth-child(2){transform:translateY(40px) rotate(1deg)}.project-window:nth-child(3){transform:rotate(-1.5deg)}.project-window-offset{transform:translateY(26px) rotate(1deg)}
.project-window[hidden]{display:none}
.project-window:hover{z-index:2;transform:translateY(-7px) rotate(0)}
.project-bar{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:4px solid var(--ink);background:var(--pink);font:900 12px/1 "Courier New",monospace}
.project-bar div{font-size:16px;letter-spacing:4px}.mint-bar{background:var(--mint)}.blue-bar{background:#58d2f1}.yellow-bar{background:#ffe56f}.pink-bar{background:#ff93bf}
.project-media{position:relative;aspect-ratio:3/4;overflow:hidden;background:#171317;border-bottom:4px solid var(--ink)}
.project-media img,.project-media .project-preview{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}
.project-window:hover .project-media img,.project-window:hover .project-media .project-preview{transform:scale(1.035);filter:saturate(1.08)}
.abba-gallery,.stonesthrow-gallery,.crowns-gallery,.churros-gallery,.beauty-gallery,.food-travel-gallery{cursor:crosshair;outline:none}.abba-gallery:focus-visible,.stonesthrow-gallery:focus-visible,.crowns-gallery:focus-visible,.churros-gallery:focus-visible,.beauty-gallery:focus-visible,.food-travel-gallery:focus-visible{outline:4px dashed #fff;outline-offset:-10px}.abba-gallery img.is-flicking,.stonesthrow-gallery img.is-flicking,.crowns-gallery img.is-flicking,.churros-gallery img.is-flicking,.beauty-gallery img.is-flicking,.food-travel-gallery img.is-flicking{animation:crowns-photo-flick .24s steps(2,end)}
@keyframes crowns-photo-flick{0%{opacity:.38;filter:saturate(1.5) contrast(1.18);transform:scale(1.07)}55%{opacity:.76;transform:scale(1.025)}100%{opacity:1}}
.play-button{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:66px;height:66px;padding-left:5px;border:4px solid #fff;border-radius:50%;background:#171317aa;color:#fff;font-size:25px;cursor:pointer;backdrop-filter:blur(4px);transition:scale .2s ease,background .2s ease}
.play-button:hover,.play-button:focus-visible{scale:1.12;background:var(--hot-pink);outline:3px dashed #fff;outline-offset:5px}
.photo-badge{position:absolute;right:13px;bottom:13px;padding:8px 10px;border:3px solid var(--ink);background:var(--mint);box-shadow:4px 4px 0 var(--ink);font:1000 12px/1 "Courier New",monospace;transform:rotate(-3deg)}
.gallery-counter{position:absolute;left:12px;bottom:12px;padding:7px 9px;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);font:1000 11px/1 "Courier New",monospace;letter-spacing:.04em}
.abba-gallery+.project-caption h3,.stonesthrow-gallery+.project-caption h3,.crowns-gallery+.project-caption h3,.churros-gallery+.project-caption h3,.beauty-gallery+.project-caption h3,.food-travel-gallery+.project-caption h3{max-width:215px;font-size:clamp(20px,2vw,28px)}
.project-caption{position:relative;padding:18px 18px 22px}.project-caption h3{margin:0 0 5px;font-size:clamp(20px,2.3vw,31px);line-height:1;letter-spacing:-.04em}.project-caption p{margin:0;padding-right:78px;font:700 12px/1.4 "Courier New",monospace}.project-caption span{position:absolute;right:12px;top:16px;max-width:82px;padding:6px;background:var(--mint);border:2px solid var(--ink);font-size:9px;font-weight:1000;text-align:center;transform:rotate(3deg)}
.project-wide{grid-column:span 8}.project-wide .landscape-media{aspect-ratio:16/8}.project-wide .landscape-media img{object-position:center 62%}
.beauty-card{min-height:520px;background:#fff2f8}.beauty-placeholder{position:relative;display:grid;place-items:center;min-height:400px;overflow:hidden;border-bottom:4px solid var(--ink);background:radial-gradient(circle at 22% 25%,#fff 0 4%,transparent 4.5%),radial-gradient(circle at 75% 70%,#f36aa8 0 11%,transparent 11.5%),linear-gradient(135deg,#ffdaed 0 34%,#9ae8ea 34% 66%,#a890ff 66%)}
.beauty-placeholder:before,.beauty-placeholder:after{content:"";position:absolute;width:180px;height:180px;border:4px solid var(--ink);border-radius:50%}.beauty-placeholder:before{left:-70px;bottom:-45px;background:#ffe56f}.beauty-placeholder:after{right:-60px;top:-40px;background:#f36aa8}
.beauty-placeholder span{z-index:1;color:#fff;font-size:72px;font-weight:1000;letter-spacing:-.09em;-webkit-text-stroke:3px var(--ink);transform:rotate(-9deg)}.beauty-placeholder b{position:absolute;left:15%;top:18%;font-size:75px;color:#fff;text-shadow:4px 4px 0 var(--violet)}.beauty-placeholder em{position:absolute;right:14%;bottom:16%;padding:8px 12px;border:3px solid var(--ink);background:#fff;font-size:16px;font-weight:1000;font-style:normal;transform:rotate(7deg)}
.beauty-play{z-index:3;top:42%}

/* ABBA electronic press kit */
.epk-window{grid-column:1/-1;overflow:visible;background:var(--mint);transform:none!important}
.epk-window:hover{transform:translateY(-5px)!important}
.epk-project-bar{height:auto;min-height:62px;justify-content:flex-start;gap:20px;padding:8px 14px;background:#dca0ef;font-size:clamp(13px,1.8vw,23px);letter-spacing:.02em}
.epk-window-controls{display:flex;gap:7px;flex:none;letter-spacing:0!important}
.epk-window-controls i{display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--ink);background:#fff;font:1000 28px/1 Arial,sans-serif;font-style:normal}
.epk-frame{padding:22px;background:var(--mint)}
.epk-canvas{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.78fr) minmax(0,1.14fr);grid-template-rows:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"sheet poster cards" "sheet photos photos";gap:20px;aspect-ratio:1.57;padding:24px;border:4px solid var(--ink);overflow:hidden;background-color:#91c8eb;background-image:linear-gradient(rgba(70,130,180,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(70,130,180,.16) 1px,transparent 1px);background-size:62px 62px}
.epk-group,.epk-card-cluster,.epk-photo-cluster{position:relative;min-width:0;min-height:0}
.epk-sheet-group{grid-area:sheet;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center}
.epk-poster-group{grid-area:poster;display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center}
.epk-card-cluster{grid-area:cards}
.epk-photo-cluster{grid-area:photos}
.epk-label{position:relative;z-index:12;display:block;width:max-content;max-width:100%;margin:0 auto 8px;padding:4px 8px;border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);font:1000 clamp(10px,1.1vw,15px)/1.05 "Courier New",monospace;text-align:center}
.epk-item{appearance:none;display:block;min-width:0;padding:0;border:0;background:transparent;cursor:zoom-in;filter:drop-shadow(5px 7px 0 rgba(32,20,38,.3));transition:translate .2s ease,scale .2s ease,filter .2s ease;transform-origin:center}
.epk-item img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.epk-item:hover{z-index:20;translate:0 -6px;scale:1.035;filter:drop-shadow(8px 11px 0 rgba(32,20,38,.32))}
.epk-item:focus-visible{z-index:21;outline:4px dashed var(--hot-pink);outline-offset:-5px;translate:0 -4px;scale:1.025}
.epk-sheet,.epk-poster{width:100%;height:100%;min-height:0}
.epk-sheet img,.epk-poster img{object-position:center top}
.epk-card-cluster>.epk-label{position:absolute;left:50%;top:0;translate:-50% 0;z-index:13}
.epk-card-front,.epk-card-back{position:absolute;width:74%;height:auto}
.epk-card-front{left:0;top:18%;rotate:-2deg}
.epk-card-back{right:-2%;bottom:0;rotate:2deg}
.epk-photo-cluster .epk-item{position:absolute;width:35%}
.epk-live-one{left:0;top:4%;rotate:-8deg}
.epk-live-two{left:31%;top:19%;rotate:-5deg}
.epk-live-three{left:64%;top:10%;rotate:7deg}
.epk-promo-one{left:18%;bottom:-6%;rotate:8deg}
.epk-promo-two{right:5%;bottom:-8%;rotate:5deg}
.epk-zoom-hint{position:absolute;right:13px;bottom:12px;z-index:30;padding:8px 10px;border:3px solid var(--ink);background:#ffe56f;box-shadow:4px 4px 0 var(--ink);font:1000 clamp(9px,1vw,12px)/1 "Courier New",monospace;rotate:-2deg}

.epk-dialog{width:min(1120px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:0;border:4px solid var(--ink);background:#fff;color:var(--ink);box-shadow:16px 18px 0 var(--violet);overflow:hidden}
.epk-dialog::backdrop{background:#171317cc;backdrop-filter:blur(6px)}
.epk-dialog-bar{display:flex;justify-content:space-between;gap:20px;padding:16px 64px 16px 16px;border-bottom:4px solid var(--ink);background:#dca0ef;font:900 12px/1 "Courier New",monospace}
.epk-dialog-stage{display:grid;place-items:center;max-height:calc(100svh - 86px);margin:0;padding:18px;overflow:auto;overscroll-behavior:contain;background-color:#f7f3eb;background-image:linear-gradient(rgba(118,86,246,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(118,86,246,.11) 1px,transparent 1px);background-size:30px 30px}
.epk-dialog-stage img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 126px);object-fit:contain;filter:drop-shadow(7px 9px 0 rgba(29,20,34,.25))}
.epk-dialog-close{width:44px;height:44px;top:4px;font-size:25px}
html.epk-dialog-open,html.epk-dialog-open body{overflow:hidden}

/* Process */
.process-section{padding:110px clamp(24px,7vw,110px) 130px;border-bottom:4px solid var(--ink)}
.process-section h2{max-width:950px;margin:38px 0 75px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.process-card{position:relative;min-height:280px;padding:84px 28px 30px;border:4px solid var(--ink);background:var(--paper);box-shadow:10px 12px 0 var(--violet);transform:rotate(-1deg)}.process-card:nth-child(2){background:var(--mint);transform:rotate(1.5deg)}.process-card:nth-child(3){background:#ffb9d5;transform:rotate(-.5deg)}
.process-card>span{position:absolute;left:20px;top:-35px;display:grid;place-items:center;width:84px;height:84px;border:4px solid var(--ink);border-radius:50%;background:var(--periwinkle);font-size:36px;font-weight:1000;box-shadow:6px 7px 0 var(--ink)}
.process-card h3{margin:0 0 13px;font-size:clamp(25px,3vw,39px);line-height:.95;letter-spacing:-.05em}.process-card p{margin:0;font:700 14px/1.5 "Courier New",monospace}

/* Contact */
.contact-section{display:grid;grid-template-columns:1fr minmax(360px,600px);gap:clamp(60px,8vw,130px);align-items:center;padding:120px clamp(24px,7vw,110px);background:var(--pink);border-bottom:4px solid var(--ink)}
.contact-copy h2{margin:42px 0 30px}.contact-copy h2 span{color:var(--paper);text-shadow:6px 7px 0 var(--violet)}
.contact-copy>p{max-width:600px;font:700 clamp(15px,1.5vw,19px)/1.5 "Courier New",monospace}.contact-copy>a{display:inline-block;margin-top:18px;padding:11px 14px;border:3px solid var(--ink);background:#fff;box-shadow:5px 5px 0 var(--ink);font-weight:900;text-decoration:none}
.contact-form{transform:rotate(1deg)}.form-body{display:grid;gap:18px;padding:28px}.form-body label{display:grid;gap:7px;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}.form-body input,.form-body select,.form-body textarea{width:100%;padding:11px 12px;border:3px solid var(--ink);border-radius:0;background:#fff;font:700 16px/1.3 "Courier New",monospace}.form-body textarea{resize:vertical}.form-body input:focus,.form-body select:focus,.form-body textarea:focus{outline:4px solid var(--mint);outline-offset:2px}.send-button{justify-self:start;padding:12px 18px;border:3px solid var(--ink);background:var(--mint);box-shadow:5px 5px 0 var(--ink);font-weight:1000;cursor:pointer}.send-button:hover,.send-button:focus-visible{translate:-2px -2px;box-shadow:8px 8px 0 var(--ink)}
footer{display:flex;justify-content:space-between;gap:24px;padding:26px clamp(24px,7vw,110px);background:var(--ink);color:#fff;font:700 13px/1.3 "Courier New",monospace}footer a{color:var(--mint);font-weight:900}

/* Video window */
.video-dialog{width:min(760px,calc(100% - 28px));padding:0;border:4px solid var(--ink);background:#141114;color:#fff;box-shadow:16px 18px 0 #7656f6}.video-dialog::backdrop{background:#171317aa;backdrop-filter:blur(6px)}.video-dialog-bar{display:flex;justify-content:space-between;gap:20px;padding:13px 58px 13px 15px;border-bottom:4px solid var(--ink);background:var(--pink);color:var(--ink);font:900 12px/1 "Courier New",monospace}.dialog-close{position:absolute;right:8px;top:6px;z-index:2;width:34px;height:30px;border:3px solid var(--ink);background:#fff;font-size:22px;line-height:1;cursor:pointer}.video-dialog video{display:block;width:100%;max-height:72vh;background:#000}.video-missing{min-height:390px;display:grid;place-items:center;align-content:center;padding:50px;text-align:center;background:linear-gradient(135deg,#231d27,#372147)}.video-missing[hidden]{display:none}.video-missing img{width:70px;margin-bottom:18px;image-rendering:pixelated}.video-missing h3{margin:0 0 8px;font-size:29px}.video-missing p{max-width:520px;margin:0;font:700 14px/1.5 "Courier New",monospace}

@media(max-width:980px){.about-grid{grid-template-columns:minmax(290px,1fr) minmax(250px,.72fr)}.tool-stack{grid-column:1/-1;flex-direction:row}.sticker-heading{right:5vw}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.project-window,.project-wide{grid-column:span 1}.epk-window{grid-column:1/-1}.project-wide .landscape-media{aspect-ratio:3/4}.epk-canvas{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);grid-template-rows:470px 245px auto;grid-template-areas:"sheet poster" "cards cards" "photos photos";aspect-ratio:auto;overflow:visible}.epk-card-cluster{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;padding-top:36px}.epk-card-cluster>.epk-label{top:0}.epk-card-front,.epk-card-back{position:relative;inset:auto;width:100%;rotate:0}.epk-photo-cluster{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:8px;padding:10px 0 25px}.epk-photo-cluster .epk-item{position:relative;inset:auto;width:100%}.epk-live-one,.epk-live-two,.epk-live-three,.epk-promo-one,.epk-promo-two{rotate:var(--epk-tilt,0deg)}.epk-live-one{--epk-tilt:-5deg}.epk-live-two{--epk-tilt:3deg}.epk-live-three{--epk-tilt:-2deg}.epk-promo-one{--epk-tilt:4deg}.epk-promo-two{--epk-tilt:-4deg}.process-grid{gap:24px}.contact-section{grid-template-columns:1fr}.contact-copy{max-width:780px}.contact-form{max-width:650px}}
@media(max-width:760px){.about-section,.work-section,.process-section,.contact-section{padding-left:18px;padding-right:18px}.about-section{padding-top:85px;padding-bottom:100px}.sticker-heading{position:relative;top:auto;right:auto;margin:55px 0 65px;font-size:82px}.about-grid{grid-template-columns:1fr;margin-top:0}.creator-card{max-width:360px;margin:auto}.tool-stack{grid-column:auto}.work-section{padding-top:85px;padding-bottom:95px}.work-heading-row{grid-template-columns:1fr;margin-bottom:40px}.work-heading-row h2,.process-section h2,.contact-copy h2{font-size:clamp(48px,16vw,77px)}.work-heading-row p{max-width:none}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar button:first-child{grid-column:1/-1}.portfolio-grid{grid-template-columns:1fr;gap:32px}.project-window,.project-window:nth-child(n){grid-column:1;transform:none}.epk-window{grid-column:1}.project-wide .landscape-media{aspect-ratio:3/4}.epk-project-bar{gap:10px;min-height:54px;padding:7px;font-size:12px}.epk-window-controls{gap:4px}.epk-window-controls i{width:31px;height:31px;border-width:2px;font-size:20px}.epk-frame{padding:10px}.epk-canvas{display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"sheet" "poster" "cards" "photos";gap:30px;padding:16px;overflow:visible;background-size:40px 40px}.epk-sheet-group{height:510px}.epk-poster-group{height:420px}.epk-card-cluster{grid-template-columns:1fr;padding-top:38px}.epk-photo-cluster{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 0 42px}.epk-photo-cluster .epk-item:last-child{grid-column:1/-1;width:50%;justify-self:center}.epk-zoom-hint{right:6px;bottom:7px}.epk-dialog-bar span:last-child{display:none}.epk-dialog-stage{padding:10px}.process-section{padding-top:85px;padding-bottom:95px}.process-section h2{margin-bottom:70px}.process-grid{grid-template-columns:1fr;gap:65px}.contact-section{padding-top:85px;padding-bottom:95px;gap:55px}.contact-form{transform:none}.form-body{padding:20px}.window-bar{font-size:11px}footer{flex-direction:column}.video-dialog-bar span:last-child{display:none}.video-missing{min-height:350px;padding:35px 22px}}

@media(prefers-reduced-motion:reduce){.epk-item{transition:none}.epk-window{transition:none}}
@media(min-width:761px) and (max-width:980px){.events-lead{grid-column:1/-1}.events-lead .project-media{aspect-ratio:16/7}}
@media(max-width:760px){.events-lead{grid-column:1}.events-lead .project-media{aspect-ratio:3/4}.epk-sheet-group,.epk-poster-group{height:auto}.epk-sheet{height:auto;aspect-ratio:733/1026}.epk-poster{height:auto;aspect-ratio:693/978}.epk-dialog{box-shadow:7px 8px 0 var(--violet)}}

.thanks-page{min-height:100svh;display:grid;place-items:center;padding:24px}
.thanks-window{width:min(620px,100%);transform:rotate(-1deg)}
.thanks-window>div:last-child{display:grid;justify-items:start;padding:clamp(28px,6vw,58px)}
.thanks-window img{width:80px;margin-bottom:24px;image-rendering:pixelated}
.thanks-window h1{max-width:480px;margin:0;font-size:clamp(42px,8vw,75px);line-height:.86;letter-spacing:-.07em}
.thanks-window p:not(.eyebrow){max-width:470px;margin:22px 0;font:700 15px/1.5 "Courier New",monospace}

/* Homepage desktop icons */
.hero{min-height:1500px}
.camera-badge{left:-120px;top:39%;translate:0 -50%}
.hero-intro{left:clamp(390px,42vw,720px);top:150px;bottom:auto}
.desktop-icon-grid{position:absolute;inset:0;z-index:12;pointer-events:none}
.desktop-icon{appearance:none;width:clamp(118px,11vw,168px);padding:0;border:0;background:transparent;color:#fff;font-weight:1000;text-align:center;pointer-events:auto;transform-origin:center;transition:filter .2s ease,scale .26s cubic-bezier(.2,.8,.2,1)}
.desktop-icon-image{display:block;aspect-ratio:4/5;overflow:hidden;border:3px solid rgba(255,255,255,.82);border-radius:17px;background:#19131c;box-shadow:7px 9px 0 rgba(51,29,62,.32)}
.desktop-icon-image img{width:100%;height:100%;object-fit:cover}
.desktop-icon-image,.desktop-icon-image img,.desktop-icon-label{pointer-events:none;-webkit-user-drag:none}
.hero-intro.draggable{cursor:default}
.hero-intro [data-drag-handle]{cursor:grab;touch-action:none}
.hero-intro[data-dragging=true]{scale:1}
.hero-intro[data-dragging=true] [data-drag-handle]{cursor:grabbing}
.desktop-icon-label{display:block;width:max-content;max-width:210px;margin:7px 50% 0;translate:-50% 0;padding:2px 5px;font-size:clamp(14px,1.55vw,24px);line-height:1.05;letter-spacing:-.035em;white-space:nowrap;text-shadow:0 3px 0 #7656f6,2px 2px 7px rgba(31,16,38,.7)}
.desktop-icon:hover{filter:drop-shadow(8px 10px 0 rgba(38,22,47,.2)) saturate(1.08)}
.desktop-icon[aria-expanded=true]{z-index:70;scale:2.05;filter:drop-shadow(10px 13px 0 rgba(38,22,47,.28));cursor:zoom-out}
.desktop-icon[aria-expanded=true] .desktop-icon-image{border-color:#fff;box-shadow:8px 10px 0 var(--violet)}
.desktop-icon[aria-expanded=true] .desktop-icon-label{background:var(--violet);text-shadow:none}
.desktop-icon-abba-one{left:7%;top:65%}
.desktop-icon-abba-two{left:31%;top:75%}
.desktop-icon-stones{left:44%;top:54%}
.desktop-icon-abba-poster{right:25%;top:32%}
.desktop-icon-nye{right:8%;top:70%}
.desktop-icon-hooch{right:6%;top:12%}
.desktop-icon-kobido{right:5%;top:48%}

@media(max-width:980px) and (min-width:761px){
  .hero-intro{left:37%;top:130px;width:min(400px,58vw)}
  .desktop-icon{width:128px}
  .desktop-icon[aria-expanded=true]{scale:1.8}
  .desktop-icon-stones{left:40%}
  .desktop-icon-abba-poster{right:23%}
}

/* The large decorative background circle has been removed. */
.hero::before{display:none}

@media(max-width:760px){
  .hero{min-height:auto;padding-bottom:55px;overflow:hidden}
  .camera-badge{position:relative;left:auto;top:auto;translate:none;display:block;width:min(76vw,330px);margin:52px auto 0}
  .camera{width:100%}
  .desktop-icon-grid{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px;margin:58px 0 0;pointer-events:auto}
  .desktop-icon,.desktop-icon-abba-one,.desktop-icon-abba-two,.desktop-icon-stones,.desktop-icon-abba-poster,.desktop-icon-nye,.desktop-icon-hooch,.desktop-icon-kobido{position:relative;left:auto;right:auto;top:auto;bottom:auto;justify-self:center;width:min(38vw,150px);translate:none}
  .desktop-icon-label{max-width:44vw;font-size:14px}
  .desktop-icon[aria-expanded=true]{scale:1.28;z-index:70}
  .hero-intro{position:relative;left:auto;top:auto;bottom:auto;width:100%;margin:62px 0 0;transform:none}
  .drag-note{position:relative;left:auto;right:auto;bottom:auto;max-width:none;margin:27px 0 0;text-align:center}
}

/* Keep the draggable homepage icons in clear, separate starting zones. */
.folder-stack{display:none}

@media(min-width:981px){
  .hero{min-height:1820px}
  .camera-badge{top:32%}
  .heart-sticker{right:6%;top:22%}
  .hero-intro{left:clamp(310px,34vw,620px);top:150px}
  .desktop-icon-hooch{right:2%;top:8%}
  .desktop-icon-abba-poster{right:25%;top:31%}
  .desktop-icon-brew{left:36%;top:31%}
  .desktop-icon-lockin{left:5%;top:44%}
  .desktop-icon-stones{left:40%;top:44%}
  .desktop-icon-kobido{right:4%;top:44%}
  .desktop-icon-st74{left:8%;top:56%}
  .desktop-icon-cocktail{left:42%;top:56%}
  .desktop-icon-abba-stage{right:5%;top:56%}
  .desktop-icon-abba-one{left:7%;top:68%}
  .desktop-icon-abba-two{left:31%;top:68%}
  .desktop-icon-nye{right:8%;top:68%}
  .desktop-icon-ania{left:35%;top:80%}
  .desktop-icon-st67{right:20%;top:80%}
}

/* Supplied Pink Pixel logo */
.mini-logo{overflow:hidden;padding:2px;background:transparent}
.mini-logo img{width:100%;height:100%;object-fit:cover}
.hero-logo{width:clamp(340px,42vw,600px);max-width:none;pointer-events:none;-webkit-user-drag:none}

@media(max-width:760px){
  .hero-logo{width:100%}
}

/* Default desktop arrangement matched to Hannah's reference screenshots. */
@media(min-width:981px){
  .hero-title{left:34px;top:78px}
  .hero-intro{left:40%;top:30px}
  .heart-sticker{left:30%;right:auto;top:132px}
  .camera-badge{left:23.5%;top:672px}

  .desktop-icon-hooch{right:7%;top:72px}
  .desktop-icon-abba-poster{left:9%;right:auto;top:340px}
  .desktop-icon-stones{left:auto;right:7%;top:371px}
  .desktop-icon-kobido{right:calc(22% + 23px);top:469px}
  .desktop-icon-brew{left:3.5%;top:594px}
  .desktop-icon-abba-two{right:4%;left:auto;top:666px}
  .desktop-icon-cocktail{right:23%;left:auto;top:727px}
  .desktop-icon-lockin{left:7%;top:900px}
  .desktop-icon-abba-stage{right:5%;left:auto;top:980px}
  .desktop-icon-st74{left:calc(49% + 266px);top:1469px}
  .desktop-icon-nye{left:calc(35% - 168px);right:auto;top:1432px}
  .desktop-icon-abba-one{left:20%;top:1170px}
  .desktop-icon-st67{left:calc(65% + 78px);right:auto;top:1195px}
  .desktop-icon-ania{left:5%;top:1230px}
}

@media(max-width:980px) and (min-width:761px){
  .hero{min-height:2100px}
  .camera-badge{top:32%}
  .heart-sticker{right:5%;top:22%}
  .hero-intro{left:32%;top:130px;width:min(350px,46vw)}
  .desktop-icon-hooch{right:0;top:8%}
  .desktop-icon-abba-poster{right:23%;top:31%}
  .desktop-icon-brew{left:27%;top:31%}
  .desktop-icon-lockin{left:3%;top:44%}
  .desktop-icon-stones{left:38%;top:44%}
  .desktop-icon-kobido{right:4%;top:44%}
  .desktop-icon-st74{left:8%;top:56%}
  .desktop-icon-cocktail{left:42%;top:56%}
  .desktop-icon-abba-stage{right:5%;top:56%}
  .desktop-icon-abba-one{left:7%;top:68%}
  .desktop-icon-abba-two{left:36%;top:68%}
  .desktop-icon-nye{right:5%;top:68%}
  .desktop-icon-ania{left:20%;top:80%}
  .desktop-icon-st67{right:20%;top:80%}
}

/* Mobile-first composition: the desktop collage becomes a clear, swipeable story. */
.mobile-drag-copy,.mobile-load-more{display:none}

@media(max-width:760px){
  html{scroll-padding-top:104px}
  .site-chrome{position:sticky;top:0;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;min-height:auto;padding:8px 10px 10px}
  .mini-logo{width:42px;height:42px}
  .site-chrome nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;padding:0}
  .site-chrome nav a{display:grid;place-items:center;min-height:38px;padding:5px 4px;font-size:10.5px;line-height:1.05;text-align:center;white-space:normal}

  .hero{display:flex;flex-direction:column;min-height:auto;padding:30px 16px 44px;overflow:hidden}
  .hero-title{order:1;position:relative;left:auto;top:auto;width:max-content;max-width:100%;font-size:clamp(52px,18vw,70px)}
  .hero-intro{order:2;position:relative;left:auto;top:auto;bottom:auto;width:100%;margin:30px 0 0;transform:none}
  .hero-intro .window-copy{padding:20px 18px 22px}
  .hero-intro .window-copy h1{font-size:clamp(29px,9.2vw,38px);line-height:.96}
  .hero-intro .window-copy p:not(.eyebrow){font-size:14px}
  .camera-badge{order:3;position:relative;left:auto;top:auto;translate:none;display:block;width:min(72vw,280px);margin:38px auto 0}
  .hero-logo{width:100%}
  .heart-sticker{display:none}
  .hero .draggable{transform:none!important}

  .desktop-icon-grid{order:4;position:relative;inset:auto;display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,154px);grid-auto-columns:112px;gap:17px 14px;margin:38px -16px 0;padding:8px 16px 18px;overflow-x:auto;overflow-y:hidden;pointer-events:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}
  .desktop-icon-grid::-webkit-scrollbar{display:none}
  .desktop-icon,.desktop-icon-abba-one,.desktop-icon-abba-two,.desktop-icon-stones,.desktop-icon-abba-poster,.desktop-icon-nye,.desktop-icon-hooch,.desktop-icon-kobido{position:relative;left:auto;right:auto;top:auto;bottom:auto;align-self:start;justify-self:start;width:112px;translate:none;scroll-snap-align:start}
  .desktop-icon-image{border-radius:13px;box-shadow:5px 6px 0 rgba(51,29,62,.32)}
  .desktop-icon-label{width:112px;max-width:112px;margin:6px 0 0;translate:none;overflow:hidden;font-size:10.5px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
  .desktop-icon[aria-expanded=true]{scale:1.13;z-index:70}
  .drag-note{order:5;position:relative;left:auto;right:auto;bottom:auto;max-width:none;margin:10px 0 0;font:800 12px/1.35 "Courier New",monospace;text-align:left}
  .desktop-drag-copy{display:none}.mobile-drag-copy{display:inline}

  .about-section{padding:64px 16px 72px}
  .sticker-heading{position:relative;top:auto;right:auto;margin:40px 0 42px;font-size:clamp(66px,21vw,82px);line-height:.63}
  .about-grid{grid-template-columns:1fr;gap:30px;margin-top:0}
  .note-window{width:100%;overflow:hidden;transform:none;box-shadow:7px 8px 0 rgba(72,37,84,.42)}
  .note-window:hover{transform:none;filter:none}
  .note-copy{padding:20px 18px;font-size:14px;line-height:1.52}
  .creator-card{width:min(100%,310px);margin:0 auto;transform:rotate(1.5deg)}
  .tool-stack{display:grid;grid-template-columns:repeat(2,minmax(0,104px));grid-column:auto;justify-content:center;gap:14px 18px;width:100%}
  .tool-icon{width:100%;height:auto;aspect-ratio:1}
  .seagull-flight{height:88px}.seagull-flyer{width:125px}
  .ticker{padding:11px 0;font-size:17px}

  .instagram-section{padding:66px 14px 74px}
  .instagram-copy{padding:0}
  .instagram-copy h2{margin:36px 0 24px;font-size:clamp(57px,17vw,74px);line-height:.8}
  .crowns-case-study{margin:30px 0 0;transform:none;box-shadow:6px 7px 0 #cf6d9e,8px 9px 0 var(--ink)}
  .crowns-case-bar{padding:12px;gap:8px;font-size:11px}
  .crowns-case-bar span{font-size:9px}.crowns-case-controls{display:none}
  .crowns-case-body{padding:17px 14px 19px}
  .crowns-case-intro,.crowns-case-result{font-size:12px;line-height:1.48}
  .crowns-case-pillar{grid-template-columns:1fr}
  .crowns-case-pillar>strong{place-items:start;padding:9px 11px;border-right:0;border-bottom:3px solid var(--ink)}
  .crowns-case-pillar p{padding:11px;font-size:12px;line-height:1.5}
  .instagram-showcase{padding:30px 14px 66px}
  .instagram-post{width:78%}
  .instagram-arrow{width:44px;height:44px}

  .work-section{padding:66px 14px 78px}
  .work-heading-row{grid-template-columns:1fr;gap:26px;margin:32px 0 34px}
  .work-heading-row h2{font-size:clamp(50px,14.7vw,66px);line-height:.84}
  .work-heading-row p{max-width:none;padding:16px;font-size:13px;transform:none;box-shadow:5px 5px 0 var(--ink)}
  .filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:30px}
  .filter-bar button{min-height:46px;padding:8px 6px;font-size:12px;line-height:1.15}
  .filter-bar button:first-child{grid-column:1/-1}
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .portfolio-grid>.project-window,.portfolio-grid>.project-window:nth-child(n){grid-column:auto;transform:none}
  .portfolio-grid>.project-window.project-wide,.portfolio-grid>.project-window.events-lead,.portfolio-grid>.project-window.project-gallery,.portfolio-grid>.project-window.epk-window{grid-column:1/-1}
  .project-window{border-width:3px;box-shadow:6px 7px 0 rgba(29,20,34,.7)}
  .project-window:hover{transform:none}
  .project-bar{height:34px;min-width:0;padding:0 8px;border-bottom-width:3px;font-size:9px}
  .project-bar>span,.window-bar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .project-bar>div{display:none}
  .project-media{aspect-ratio:4/5;border-bottom-width:3px}
  .project-wide .landscape-media,.events-lead .project-media{aspect-ratio:16/10}
  .project-gallery .project-media{aspect-ratio:4/3}
  .play-button{width:50px;height:50px;border-width:3px;font-size:20px}
  .photo-badge{right:9px;bottom:9px;padding:6px 7px;border-width:2px;font-size:9px;box-shadow:3px 3px 0 var(--ink)}
  .gallery-counter{left:9px;bottom:9px;padding:6px 7px;border-width:2px;font-size:9px;box-shadow:3px 3px 0 var(--ink)}
  .project-caption{display:grid;gap:7px;padding:13px 11px 14px}
  .project-caption h3,.abba-gallery+.project-caption h3,.stonesthrow-gallery+.project-caption h3,.crowns-gallery+.project-caption h3,.churros-gallery+.project-caption h3,.beauty-gallery+.project-caption h3,.food-travel-gallery+.project-caption h3{max-width:none;margin:0;font-size:18px;line-height:1.02}
  .project-gallery .project-caption h3{font-size:22px}
  .project-caption p{display:none;padding-right:0}
  .project-caption span{position:static;justify-self:start;max-width:100%;padding:5px;font-size:7.5px;transform:none}

  .epk-project-bar{min-height:48px;height:auto;padding:7px 9px;font-size:11px}
  .epk-window-controls{display:none}
  .epk-frame{padding:6px}
  .epk-canvas{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;grid-template-areas:"sheet poster" "cards cards" "photos photos";gap:16px 10px;padding:10px;overflow:visible;background-size:34px 34px}
  .epk-sheet-group,.epk-poster-group{height:auto}
  .epk-sheet{height:auto;aspect-ratio:733/1026}.epk-poster{height:auto;aspect-ratio:693/978}
  .epk-label{font-size:8px}
  .epk-card-cluster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:32px}
  .epk-card-front,.epk-card-back{position:relative;inset:auto;width:100%;rotate:0}
  .epk-photo-cluster{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0}
  .epk-photo-cluster .epk-item,.epk-photo-cluster .epk-item:last-child{position:relative;inset:auto;grid-column:auto;width:100%;justify-self:auto}
  .epk-zoom-hint{position:static;grid-column:1/-1;justify-self:center;max-width:100%;margin-top:2px;font-size:8px;rotate:0}
  .epk-dialog{width:calc(100% - 16px);box-shadow:6px 7px 0 var(--violet)}
  .epk-dialog-stage{padding:8px}

  .mobile-load-more:not([hidden]){display:block;width:min(100%,330px);min-height:50px;margin:30px auto 0;padding:10px 14px;border:3px solid var(--ink);background:var(--mint);box-shadow:5px 5px 0 var(--ink);font-weight:1000;cursor:pointer}
  .mobile-load-more:focus-visible{outline:4px dashed #fff;outline-offset:5px}

  .contact-section{padding:66px 16px 74px;gap:40px}
  .contact-copy h2{margin:34px 0 24px;font-size:clamp(52px,15vw,66px);line-height:.84}
  .contact-copy>p{font-size:14px}.contact-form{transform:none;box-shadow:7px 8px 0 rgba(72,37,84,.42)}
  .form-body{gap:16px;padding:18px 16px 20px}
  .form-body input,.form-body select,.form-body textarea{min-height:48px;font-size:16px}
  .send-button{justify-self:stretch;min-height:48px}
  footer{gap:10px;padding:22px 16px;font-size:12px;text-align:center;align-items:center}
  .video-dialog{width:calc(100% - 16px);box-shadow:6px 7px 0 var(--violet)}
  .dialog-close{width:44px;height:44px;top:4px}
}

@media(max-width:350px){
  .portfolio-grid{grid-template-columns:1fr}
  .portfolio-grid>.project-window,.portfolio-grid>.project-window:nth-child(n){grid-column:1}
  .project-caption p{display:block;font-size:11px}
}

@media(max-width:760px) and (hover:none){
  .project-window:hover .project-media img,.project-window:hover .project-media .project-preview{transform:none;filter:none}
}

@media(min-width:761px) and (max-width:1024px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:34px;min-height:auto;padding:64px 32px 54px}
  .hero-title{position:relative;left:auto;top:auto;align-self:start;font-size:clamp(62px,10vw,94px)}
  .hero-intro{position:relative;left:auto;top:auto;bottom:auto;align-self:start;width:100%;transform:none}
  .camera-badge{position:relative;left:auto;top:auto;translate:none;width:min(42vw,360px);margin:10px auto 0;transform:none!important}
  .hero-logo{width:100%}
  .heart-sticker{display:none}
  .desktop-icon-grid{position:relative;inset:auto;grid-column:1/-1;display:flex;gap:22px;margin-top:20px;padding:8px 4px 22px;overflow-x:auto;pointer-events:auto;scroll-snap-type:x mandatory}
  .desktop-icon,.desktop-icon-abba-one,.desktop-icon-abba-two,.desktop-icon-stones,.desktop-icon-abba-poster,.desktop-icon-nye,.desktop-icon-hooch,.desktop-icon-kobido{position:relative;left:auto;right:auto;top:auto;bottom:auto;flex:0 0 132px;width:132px;translate:none;transform:none!important;scroll-snap-align:start}
  .drag-note{position:relative;grid-column:1/-1;right:auto;bottom:auto;margin:0;text-align:left}
}