@font-face{font-family:"Playwrite NZ";src:url("assets/fonts/playwrite-nz-variable.ttf") format("truetype");font-weight:100 400;font-style:normal;font-display:swap}
@font-face{font-family:"Lilita One";src:url("assets/fonts/lilita-one-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#20211e;--paper:#f2eee5;--cream:#e7dfd1;--olive:#324d3b;--blue:#24577a;--terra:#b85b3e;--yellow:#d4a943;--line:rgba(32,33,30,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3ed;color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{font:27px "Instrument Serif",serif}.wordmark span{font:9px "DM Sans";vertical-align:top;margin-left:3px}.site-header nav{display:flex;gap:34px;font-size:12px}.site-header nav a,.shop-link{transition:opacity .2s}.site-header nav a:hover,.shop-link:hover{opacity:.5}.shop-link{font-size:12px;border-bottom:1px solid;padding-bottom:3px}.hero{min-height:580px;height:calc(84vh - 84px);padding:8vh 8vw;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";width:43vw;height:43vw;border:1px solid var(--line);border-radius:50%;position:absolute;right:-12vw;top:-10vw}.hero-copy{position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:600}.hero h1,.section-heading h2{font:clamp(56px,7.4vw,112px)/.86 "Instrument Serif",serif;letter-spacing:-.03em;margin:35px 0}.hero h1 em{font-weight:400;color:var(--terra)}.intro{max-width:430px;line-height:1.7;font-size:14px}.text-link{display:inline-flex;gap:50px;margin-top:40px;padding-bottom:8px;border-bottom:1px solid;font-size:12px}.hero-note{position:absolute;right:9vw;bottom:10vh;display:flex;gap:25px;font:13px/1.5 "Instrument Serif"}.hero-note span{font:10px "DM Sans"}.play-section{background:#d7d0c3;padding:9vw 5vw 5vw}.section-heading{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:flex-end}.section-heading h2{font-size:clamp(42px,5vw,76px);margin:20px 0 0}.section-heading>p{max-width:340px;line-height:1.7;font-size:13px}.workspace{max-width:1320px;margin:70px auto 0;display:grid;grid-template-columns:84px minmax(0,1fr) 52px;gap:24px;align-items:center}.asset-tray{background:#eee9df;border:1px solid rgba(0,0,0,.15);border-radius:18px;padding:12px 9px;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 45px rgba(40,34,25,.12)}.tray-heading{display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.1em;padding:5px 3px 8px}.asset{height:60px;border:0;background:#f8f5ef;border-radius:9px;cursor:pointer;display:grid;place-items:center;transition:transform .2s,background .2s}.asset:hover{transform:translateY(-2px);background:#fff}.mini{display:block}.note-mini{width:28px;height:35px;background:#d6b868;transform:rotate(5deg);box-shadow:2px 3px 6px #aaa}.tape-mini{width:39px;height:14px;background:rgba(86,104,83,.55);transform:rotate(-6deg)}.leaf-mini{font:36px serif;color:#52664e}.circle-mini{width:32px;height:32px;border-radius:50%;background:#b85b3e}.label-mini{font:6px "DM Sans";letter-spacing:.12em;padding:7px 6px;border:1px solid}.line-mini{width:38px;border-top:2px solid #24577a}.ipad-shell{background:#22221f;border:7px solid #282824;border-radius:36px;padding:18px;box-shadow:0 35px 65px rgba(42,34,25,.28),inset 0 0 0 1px #555;position:relative}.ipad-screen{overflow:hidden;border-radius:18px;background:#ede7dc;aspect-ratio:16/10}.ipad-camera{position:absolute;width:5px;height:5px;border-radius:50%;background:#090909;left:50%;top:8px}.ipad-home{display:none}.journal{width:100%;height:100%;position:relative;display:flex;overflow:hidden;background:#dfd6c7;touch-action:none}.page{width:50%;height:100%;padding:7% 6%;position:relative;background-color:#f3efe6;background-image:radial-gradient(rgba(70,60,48,.08) .5px,transparent .7px);background-size:5px 5px}.page-left{box-shadow:inset -12px 0 25px rgba(40,30,20,.06)}.page-right{box-shadow:inset 12px 0 25px rgba(40,30,20,.055)}.spine{position:absolute;left:50%;top:0;width:2px;height:100%;background:rgba(65,50,40,.15);box-shadow:0 0 12px rgba(40,30,20,.18)}.page-date{font-size:clamp(6px,.75vw,11px);letter-spacing:.18em}.page h3{font:clamp(22px,3.6vw,58px)/.95 "Instrument Serif";margin:12% 0 7%}.printed-line{width:35%;border-top:1px solid;margin-bottom:5%}.page-caption{font:clamp(8px,.9vw,13px)/1.6 "Instrument Serif"}.page-number{position:absolute;right:8%;bottom:7%;font-size:9px}.guide-lines{width:48%;height:33%;position:absolute;right:11%;top:15%;background:repeating-linear-gradient(transparent 0,transparent 16%,rgba(20,20,20,.12) 16.5%,transparent 17%)}.collage-item{position:absolute;cursor:grab;user-select:none;touch-action:none;transform-origin:center;z-index:3}.collage-item:active{cursor:grabbing}.collage-item.selected:after{content:"";position:absolute;inset:-7px;border:1px dashed rgba(30,30,30,.55);pointer-events:none}.default-note,.item-note{width:18%;height:28%;min-width:70px;min-height:75px;background:#d8bb6c;padding:3%;box-shadow:3px 5px 10px rgba(40,30,20,.18);font:clamp(11px,1.4vw,22px)/1.1 "Instrument Serif";display:flex;align-items:center}.default-tape,.item-tape{width:14%;height:6%;min-width:60px;min-height:18px;background:rgba(87,109,86,.55);clip-path:polygon(4% 5%,100% 0,96% 98%,0 91%)}.default-leaf,.item-leaf{font:clamp(65px,10vw,160px) serif;color:#536a53;line-height:.7;text-shadow:2px 3px 4px rgba(0,0,0,.15)}.default-circle,.item-circle{width:9%;aspect-ratio:1;min-width:42px;border-radius:50%;background:#b95d40;box-shadow:2px 3px 5px rgba(0,0,0,.16)}.item-label{padding:8px 12px;border:1px solid #222;background:#eee7da;font-size:8px;letter-spacing:.15em}.item-line{width:13%;min-width:55px;border-top:3px solid #24577a}.controls{display:flex;flex-direction:column;gap:8px}.controls button{width:48px;height:42px;border:1px solid rgba(0,0,0,.18);border-radius:50%;background:#eee9df;cursor:pointer;font-size:17px}.controls button:hover{background:#fff}.controls .reset{border-radius:20px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-top:10px}.touch-hint{text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-top:25px}.collections{padding:12vw 6vw}.section-heading.editorial{align-items:flex-start}.collection-grid{max-width:1320px;margin:9vw auto 0;display:grid;grid-template-columns:1.25fr .75fr;gap:9vw 4vw}.collection-card.large{grid-row:span 2}.collection-card.offset{margin-top:6vw}.art{aspect-ratio:4/5;position:relative;overflow:hidden;transition:transform .5s}.collection-card:hover .art{transform:scale(.985)}.large .art{aspect-ratio:4/5;background:#dfd6c4}.mediterranean i,.industrial i,.paper i{position:absolute;display:block;box-shadow:5px 8px 20px rgba(0,0,0,.18)}.mediterranean i:nth-child(1){width:48%;height:38%;background:#215a7d;left:12%;top:19%;transform:rotate(-5deg)}.mediterranean i:nth-child(2){width:30%;height:39%;background:#e5dfd0;right:10%;bottom:15%;transform:rotate(7deg)}.mediterranean i:nth-child(3){width:28%;height:28%;border-radius:50%;background:#bd5b3d;left:20%;bottom:12%}.mediterranean b{position:absolute;font:12vw serif;color:#385942;right:3%;top:4%;transform:rotate(20deg)}.industrial{background:#b8aaa0}.industrial i:nth-child(1){width:55%;height:35%;background:#50504b;left:13%;top:13%}.industrial i:nth-child(2){width:34%;height:42%;background:#9e5c3f;right:9%;bottom:11%;transform:rotate(-5deg)}.industrial i:nth-child(3){width:34%;height:32%;background:#d3c8b4;left:12%;bottom:19%;transform:rotate(8deg)}.paper{background:#ded7ca}.paper i:nth-child(1){width:64%;height:45%;background:#f0eadf;left:16%;top:14%;transform:rotate(-4deg)}.paper i:nth-child(2){width:55%;height:38%;background:#cdbf9d;right:6%;bottom:16%;transform:rotate(7deg)}.paper i:nth-child(3){width:48%;height:12%;background:rgba(50,75,62,.7);left:8%;bottom:25%;transform:rotate(-8deg)}.card-meta{display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid;margin-top:16px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.about{margin:5vw 6vw 0;padding:10vw 4vw 5vw;border-top:1px solid}.about-statement{font:clamp(37px,5.5vw,82px)/1.02 "Instrument Serif";max-width:1150px}.about-foot{display:flex;justify-content:space-between;margin-top:9vw;padding-top:18px;border-top:1px solid;font-size:11px}footer{padding:40px 3.5vw;border-top:1px solid;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.site-header nav{display:none}.hero{height:74vh;padding:10vh 7vw}.hero-note{display:none}.section-heading{display:block}.section-heading>p{margin-top:25px}.play-section{padding:18vw 4vw 10vw}.workspace{grid-template-columns:1fr;margin-top:40px}.asset-tray{order:2;flex-direction:row;overflow-x:auto;width:100%;border-radius:13px}.tray-heading{display:none}.asset{min-width:57px;height:52px}.ipad-shell{order:1;border-width:4px;border-radius:22px;padding:10px}.controls{order:3;flex-direction:row;justify-content:center;flex-wrap:wrap}.controls button{width:40px;height:36px}.collage-item.selected:after{inset:-4px}.collection-grid{grid-template-columns:1fr;gap:18vw}.collection-card.offset{margin-top:0}.about-foot,footer{gap:20px;flex-direction:column;align-items:flex-start}.card-meta{font-size:8px}.page{padding:6% 5%}.default-leaf,.item-leaf{font-size:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* JoyPaperless custom artwork update */
.brand-logo{width:70px;height:70px;display:block;overflow:hidden;border-radius:14px;background:#b99e94;box-shadow:0 4px 14px rgba(25,25,20,.12)}
.brand-logo img{width:100%;height:100%;display:block;object-fit:cover}
.footer-logo{width:58px;height:58px}
.play-section .section-heading h2{font-size:clamp(62px,7.2vw,112px);line-height:.88;max-width:900px}
.workspace{grid-template-columns:210px minmax(0,1fr) 52px;align-items:stretch}
.asset-tray{max-height:660px;padding:16px 12px;overflow:hidden}
.asset-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto;padding:2px 4px 16px 2px;scrollbar-width:thin;scrollbar-color:#a99e8e transparent}
.asset{height:84px;min-height:84px;padding:8px}
.asset img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(1px 3px 3px rgba(30,25,20,.13))}
.ipad-screen{aspect-ratio:1668/938;background:#f5f2ec}
.journal{display:block;background:#f5f2ec}
.journal-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.collage-item{width:13%;height:auto;max-height:38%;object-fit:contain;filter:drop-shadow(2px 5px 5px rgba(35,28,22,.2));position:absolute}
.collage-item.selected{filter:drop-shadow(2px 5px 5px rgba(35,28,22,.2)) drop-shadow(0 0 1px #2b2a25)}
.collage-item.selected:after{display:none}
@media(max-width:800px){.brand-logo{width:54px;height:54px;border-radius:11px}.site-header{height:72px}.workspace{grid-template-columns:1fr}.asset-tray{max-height:none}.asset-list{display:flex;overflow-x:auto;overflow-y:hidden;padding:0 0 4px}.asset{min-width:72px;height:66px;min-height:66px}.play-section .section-heading h2{font-size:clamp(52px,15vw,78px)}.footer-logo{width:52px;height:52px}}

/* Centred portfolio header */
.site-header{
  height:auto;
  min-height:0;
  padding:28px 4vw 32px;
  flex-direction:column;
  justify-content:center;
  gap:20px;
  background:#f7f4ee;
}
.header-brand{display:flex;flex-direction:column;align-items:center;gap:10px}
.site-header .brand-logo{width:105px;height:105px;border-radius:21px}
.header-wordmark{
  font:42px/.9 "Instrument Serif",serif;
  letter-spacing:-.035em;
}
.header-wordmark em{font-weight:400;color:#9f5f4b}
.site-header nav{display:flex;gap:38px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.site-header nav a{padding-bottom:5px;border-bottom:1px solid transparent}
.site-header nav a:hover{opacity:1;border-bottom-color:currentColor}
.header-intro{
  width:100%;
  max-width:1800px;
  margin:3px auto 0;
  text-align:center;
  font:400 clamp(22px,1.75vw,29px)/1.55 "Playwrite NZ",cursive;
  color:#3d342e;
}
.header-intro .intro-line{display:block}
@media(min-width:1100px){.header-intro .intro-line{white-space:nowrap}}

/* Wooden digital desk */
.play-section{background:#eee9e1;padding:0}
.desk-surface{
  max-width:none;
  margin:0;
  padding:clamp(32px,5vw,78px) clamp(18px,5vw,76px) 34px;
  position:relative;
  overflow:hidden;
  border-radius:0;
  background:#9c7257 url("assets/background-1.jpg") center/cover no-repeat;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -30px 70px rgba(55,29,16,.09),0 28px 65px rgba(64,45,32,.16);
}
.desk-surface::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(69,39,22,.04)}
.desk-surface .workspace{position:relative;z-index:1;margin:0 auto}
.desk-surface .asset-tray{
  background:rgba(246,240,230,.92);
  border-color:rgba(74,48,31,.2);
  transform:none;
  box-shadow:0 22px 42px rgba(47,25,13,.23);
}
.desk-surface .asset{background:rgba(255,253,248,.82)}
.desk-surface .ipad-shell{
  aspect-ratio:2634/1736;
  position:relative;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.desk-surface .ipad-screen{
  position:absolute;
  z-index:2;
  left:5.3%;
  top:7.4%;
  width:86.2%;
  height:84%;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:2.2%;
  background:transparent;
  aspect-ratio:auto;
}
.ipad-board-image{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none}
.desk-surface .journal{width:100%;height:100%}
.desk-surface .journal{background:transparent}
.desk-surface .controls{justify-content:center}
.desk-surface .controls button{background:rgba(245,237,225,.94);border-color:rgba(66,38,22,.25);box-shadow:0 7px 15px rgba(43,22,11,.18)}
.desk-surface .touch-hint{position:relative;z-index:1;color:#f8f0e5;margin:28px 0 0;text-shadow:0 1px 2px rgba(42,22,12,.45)}

@media(max-width:800px){
  .site-header{min-height:0;height:auto;padding:22px 5vw 26px;gap:16px}
  .site-header .brand-logo{width:91px;height:91px;border-radius:19px}
  .header-wordmark{font-size:36px}
  .site-header nav{display:flex;gap:25px;font-size:9px}
  .header-intro{max-width:350px;margin-top:2px;font-size:23px;line-height:1.12}
  .play-section{padding:0}
  .desk-surface{margin:0;padding:24px 16px 28px;border-radius:0}
  .desk-surface .workspace{margin:0;gap:22px}
  .desk-surface .asset-tray{transform:none}
  .desk-surface .touch-hint{margin-top:24px}
}

/* Direct, GoodNotes-style collage interactions */
.desk-surface .workspace{max-width:1500px;grid-template-columns:210px minmax(0,1fr) 116px}
.desk-surface .asset{touch-action:pan-x;cursor:grab}
.desk-surface .asset{position:relative;overflow:hidden}
.desk-surface .asset:active{cursor:grabbing}
.desk-surface .asset.dragging{opacity:.4;transform:scale(.96)}
.desk-surface .asset img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);max-width:none;max-height:none;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}

.asset-drag-preview{
  position:fixed;
  z-index:9999;
  width:92px;
  height:110px;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 10px 10px rgba(35,24,17,.28));
}

.journal .collage-item{
  position:absolute;
  width:13%;
  height:auto;
  max-height:none;
  cursor:grab;
  user-select:none;
  touch-action:none;
  outline:none;
  filter:none;
  transform-origin:0 0;
}
.journal .collage-item.moving{cursor:grabbing}
.journal .collage-item.resizing{cursor:nwse-resize}
.crop-viewport{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.collage-art{
  position:absolute;
  display:block;
  max-width:none;
  max-height:none;
  object-fit:fill;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(2px 5px 5px rgba(35,28,22,.2));
}
.journal .collage-item::after{
  content:"";
  position:absolute;
  inset:-7px;
  display:none;
  border:1.5px solid #3977cc;
  border-radius:3px;
  pointer-events:none;
}
.journal .collage-item.selected{filter:none}
.journal .collage-item.selected::after{display:block}
.item-control{
  position:absolute;
  z-index:2;
  width:29px;
  height:29px;
  padding:0;
  display:none;
  place-items:center;
  border:1px solid rgba(34,61,97,.28);
  border-radius:50%;
  background:#fff;
  color:#285eaa;
  box-shadow:0 3px 9px rgba(29,42,58,.25);
  font-family:"DM Sans",sans-serif;
  line-height:1;
  cursor:pointer;
  touch-action:none;
}
.collage-item.selected:not(.cropping) .item-control{display:grid}
.item-delete{left:-21px;top:-21px;font-size:21px}
.item-resize{right:-21px;bottom:-21px;font-size:13px;cursor:nwse-resize}
.item-rotate{top:-43px;font-size:17px}
.item-rotate-left{left:calc(50% - 33px)}
.item-rotate-right{left:calc(50% + 4px)}
.item-control:hover{background:#edf5ff}
.crop-actions{
  position:absolute;
  z-index:4;
  left:50%;
  top:-47px;
  display:none;
  gap:5px;
  padding:4px;
  border:1px solid rgba(34,61,97,.22);
  border-radius:9px;
  background:#fff;
  box-shadow:0 4px 12px rgba(29,42,58,.22);
  transform:translateX(-50%);
  white-space:nowrap;
}
.crop-actions button{
  min-width:48px;
  height:27px;
  padding:0 8px;
  border:0;
  border-radius:6px;
  background:#edf5ff;
  color:#285eaa;
  font:700 9px/1 "DM Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  cursor:pointer;
}
.crop-actions .crop-cancel{background:#f4f1ed;color:#635b55}
.crop-handle{
  position:absolute;
  z-index:3;
  display:none;
  width:15px;
  height:15px;
  border:2px solid #fff;
  border-radius:3px;
  background:#3977cc;
  box-shadow:0 2px 7px rgba(29,42,58,.28);
  touch-action:none;
}
.crop-top{left:50%;top:-8px;transform:translateX(-50%);cursor:ns-resize}
.crop-right{right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.crop-bottom{left:50%;bottom:-8px;transform:translateX(-50%);cursor:ns-resize}
.crop-left{left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}
.collage-item.cropping{cursor:default}
.collage-item.cropping::after{display:block;border-style:dashed;border-color:#285eaa}
.collage-item.cropping .crop-actions{display:flex}
.collage-item.cropping .crop-handle{display:block}
.layer-panel{
  align-self:center;
  padding:14px 10px;
  display:flex;
  flex-direction:column;
  gap:9px;
  border:1px solid rgba(74,48,31,.2);
  border-radius:18px;
  background:rgba(246,240,230,.94);
  box-shadow:0 22px 42px rgba(47,25,13,.22);
}
.layer-heading{padding:2px 3px 7px}
.layer-heading span{display:block;font:400 19px/1 "Lilita One",sans-serif}
.layer-heading small{display:block;min-height:22px;margin-top:6px;color:rgba(45,39,35,.58);font:600 7px/1.35 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere}
.layer-action{
  min-height:66px;
  padding:9px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(61,49,41,.19);
  border-radius:11px;
  background:rgba(255,253,248,.84);
  color:#322b27;
  font:700 8px/1.2 "DM Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:.04em;
  cursor:pointer;
}
.layer-action span:first-child{font-size:23px;line-height:.8}
.layer-action:not(:disabled):hover{background:#fff;transform:translateY(-1px)}
.layer-action:disabled{cursor:not-allowed;opacity:.34}

@media(max-width:800px){
  .desk-surface .workspace{grid-template-columns:1fr}
  .desk-surface .layer-panel{order:2;width:100%;padding:10px 12px;flex-direction:row;align-items:center;border-radius:13px}
  .desk-surface .asset-tray{order:3}
  .layer-heading{min-width:105px;margin-right:auto;padding:2px}
  .layer-heading small{min-height:0}
  .layer-action{min-width:92px;min-height:54px;padding:7px 9px}
  .asset-drag-preview{width:72px;height:86px}
  .item-control{width:31px;height:31px}
  .item-delete{left:-20px;top:-20px}
  .item-resize{right:-20px;bottom:-20px}
  .item-rotate{top:-42px}
  .crop-actions{top:-46px}
}

/* Live Etsy collection */
.collections{
  padding:clamp(58px,6vw,92px) clamp(22px,6vw,96px) clamp(88px,8vw,132px);
  background:#f6f3ed;
}
.shop-collection-heading{
  max-width:1500px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);
  gap:6vw;
  align-items:center;
}
.shop-collection-heading h2{
  margin:14px 0 0;
  font:clamp(44px,4.7vw,72px)/.88 "Instrument Serif",serif;
  letter-spacing:-.045em;
}
.shop-collection-heading h2 em{font-weight:400;color:var(--terra)}
.shop-collection-intro{padding-bottom:6px}
.shop-collection-intro p{
  margin:0;
  font-family:"Playwrite NZ",cursive;
  font-size:13px;
  font-weight:400;
  line-height:1.8;
}
.etsy-shop-link{
  width:max-content;
  margin-top:20px;
  display:flex;
  align-items:center;
  gap:14px;
}
.etsy-logo{
  width:58px;
  height:58px;
  display:block;
  object-fit:cover;
  border-radius:50%;
}
.etsy-shop-action{
  padding-bottom:6px;
  border-bottom:1px solid;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.collection-toolbar{
  max-width:1500px;
  margin:clamp(38px,4vw,58px) auto 30px;
  padding-bottom:14px;
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:flex-end;
  border-bottom:1px solid var(--line);
}
.collection-filters{
  display:flex;
  gap:24px;
  overflow-x:auto;
  scrollbar-width:none;
}
.collection-filters::-webkit-scrollbar{display:none}
.collection-filter{
  flex:0 0 auto;
  padding:0 0 9px;
  border:0;
  border-bottom:1px solid transparent;
  background:transparent;
  color:rgba(32,33,30,.52);
  font:600 10px "DM Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:.11em;
  cursor:pointer;
}
.collection-filter span{margin-left:7px;font-size:8px;vertical-align:top}
.collection-filter:hover{color:var(--ink)}
.collection-filter.active{color:var(--ink);border-bottom-color:var(--ink)}
.collection-status{
  flex:0 0 auto;
  margin:0 0 9px;
  color:rgba(32,33,30,.58);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.etsy-product-grid{
  max-width:1500px;
  min-height:220px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.2vw,34px);
}
.etsy-product-card{display:block;min-width:0}
.etsy-product-media{
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:16px;
  background:#e8e1d5;
}
.etsy-product-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s;
}
.etsy-product-card:hover .etsy-product-media img{transform:scale(1.025);filter:saturate(1.04)}
.collection-more-wrap{max-width:1500px;margin:76px auto 0;text-align:center}
.collection-more{
  min-width:170px;
  padding:15px 24px;
  border:1px solid var(--ink);
  border-radius:999px;
  background:transparent;
  color:var(--ink);
  font:600 10px "DM Sans",sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
  cursor:pointer;
}
.collection-more:hover{background:var(--ink);color:#f6f3ed}

@media(max-width:1000px){
  .shop-collection-heading{grid-template-columns:1fr .65fr;gap:7vw}
  .etsy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .collection-toolbar{align-items:flex-start;flex-direction:column-reverse;gap:15px}
  .collection-filters{width:100%}
}

@media(max-width:620px){
  .collections{padding:56px 22px 82px}
  .shop-collection-heading{display:block}
  .shop-collection-heading h2{font-size:42px}
  .shop-collection-intro{margin-top:26px;max-width:330px}
  .etsy-logo{width:52px;height:52px}
  .collection-toolbar{margin-top:40px}
  .collection-filters{gap:20px}
  .etsy-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .etsy-product-media{border-radius:11px}
  .collection-more-wrap{margin-top:60px}
}

@media(max-width:420px){.etsy-product-grid{grid-template-columns:1fr}}

.about-statement{font-size:clamp(19px,1.9vw,30px);line-height:1.5;word-spacing:.2em}
.about-statement p{margin:35px 0 0;font-style:italic}
.social-links{display:flex;align-items:center;gap:16px;margin-top:38px}
.social-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;transition:transform .2s,opacity .2s}
.social-icon img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}
.social-icon:hover{transform:translateY(-2px);opacity:.76}
.footer-contact{display:flex;align-items:center;gap:18px}
.footer-email{
  padding-bottom:4px;
  border-bottom:1px solid transparent;
  font-size:11px;
  text-transform:none;
  letter-spacing:.04em;
  transition:border-color .2s,opacity .2s;
}
.footer-email:hover{border-bottom-color:currentColor;opacity:.65}

.desk-surface .tray-heading{
  display:block;
  padding:5px 4px 12px;
  font-family:"Lilita One",sans-serif;
  font-size:22.5px;
  font-weight:400;
  font-style:normal;
  line-height:1.25;
  letter-spacing:0;
  text-transform:none;
}
.desk-surface .tray-heading span{display:block}
.asset-categories{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:0 2px 14px;
}
.asset-category{
  min-width:0;
  min-height:40px;
  padding:10px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  border:1px solid rgba(70,50,36,.18);
  border-radius:9px;
  background:rgba(255,253,248,.62);
  color:#4a4038;
  font:600 11px/1.15 "DM Sans",sans-serif;
  letter-spacing:.025em;
  cursor:pointer;
}
.asset-category span{font-size:9px;opacity:.58}
.asset-category:hover{background:#fff}
.asset-category.active{background:#3e352f;color:#fff;border-color:#3e352f}
.asset-list{flex:1;min-height:0}

@media(max-width:800px){
  .desk-surface .asset-tray{flex-direction:column;overflow:hidden}
  .desk-surface .tray-heading{padding:2px 2px 10px;font-size:24px}
  .asset-categories{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}
  .asset-categories::-webkit-scrollbar,.asset-list::-webkit-scrollbar{display:none}
  .asset-list{scrollbar-width:none}
  .asset-category{flex:0 0 auto;min-width:116px;min-height:44px;padding:11px 10px;font-size:12px}
  .asset-category span{font-size:10px}
}