:root{--paper:#f2f1ed;--ink:#151515;--line:rgba(21,21,21,.22);--violet:#7464db;--pink:#d7a3b8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:12px/1.45 "DM Mono",monospace}a{color:inherit;text-decoration:none}.masthead{height:74px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:74px 165px 1fr auto auto auto;align-items:center;border-bottom:1px solid var(--line);background:rgba(242,241,237,.94);backdrop-filter:blur(12px)}.em-mark{height:74px;display:grid;place-items:center;border-right:1px solid var(--line)}.em-mark span{width:31px;height:31px;background:repeating-linear-gradient(0deg,var(--ink) 0 5px,transparent 5px 8px);color:transparent}.brand{padding-left:22px;font-weight:500}.descriptor{margin:0;padding-left:20px;line-height:1.3}.nav{display:flex;gap:40px;text-transform:uppercase;padding-right:30px}.cart{padding:0 24px}.grid-icon{padding-right:20px}.menu-button{display:none;border:0;background:none}.page-grid{display:grid;grid-template-columns:74px 307px minmax(540px,1fr) 300px 95px 110px;grid-template-areas:"rail identity hero products side about" "rail catalog feature news library libraryart" "rail footer footer footer footer footer";max-width:1536px;margin:auto;border-right:1px solid var(--line)}.page-grid>*{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;padding-top:26px;gap:24px}.rail i{width:1px;height:35px;background:var(--ink)}.rail span,.rail b{writing-mode:vertical-rl}.rail b{margin-top:auto;margin-bottom:24px;color:var(--violet);font-size:9px}.identity{grid-area:identity;min-height:566px;padding:28px 20px 30px;display:flex;flex-direction:column}.micro{font-size:9px;text-align:center}.identity h1{margin:42px 0 24px;font:500 112px/.88 "Oswald",sans-serif;letter-spacing:-.06em}.barcode,.bar-code{height:20px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px)}.identity p{font-weight:500;margin:27px 0 19px}.identity>span{color:var(--violet)}.hero-panel{grid-area:hero;position:relative;min-height:566px;overflow:hidden;background:#7566d5}.panel-tools{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}.hero-image{display:block;width:100%;height:517px;object-fit:cover;object-position:center;background:linear-gradient(135deg,#493678,#8673dc,#d7a3b8)}.hero-caption{position:absolute;left:18px;bottom:18px;width:245px;padding:14px 18px;color:white;background:linear-gradient(135deg,rgba(113,97,220,.9),rgba(124,185,213,.62));backdrop-filter:blur(3px)}.hero-caption small{display:inline-block;padding:4px 7px;background:var(--violet)}.hero-caption h2{margin:13px 0 8px;font:500 39px/1 "Oswald",sans-serif}.hero-caption p{font-size:13px}.hero-caption a{display:inline-block;margin-top:8px}.products{grid-area:products;min-height:566px;display:grid;grid-template-rows:repeat(4,1fr)}.products a{display:grid;grid-template-columns:45px 1fr;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.products a:last-child{border-bottom:0}.products a:hover,.catalog-card:hover,.library a:hover{background:rgba(113,97,220,.07)}.products span{align-self:start;margin-top:8px;font-size:9px}.products div{border-left:1px dotted var(--line);padding-left:26px}.products strong{display:block;font:500 20px "Oswald",sans-serif;letter-spacing:.08em}.products small{display:block;margin-top:4px}.side-image{grid-area:side;min-height:566px;padding-top:49px}.side-image div{height:100%;background:url('./assets/sideimage.webp') center/cover no-repeat;clip-path:polygon(0 0,100% 0,100% 100%,12% 100%,12% 68%,0 68%)}.about-note{grid-area:about;padding:45px 13px 20px;line-height:1.65}.about-note i{display:block;width:7px;height:7px;margin-top:18px;background:var(--violet)}.section-title{height:35px;padding:10px 20px;border-bottom:1px solid var(--line);font-size:10px;font-weight:500}.catalog{grid-area:catalog;min-height:278px;display:grid;grid-template-rows:35px repeat(3,1fr)}.catalog-card,.library a{display:grid;grid-template-columns:1fr auto;padding:12px 20px;border-bottom:1px solid var(--line);transition:background .18s}.catalog-card:last-child,.library a:last-child{border-bottom:0}.catalog-card small,.library small{grid-column:1/-1}.catalog-card strong,.library strong{font:400 14px Georgia,serif}.feature-card{grid-area:feature;position:relative;min-height:278px;overflow:hidden}.visual-pink{background:radial-gradient(circle at 39% 26%,#f4e8da 0 7%,transparent 7.5%),linear-gradient(180deg,#dda9bc,#edcad5 48%,#8f80df)}.visual-pink:after{content:"";position:absolute;left:8%;right:10%;bottom:0;height:44%;background:repeating-linear-gradient(90deg,#69618c 0 24px,transparent 24px 42px)}.visual-pink span{position:absolute;right:12px;bottom:15px;writing-mode:vertical-rl;z-index:2}.news{grid-area:news;min-height:278px;display:grid;grid-template-columns:1fr 44%;grid-template-rows:35px 1fr}.news .section-title{grid-column:1/-1}.news-list{padding:12px 20px}.news-list article{margin-bottom:16px}.news-list time{display:block;font-size:9px;margin-bottom:4px}.news-list strong{display:block}.news-list p{margin:1px 0}.news-image{display:grid;place-items:center;background:linear-gradient(90deg,#dcdce8,var(--violet) 12%,#dedde4 12%)}.bag{width:72%;height:75%;display:grid;place-items:center;position:relative;background:rgba(245,245,241,.6);border:1px solid rgba(21,21,21,.14);box-shadow:0 8px 20px rgba(0,0,0,.08)}.bag b{font:36px "Archivo Black"}.bag span{position:absolute;bottom:25%;font-weight:500}.library{grid-area:library;min-height:278px;display:grid;grid-template-rows:35px repeat(4,1fr)}.library a{min-height:60px;padding:10px 17px}.library-art{grid-area:libraryart;min-height:278px;display:grid;grid-template-columns:1fr 34px;overflow:hidden}.library-art>div:first-child{background:repeating-linear-gradient(83deg,#151515 0 1px,transparent 1px 5px),repeating-radial-gradient(circle at 30% 50%,transparent 0 7px,rgba(21,21,21,.65) 8px 10px),#dbd9d4;filter:contrast(1.4)}.library-art .bar-code{height:100%;width:34px;background:repeating-linear-gradient(90deg,var(--ink) 0 3px,transparent 3px 7px)}.footer-strip{grid-area:footer;min-height:89px;display:grid;grid-template-columns:140px 325px 1fr 180px auto auto auto;align-items:center;gap:20px;padding:0 20px}.footer-strip>div{height:31px;background:linear-gradient(90deg,#aaa 0 54%,var(--violet) 54% 71%,#dad8d3 71%)}.footer-strip b{font-weight:400;text-align:center}.footer-strip small{white-space:nowrap}@media(max-width:1180px){.masthead{grid-template-columns:74px 165px 1fr auto}.nav{display:none}.menu-button{display:block}.cart,.grid-icon{display:none}.page-grid{grid-template-columns:74px 260px 1fr 250px;grid-template-areas:"rail identity hero products" "rail catalog feature news" "rail library library libraryart" "rail footer footer footer"}.side-image,.about-note{display:none}.identity h1{font-size:94px}.footer-strip{grid-template-columns:120px 1fr 1fr auto}.footer-strip>*:nth-last-child(-n+3){display:none}}@media(max-width:760px){.masthead{height:60px;grid-template-columns:60px 1fr auto}.em-mark{height:60px}.descriptor{display:none}.brand{padding-left:16px}.menu-button{padding-right:16px}.page-grid{display:block;border-right:0}.page-grid>*{border-right:0}.rail{display:none}.identity{min-height:auto}.identity h1{font-size:23vw;margin:28px 0}.hero-image{height:68vh;min-height:420px}.products{grid-template-rows:repeat(4,110px)}.feature-card,.news,.library,.library-art{min-height:300px}.news{grid-template-columns:1fr}.news-image{min-height:240px}.footer-strip{display:flex;flex-wrap:wrap;padding:24px 16px;min-height:120px}.footer-strip>div{width:100%}}