@charset "UTF-8";

.page-portfolio-catalog .commerce-page{--commerce-ink:#20201f;--commerce-muted:#6c6b68;--commerce-line:#deded9}
.page-portfolio-catalog .commerce-hero.commerce-hero-showcase{min-height:530px;padding:12px 0 48px}
.page-portfolio-catalog .commerce-hero-showcase:before{inset:0 -6%;background:radial-gradient(ellipse at 52% 50%,#e3e3dfb8,transparent 70%)}

.portfolio-hero{position:relative;isolation:isolate;width:min(100%,710px);height:500px;margin:auto;overflow:hidden}
.portfolio-hero-outline{position:absolute;z-index:-1;left:11%;top:5%;width:77%;height:87%;border:1px solid #b8b8b299;transform:rotate(-8deg)}
.portfolio-hero-outline:after{content:"";position:absolute;inset:6%;border:1px solid #b8b8b26b}
.portfolio-hero-spread{position:absolute;z-index:1;right:1%;top:16%;display:grid;grid-template-columns:1fr 1fr;width:84%;height:68%;background:#f8f8f5;box-shadow:0 28px 53px -24px #2325228c;transform:rotate(5deg);animation:portfolio-spread-float 8s ease-in-out infinite alternate}
.portfolio-hero-spread:after,.portfolio-case-spread:after{content:"";position:absolute;left:50%;top:0;width:10px;height:100%;transform:translateX(-50%);background:linear-gradient(90deg,#00000015,transparent 45%,#00000013);pointer-events:none}
.portfolio-hero-spread-photo{position:relative;overflow:hidden;background:#14202a}.portfolio-hero-spread-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% center;filter:saturate(.72)}.portfolio-hero-spread-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#111821b8)}.portfolio-hero-spread-photo span{position:absolute;z-index:1;left:17px;bottom:17px;color:#fff;font-size:8px;font-weight:850;letter-spacing:.12em}
.portfolio-hero-spread-copy{display:flex;flex-direction:column;min-width:0;padding:25px 24px 20px;color:#262624}.portfolio-hero-spread-copy>span,.portfolio-hero-spread-copy small{font-size:8px;font-weight:850;letter-spacing:.14em;color:#8a8a83}.portfolio-hero-spread-copy strong{margin-top:20px;font-size:clamp(21px,2.2vw,32px);line-height:1.04;letter-spacing:-.06em}.portfolio-hero-spread-copy p{max-width:210px;margin:12px 0 0;color:#777770;font-size:10px;line-height:1.5}.portfolio-hero-mini{position:relative;height:77px;margin-top:auto;overflow:hidden;background:#ccc}.portfolio-hero-mini img{width:100%;height:100%;object-fit:cover}.portfolio-hero-mini span{position:absolute;right:7px;bottom:6px;padding:4px 5px;background:#f8f8f2e6;color:#282826;font-size:6px;font-weight:850;letter-spacing:.07em}.portfolio-hero-spread-copy small{margin-top:11px}
.portfolio-hero-cover{position:absolute;z-index:2;left:7%;top:5%;display:flex;flex-direction:column;width:44%;height:88%;padding:23px 22px 19px;overflow:hidden;background:#1d1e1d;color:#f7f7f2;box-shadow:0 33px 55px -20px #121411b8;transform:rotate(-5deg);animation:portfolio-cover-float 7s ease-in-out infinite alternate}
.portfolio-hero-cover:after{content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:#d9d8cf;box-shadow:-4px 0 9px #0005}
.portfolio-hero-cover-top{display:flex;justify-content:space-between;align-items:start;gap:8px}.portfolio-hero-cover-top img{display:block;width:77px;height:auto}.portfolio-hero-cover-top span,.portfolio-hero-cover-title>span,.portfolio-hero-cover-bottom{font-size:8px;font-weight:850;letter-spacing:.12em}.portfolio-hero-cover-top span{text-align:right;color:#abaea9}
.portfolio-hero-cover-title{display:flex;flex-direction:column;gap:16px;margin-top:auto}.portfolio-hero-cover-title>span{color:#c6c8c1}.portfolio-hero-cover-title strong{font-size:clamp(32px,3.8vw,52px);font-weight:650;line-height:.94;letter-spacing:-.075em}
.portfolio-hero-cover-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;height:75px;margin-top:28px}.portfolio-hero-cover-strip img{width:100%;height:100%;object-fit:cover}.portfolio-hero-cover-strip img:last-child{object-fit:contain;background:#e5ddd0}
.portfolio-hero-cover-bottom{display:flex;justify-content:space-between;gap:8px;padding-top:13px;margin-top:13px;border-top:1px solid #ffffff4a;color:#c6c8c1;font-size:7px}
.portfolio-hero-caption{position:absolute;z-index:3;right:3%;bottom:3%;display:flex;align-items:center;gap:9px;color:#666a64;font-size:8px;font-weight:850;letter-spacing:.15em}.portfolio-hero-caption i{width:4px;height:4px;border-radius:50%;background:#8d9289}

.portfolio-gallery{background:#ebebe7}.portfolio-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.portfolio-gallery-card{display:flex;flex-direction:column;min-width:0;min-height:515px;margin:0;padding:25px 27px 29px;overflow:hidden;border-radius:8px}.portfolio-gallery-case{border:1px solid #d9d9d3;background:#f9f9f6;color:#292a28}.portfolio-gallery-index-card{background:#232523;color:#f7f7f1}
.portfolio-gallery-art{position:relative;display:grid;place-items:center;flex:1;min-height:320px}.portfolio-gallery-index,.portfolio-gallery-format{position:absolute;z-index:2;font-size:9px;font-weight:850;letter-spacing:.14em;opacity:.72}.portfolio-gallery-index{top:0;left:0}.portfolio-gallery-format{right:0;bottom:0}
.portfolio-case-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;width:94%;height:260px;margin-top:18px;background:#fff;box-shadow:0 21px 36px -16px #2526218f;transform:rotate(-3deg)}.portfolio-case-image{position:relative;overflow:hidden;background:#1e2d36}.portfolio-case-image img{width:100%;height:100%;object-fit:cover;object-position:45% center}.portfolio-case-image:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0d1720c9)}.portfolio-case-image span{position:absolute;z-index:1;left:12px;bottom:12px;color:#fff;font-size:7px;font-weight:850;letter-spacing:.1em}.portfolio-case-copy{display:flex;flex-direction:column;min-width:0;padding:19px 17px;color:#222522}.portfolio-case-copy>span,.portfolio-case-copy small{font-size:7px;font-weight:850;letter-spacing:.12em;color:#8c938b}.portfolio-case-copy strong{margin-top:26px;font-size:clamp(19px,2vw,28px);line-height:1.02;letter-spacing:-.06em}.portfolio-case-copy p{margin:13px 0 0;color:#767b74;font-size:9px;line-height:1.5}.portfolio-case-copy small{margin-top:auto}
.portfolio-selection{width:88%;height:265px;display:flex;flex-direction:column;gap:15px;margin-top:16px;padding:19px 18px;background:#f3f3ed;color:#252723;box-shadow:0 21px 36px -16px #050705b0;transform:rotate(3deg)}.portfolio-selection-head,.portfolio-selection-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.portfolio-selection-head strong{font-size:23px;line-height:1;letter-spacing:-.06em}.portfolio-selection-head span,.portfolio-selection-foot span{font-size:7px;font-weight:850;letter-spacing:.13em;color:#747970}.portfolio-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-height:0}.portfolio-selection-grid>div{position:relative;min-width:0;overflow:hidden;background:#d8d8d1}.portfolio-selection-grid img{width:100%;height:100%;object-fit:cover}.portfolio-selection-grid>div:last-child img{object-fit:contain;background:#e7dfd4}.portfolio-selection-grid span{position:absolute;left:5px;bottom:5px;padding:4px;background:#f6f6f0ec;color:#252724;font-size:6px;font-weight:850;letter-spacing:.06em}.portfolio-selection-foot i{width:31px;height:1px;background:#777d74}
.portfolio-gallery-card figcaption{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid currentColor}.portfolio-gallery-card figcaption span{font-size:9px;font-weight:850;letter-spacing:.14em;opacity:.68}.portfolio-gallery-card figcaption strong{font-size:clamp(25px,2.3vw,37px);line-height:1.12;letter-spacing:-.055em}.portfolio-gallery-card figcaption small{font-size:13px;line-height:1.55;opacity:.78}
.portfolio-gallery-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;color:#696d66;font-size:12px;line-height:1.55}.portfolio-gallery-foot>span{max-width:640px}.portfolio-gallery-foot a{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;padding-bottom:6px;border-bottom:1px solid #94998f;color:#252923;text-decoration:none;font-weight:850}

@keyframes portfolio-spread-float{to{transform:translateY(-6px) rotate(4deg)}}@keyframes portfolio-cover-float{to{transform:translateY(5px) rotate(-4deg)}}
@media(max-width:1000px){.page-portfolio-catalog .commerce-hero.commerce-hero-showcase{min-height:445px}.portfolio-hero{height:425px}.portfolio-hero-cover{padding:18px}.portfolio-hero-cover-title strong{font-size:39px}.portfolio-hero-spread-copy{padding:18px}.portfolio-hero-spread-copy strong{margin-top:15px}.portfolio-gallery-card{padding:21px}}
@media(max-width:760px){.page-portfolio-catalog .commerce-hero.commerce-hero-showcase{min-height:430px;padding:10px 0 38px}.portfolio-hero{height:410px;max-width:590px}.portfolio-gallery-grid{grid-template-columns:1fr;gap:12px}.portfolio-gallery-card{min-height:450px}.portfolio-gallery-art{min-height:280px}.portfolio-gallery-foot{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.page-portfolio-catalog .commerce-hero.commerce-hero-showcase{min-height:315px;padding:4px 0 28px}.portfolio-hero{height:305px}.portfolio-hero-cover{left:5%;top:5%;width:48%;height:88%;padding:10px 10px 9px}.portfolio-hero-cover-top img{width:43px}.portfolio-hero-cover-top span,.portfolio-hero-cover-title>span{font-size:4px}.portfolio-hero-cover-title{gap:8px}.portfolio-hero-cover-title strong{font-size:clamp(24px,6.8vw,32px)}.portfolio-hero-cover-strip{height:43px;margin-top:15px;gap:2px}.portfolio-hero-cover-bottom{padding-top:7px;margin-top:8px;font-size:4px}.portfolio-hero-spread{right:-1%;top:18%;width:83%;height:66%}.portfolio-hero-spread-photo span{left:6px;bottom:7px;font-size:4px}.portfolio-hero-spread-copy{padding:10px}.portfolio-hero-spread-copy>span,.portfolio-hero-spread-copy small{font-size:4px}.portfolio-hero-spread-copy strong{margin-top:11px;font-size:14px}.portfolio-hero-spread-copy p{margin-top:7px;font-size:6px;line-height:1.35}.portfolio-hero-mini{height:43px}.portfolio-hero-mini span{font-size:3px}.portfolio-hero-spread-copy small{margin-top:5px}.portfolio-hero-caption{right:2%;bottom:2%;gap:4px;font-size:5px}.portfolio-gallery-card{min-height:420px;padding:20px}.portfolio-gallery-art{min-height:250px}.portfolio-case-spread,.portfolio-selection{height:220px}.portfolio-case-copy{padding:10px}.portfolio-case-copy>span,.portfolio-case-copy small{font-size:4px}.portfolio-case-copy strong{margin-top:18px;font-size:18px}.portfolio-case-copy p{font-size:7px}.portfolio-selection{padding:12px;gap:10px}.portfolio-selection-head strong{font-size:20px}.portfolio-selection-head span,.portfolio-selection-foot span{font-size:5px}.portfolio-selection-grid{gap:3px}.portfolio-selection-grid span{font-size:4px;padding:3px}.portfolio-gallery-card figcaption strong{font-size:28px}}
@media(max-width:360px){.page-portfolio-catalog .commerce-hero.commerce-hero-showcase{min-height:285px}.portfolio-hero{height:275px}.portfolio-hero-spread-copy p{display:none}.portfolio-gallery-card{min-height:390px}.portfolio-gallery-art{min-height:225px}.portfolio-case-spread,.portfolio-selection{height:195px}}
@media(prefers-reduced-motion:reduce){.portfolio-hero-cover,.portfolio-hero-spread{animation:none}}