/* Homepage portfolio: the full collection lives at /work. */
.swh-work{padding:clamp(64px,8vw,128px) var(--svs-gutter,4vw);background:#fff1e7;color:#1f0229;border-top:1px solid #1f0229}
.swh-inner{max-width:1472px;margin:0 auto}
.swh-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:end;margin-bottom:34px}
.swh-eyebrow{margin:0 0 20px;font:12px/1.5 var(--svs-mono,monospace);text-transform:uppercase;letter-spacing:.06em}
.swh-heading h2{margin:0;font:400 clamp(42px,5.7vw,86px)/1.03 var(--svs-display,Georgia);letter-spacing:-.045em}
.swh-heading h2 em{font-style:normal;color:#774297}
.swh-intro{max-width:440px;justify-self:end}
.swh-intro p{font:400 clamp(17px,1.5vw,21px)/1.55 var(--svs-body,Arial);margin:0 0 20px}
.swh-all{display:inline-flex;align-items:center;gap:30px;padding:15px 22px;background:#ffff64;border:1px solid #1f0229;border-radius:100px;color:#1f0229;font:600 15px/1.25 var(--svs-body,Arial);text-decoration:none;transition:transform .25s,background .25s}
.swh-all:hover{transform:rotate(-2deg);background:#d696f6}
.swh-all span{font-size:25px;line-height:1}
.swh-categories{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 34px;padding:0}
.swh-categories a{display:inline-flex;align-items:center;gap:9px;min-height:40px;border:1px solid #1f02294d;border-radius:100px;padding:9px 15px;font:12px/1.4 var(--svs-mono,monospace);color:inherit;text-decoration:none;transition:background .2s}
.swh-categories a:hover{background:#d696f6}
.swh-categories a:first-child{background:#c8e6bb}
.swh-categories a:last-child{background:#e5c0fa}
.swh-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.swh-project{grid-column:span 4;display:block;min-width:0;color:inherit;text-decoration:none}
.swh-project-czarina{grid-column:span 7}
.swh-project-nikki{grid-column:span 5}
.swh-art{position:relative;isolation:isolate;overflow:hidden;border-radius:4px;background:#c9e2eb;aspect-ratio:1.12}
.swh-project-czarina .swh-art,.swh-project-nikki .swh-art{height:clamp(360px,40vw,580px);aspect-ratio:auto}
.swh-art>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.swh-project:hover .swh-art>img{transform:scale(1.045)}
.swh-project-czarina .swh-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1f02290d 30%,#1f0229a3);z-index:0}
.swh-project-czarina .swh-art>img{object-position:50% 30%}
.swh-label{position:absolute;top:18px;left:18px;z-index:2;display:flex;align-items:center;gap:8px;border:1px solid #1f0229;background:#fff1e7;padding:9px 13px;border-radius:100px;font:11px/1.2 var(--svs-mono,monospace)}
.swh-label-shopify{background:#c8e6bb}
.swh-label svg{width:18px;height:21px;flex:none}
.swh-czarina-word{position:absolute;z-index:1;left:28px;bottom:26px;color:#fff1e7;font:400 clamp(54px,6.5vw,104px)/1 var(--svs-display,Georgia);letter-spacing:-.05em}
.swh-project-nikki .swh-art{background:#d696f6;border:12px solid #d696f6}
.swh-project-nikki .swh-art>img{object-position:55% 28%;filter:saturate(.85)}
.swh-soon{position:absolute;z-index:2;bottom:24px;right:20px;padding:16px 22px;background:#ffff64;border:1px solid #1f0229;border-radius:50%;transform:rotate(-10deg);font:400 22px/1.15 var(--svs-display,Georgia);text-align:center;box-shadow:3px 3px 0 #1f0229}
.swh-project-nikki .swh-label{top:8px;left:8px}
.swh-project-huge .swh-art{background:#d696f6}
.swh-project-huge .swh-art>img{object-fit:contain;position:absolute;inset:10% 0 0;height:90%;z-index:1;mix-blend-mode:multiply}
.swh-huge-word{position:absolute;top:22%;left:0;right:0;text-align:center;letter-spacing:-.08em;font:900 clamp(70px,8vw,125px)/1 var(--svs-body,Arial);color:#1f0229}
.swh-project-rmit .swh-art{background:#f7b8a9}
.swh-project-rmit .swh-art>img{object-position:50%}
.swh-project-brand .swh-art{background:#c8e6bb}
.swh-meta{display:flex;align-items:flex-start;gap:15px;justify-content:space-between;padding:18px 0 3px}
.swh-meta h3{margin:0 0 5px;font:400 clamp(24px,2.5vw,35px)/1.15 var(--svs-display,Georgia);letter-spacing:-.035em}
.swh-meta p{max-width:440px;margin:0;color:#503255;font:400 15px/1.5 var(--svs-body,Arial)}
.swh-arrow{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #1f0229;border-radius:50%;font:24px/1 var(--svs-body,Arial);transition:background .25s,transform .25s}
.swh-project:hover .swh-arrow{background:#ffff64;transform:rotate(45deg)}
.swh-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:38px;padding-top:25px;border-top:1px solid #1f02294d}
.swh-bottom p{margin:0;font:13px/1.6 var(--svs-mono,monospace)}
.swh-bottom a{color:#1f0229;text-underline-offset:5px;font:600 16px/1.5 var(--svs-body,Arial);white-space:nowrap}
@media(max-width:900px){.swh-heading{grid-template-columns:1fr 1fr;gap:24px}.swh-grid{gap:22px 18px}.swh-project-czarina,.swh-project-nikki{grid-column:span 6}.swh-project-czarina .swh-art,.swh-project-nikki .swh-art{height:420px}.swh-art{aspect-ratio:.8}.swh-label{font-size:9px;padding:8px 10px;left:12px;top:12px}.swh-project-nikki .swh-art{border-width:8px}.swh-meta h3{font-size:26px}.swh-meta p{font-size:14px}.swh-arrow{width:30px;height:30px;font-size:20px}.swh-huge-word{font-size:70px;top:30%}}
@media(max-width:640px){.swh-work{padding:58px 20px}.swh-heading{grid-template-columns:1fr;gap:22px}.swh-heading h2{font-size:clamp(43px,10vw,62px)}.swh-intro{justify-self:start;max-width:420px}.swh-intro p{font-size:17px}.swh-categories{gap:7px;margin-bottom:24px}.swh-categories a{padding:8px 12px;font-size:10px}.swh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.swh-project,.swh-project-czarina,.swh-project-nikki{grid-column:span 2}.swh-project-czarina .swh-art,.swh-project-nikki .swh-art{height:440px;max-height:115vw}.swh-art{aspect-ratio:1.15}.swh-meta{padding-top:15px}.swh-meta h3{font-size:30px}.swh-meta p{font-size:15px}.swh-project-nikki .swh-art>img{object-position:50% 24%}.swh-czarina-word{font-size:70px;left:22px;bottom:22px}.swh-label{font-size:11px}.swh-huge-word{font-size:110px;top:20%}.swh-bottom{align-items:start;flex-direction:column;gap:12px}.swh-bottom p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.swh-work *{transition:none!important}.swh-project:hover .swh-art>img,.swh-project:hover .swh-arrow,.swh-all:hover{transform:none}}

/* Shared sculptural portfolio plates, cropped to their individual square cells. */
.swh-art-sculpted{display:grid;place-items:center;container-type:size}
.swh-sculpture{position:relative;display:block;width:min(100cqw,100cqh);height:min(100cqw,100cqh);aspect-ratio:1;overflow:hidden;flex:none;isolation:isolate}
.swh-sculpture>img{position:absolute;display:block;left:calc(var(--home-art-column)*-100%);top:var(--home-art-top,0%);width:300%;height:var(--home-art-height,200%);min-width:300%;max-width:none;max-height:none;object-fit:fill;margin:0;padding:0;border-radius:0;transform:none;mix-blend-mode:normal}
.swh-project-czarina .swh-art-sculpted{background:#efc7df}
.swh-project-czarina .swh-art-sculpted:after{display:none}
.swh-art-sculpted .swh-czarina-word{color:#74164e;font-size:clamp(48px,5.6vw,86px);text-shadow:none}
.swh-project-rmit .swh-art-sculpted{background:#f0d6d5}
.swh-project-brand .swh-art-sculpted{background:#dddcc4}
