@font-face{font-family:"DM Sans";src:url('/artifacts/forma-frontend--v1--s3-alternative-direction--gpt-6-sol-codex--vanilla--2026-09-23T21-33-11-936Z/assets/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url('/artifacts/forma-frontend--v1--s3-alternative-direction--gpt-6-sol-codex--vanilla--2026-09-23T21-33-11-936Z/assets/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--blue:#2945b8;--blue-dark:#233aa1;--lime:#e9f475;--paper:#f8f7f2;--ink:#22231f;--line:#d9d9d2;--white:#fff;--muted:#656761}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:3px solid #f36a43;outline-offset:3px}
[hidden]{display:none!important}
.skip-link{position:fixed;z-index:100;top:-60px;left:16px;padding:12px 18px;background:var(--lime);color:var(--ink)}
.skip-link:focus{top:12px}
.top-note{height:29px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;background:var(--lime);color:var(--blue-dark);font:700 10px/1 "Space Grotesk",sans-serif;letter-spacing:.13em}
.site-header{height:79px;padding:0 4.2%;display:flex;align-items:center;gap:55px;background:var(--paper);border-bottom:1px solid var(--line)}
.brand,.footer-brand{font-family:"Space Grotesk",sans-serif;font-size:38px;font-weight:700;letter-spacing:-.09em;line-height:1}
.brand-mark{font-size:22px;color:var(--blue);vertical-align:top;margin-left:4px;letter-spacing:0}
.site-header nav{display:flex;gap:35px;margin-left:25px;font-size:13px;font-weight:700}
.site-header nav a span{font-size:17px;margin-left:4px;color:var(--blue)}
.site-header nav a:hover,.header-link:hover{color:var(--blue)}
.header-link{margin-left:auto;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:5px}
.header-link span{font-size:17px;margin-left:12px}
.hero{min-height:405px;background:var(--blue);color:var(--lime);display:grid;grid-template-columns:minmax(0,52%) minmax(0,48%);overflow:hidden}
.hero-copy{padding:28px 0 34px 8.1%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between}
.hero-eyebrow{font:700 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.15em;display:flex;align-items:center;gap:10px}
.eyebrow-dot{width:8px;height:8px;background:var(--lime);border-radius:50%}
.hero h1{font-family:"Space Grotesk",sans-serif;font-size:clamp(65px,6.4vw,105px);font-weight:700;line-height:.87;letter-spacing:-.075em;text-transform:uppercase;margin:11px 0 12px}
.hero h1 em{font-style:normal;color:var(--paper)}
.hero-bottom{display:flex;align-items:end;gap:32px}
.hero-bottom p{max-width:330px;margin:0;color:#fff;font-size:13px;line-height:1.5}
.hero-cta{white-space:nowrap;font-weight:700;font-size:13px;color:var(--blue);background:var(--lime);padding:13px 17px;border-radius:100px;transition:transform .2s,background .2s}
.hero-cta:hover{transform:translateY(-3px);background:#fff}
.hero-cta span{margin-left:17px;font-size:17px}
.hero-art{position:relative;min-height:405px;isolation:isolate}
.orbit{position:absolute;border:1px solid rgba(233,244,117,.3);border-radius:50%;width:570px;height:570px;left:18%;top:-95px}.orbit-two{width:440px;height:440px;top:-28px;left:27%}
.hero-photo{position:absolute;margin:0;background:#fff;padding:6px 6px 0;box-shadow:0 13px 26px rgba(13,27,100,.17);z-index:2}
.hero-photo img{height:100%;width:100%;object-fit:cover}
.hero-photo figcaption{height:27px;display:flex;align-items:center;padding-left:4px;color:var(--blue);font:700 9px/1 "Space Grotesk",sans-serif;letter-spacing:.12em}
.hero-photo-one{width:194px;height:252px;left:5%;top:42px;transform:rotate(-8deg)}
.hero-photo-one img{height:calc(100% - 27px)}
.hero-photo-two{width:206px;height:274px;left:36%;top:89px;transform:rotate(8deg)}
.hero-photo-two img{height:calc(100% - 27px)}
.hero-photo-three{width:166px;height:213px;right:4%;top:31px;transform:rotate(12deg)}
.hero-photo-three img{height:calc(100% - 27px)}
.hero-stamp{position:absolute;z-index:3;right:10%;bottom:27px;width:92px;height:92px;border-radius:50%;background:var(--lime);color:var(--blue);display:flex;align-items:center;justify-content:center;text-align:center;font:700 13px/.95 "Space Grotesk",sans-serif;transform:rotate(-12deg)}
.hero-stamp span{position:absolute;right:14px;bottom:18px;font-size:17px}
.catalogue{max-width:1440px;margin:auto;padding:61px 4.2% 85px;scroll-margin-top:15px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:31px}
.section-kicker,.field-label,.results-line>span,.about-strip>div>span{font:700 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.14em}
.section-kicker{color:var(--blue);display:flex;align-items:center;gap:9px}.small-star{font-size:20px;line-height:.6}
.section-heading h2{font:700 clamp(35px,3.7vw,54px)/1.04 "Space Grotesk",sans-serif;letter-spacing:-.058em;margin:14px 0 0}.heading-period{color:var(--blue)}
.section-heading p{font-size:14px;line-height:1.5;max-width:280px;margin:0 0 3px;color:#565852}
.browse-bar{display:grid;grid-template-columns:minmax(240px,1fr) 250px auto;align-items:end;gap:16px;padding:17px 20px;background:#eaeae3;border-radius:12px}
.search-field,.select-field{display:grid;gap:7px;min-width:0}
.field-label{color:#585b55}
.input-wrap,.select-wrap{height:45px;display:flex;align-items:center;position:relative;background:#fff;border:1px solid #d8d9d1;border-radius:7px}
.input-wrap svg{height:19px;width:19px;margin:0 12px;color:var(--blue);flex:none}
.input-wrap input{border:0;outline:0;background:transparent;width:100%;height:100%;min-width:0;color:var(--ink);font-size:14px;padding:0 11px 0 0}
.input-wrap:focus-within,.select-wrap:focus-within{outline:3px solid #f36a43;outline-offset:2px}
input::placeholder{color:#8a8c86;opacity:1}
.select-wrap select{appearance:none;border:0;outline:0;background:transparent;width:100%;height:100%;padding:0 34px 0 14px;color:var(--ink);font-size:14px;cursor:pointer}
.select-wrap span{position:absolute;right:15px;font-size:23px;pointer-events:none;top:5px;color:var(--blue)}
.saved-filter{height:45px;min-width:121px;padding:0 17px;border:1px solid var(--blue);border-radius:100px;background:transparent;color:var(--blue);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,color .2s}
.saved-filter:hover,.saved-filter[aria-pressed="true"]{background:var(--blue);color:#fff}
.heart{font-size:22px;line-height:0}
.results-line{display:flex;justify-content:space-between;align-items:center;padding:27px 0 16px}
.results-line p{margin:0;font-size:13px;font-weight:700}.results-line>span{color:var(--blue)}.results-line>span span{font-size:15px}
.workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 19px}
.workshop-card{min-width:0;background:#fff;border:1px solid #dedfd6;border-radius:11px;overflow:hidden;transition:transform .22s,box-shadow .22s}
.workshop-card:hover{transform:translateY(-5px);box-shadow:0 13px 24px rgba(35,44,51,.11)}
.card-open{width:100%;height:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;display:block}
.card-image{height:203px;position:relative;overflow:hidden;background:#e5e6dc}
.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.workshop-card:hover .card-image img{transform:scale(1.035)}
.date-ticket{position:absolute;top:12px;left:12px;width:51px;height:57px;background:var(--lime);border-radius:5px;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Space Grotesk",sans-serif;box-shadow:0 3px 7px rgba(0,0,0,.1)}
.date-ticket strong{font-size:25px;line-height:1;font-weight:700;letter-spacing:-.06em}.date-ticket span{font-size:10px;font-weight:700;letter-spacing:.1em}
.card-saved{position:absolute;right:12px;top:12px;background:#fff;color:var(--blue);border-radius:100px;padding:6px 10px;font-size:11px;font-weight:700}
.card-body{padding:16px 18px 18px}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--blue);font:700 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.12em;text-transform:uppercase}
.card-body h3{font:700 25px/1.1 "Space Grotesk",sans-serif;letter-spacing:-.045em;margin:12px 0 7px}
.card-body p{font-size:13px;color:#666862;line-height:1.45;min-height:37px;margin:0 0 16px}
.card-foot{border-top:1px solid #e9e9e2;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700}
.card-foot .arrow{font-size:22px;color:var(--blue);line-height:.7}
.empty-state{text-align:center;border:1px dashed #acb1a4;border-radius:14px;padding:49px 20px;background:#fff}.empty-state>span{font-size:38px;color:var(--blue)}.empty-state h3{font:700 31px "Space Grotesk",sans-serif;letter-spacing:-.05em;margin:10px 0}.empty-state p{font-size:14px;color:var(--muted)}.empty-state button{border:0;border-radius:100px;background:var(--blue);color:white;padding:13px 20px;margin-top:12px;font-size:13px;font-weight:700}.empty-state button span{margin-left:12px}
.about-strip{background:var(--lime);padding:52px 5%;display:grid;grid-template-columns:130px minmax(0,1fr) 270px;align-items:center;gap:24px}.about-symbol{color:var(--blue);font-size:104px;line-height:1}.about-strip>div>span{color:var(--blue)}.about-strip h2{font:700 clamp(26px,3.3vw,43px)/1.05 "Space Grotesk",sans-serif;letter-spacing:-.05em;margin:10px 0 0}.about-strip p{font-size:14px;line-height:1.55;margin:0;max-width:245px}
.site-footer{min-height:95px;background:var(--ink);color:#fff;padding:20px 4.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:31px}.site-footer span{font:700 10px "Space Grotesk",sans-serif;letter-spacing:.14em}
.detail-dialog{border:0;padding:0;border-radius:14px;width:min(930px,calc(100vw - 42px));max-height:min(760px,calc(100vh - 36px));background:var(--paper);color:var(--ink);box-shadow:0 30px 90px rgba(15,22,47,.28);overflow:auto}
.detail-dialog::backdrop{background:rgba(21,28,54,.62);backdrop-filter:blur(4px)}
.detail-layout{display:grid;grid-template-columns:42% 58%;min-height:570px}
.detail-visual{position:relative;min-height:100%;background:#d8d8cb}.detail-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.detail-visual-tag{position:absolute;left:20px;bottom:20px;background:var(--lime);color:var(--blue);padding:9px 13px;border-radius:100px;font:700 10px "Space Grotesk",sans-serif;letter-spacing:.12em}
.detail-info{padding:30px 36px 34px;display:flex;flex-direction:column}.detail-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.detail-kicker{font:700 11px "Space Grotesk",sans-serif;color:var(--blue);letter-spacing:.13em}.close-detail{width:38px;height:38px;border:1px solid #cfd0c8;border-radius:50%;background:transparent;color:var(--ink);font-size:25px;line-height:1;display:grid;place-items:center;flex:none}.close-detail:hover{background:var(--lime);border-color:var(--lime)}
.detail-info h2{font:700 clamp(35px,4vw,55px)/.99 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:20px 0 14px}.detail-body{font-size:16px;line-height:1.55;color:#4b4d48;margin:0 0 25px;max-width:440px}
.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;border-top:1px solid var(--line);margin:0}.detail-facts>div{border-bottom:1px solid var(--line);padding:13px 0}.detail-facts dt{font:700 10px "Space Grotesk",sans-serif;letter-spacing:.11em;color:#6a6c65;text-transform:uppercase;margin-bottom:5px}.detail-facts dd{margin:0;font-size:14px;font-weight:700}.detail-info .detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:29px}.detail-price{font:700 32px "Space Grotesk",sans-serif;letter-spacing:-.05em}.detail-price small{font:500 12px "DM Sans",sans-serif;color:var(--muted);letter-spacing:0}.save-item{border:0;border-radius:100px;background:var(--blue);color:white;padding:15px 22px;font-size:14px;font-weight:700;min-width:180px}.save-item:hover,.save-item[aria-pressed="true"]{background:var(--lime);color:var(--blue)}.save-item span{font-size:18px;margin-right:7px;vertical-align:-1px}
@media(max-width:1050px){.hero-copy{padding-left:6%}.hero h1{font-size:clamp(58px,7.5vw,82px)}.hero-bottom{display:block}.hero-bottom p{margin-bottom:15px}.hero-photo-one{left:0}.hero-photo-two{left:33%}.hero-photo-three{right:1%}.about-strip{grid-template-columns:85px 1fr 220px}.about-symbol{font-size:80px}}
@media(max-width:700px){.top-note{height:24px;padding:0 18px;font-size:8px}.top-note span:first-child{display:none}.top-note{justify-content:center}.site-header{height:62px;padding:0 18px;gap:15px}.brand{font-size:32px}.brand-mark{font-size:18px}.site-header nav{margin-left:auto;gap:0;font-size:12px}.site-header .nav-about,.header-link{display:none}.hero{display:block}.hero-copy{padding:24px 20px 0}.hero-eyebrow{font-size:9px}.hero h1{font-size:clamp(57px,14.7vw,78px);margin:21px 0 19px}.hero-bottom{display:flex;align-items:center;gap:15px}.hero-bottom p{font-size:12px;max-width:205px;margin:0}.hero-cta{font-size:11px;padding:11px 12px}.hero-cta span{margin-left:3px}.hero-art{min-height:154px;margin-top:10px}.orbit{display:none}.hero-photo{padding:4px 4px 0}.hero-photo figcaption{height:16px;font-size:6px;padding-left:2px}.hero-photo-one,.hero-photo-two,.hero-photo-three{top:12px;width:31%;height:128px;transform:none}.hero-photo-one{left:3%;transform:rotate(-5deg)}.hero-photo-two{left:35%;top:8px;transform:rotate(4deg)}.hero-photo-three{right:3%;transform:rotate(-3deg)}.hero-photo-one img,.hero-photo-two img,.hero-photo-three img{height:calc(100% - 16px)}.hero-stamp{width:53px;height:53px;right:27%;bottom:0;font-size:8px}.hero-stamp span{font-size:10px;right:7px;bottom:9px}.catalogue{padding:42px 18px 58px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:37px;margin-top:13px}.section-heading p{font-size:12px;margin:10px 0 0;max-width:320px}.browse-bar{grid-template-columns:1fr auto;gap:12px;padding:13px}.search-field{grid-column:1/-1}.select-field{min-width:0}.saved-filter{min-width:96px;padding:0 10px}.results-line{padding:22px 0 15px}.results-line>span{display:none}.workshop-grid{grid-template-columns:1fr;gap:16px}.card-image{height:195px}.card-body{padding:15px 16px 17px}.card-body h3{font-size:23px}.card-body p{min-height:0}.about-strip{padding:37px 22px;grid-template-columns:56px 1fr;gap:10px}.about-symbol{font-size:55px}.about-strip h2{font-size:26px}.about-strip p{grid-column:2;max-width:260px;font-size:12px}.site-footer{padding:24px 20px}.site-footer span:nth-child(2){display:none}.detail-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.detail-layout{display:block}.detail-visual{height:240px;min-height:0}.detail-info{padding:22px 22px 30px}.detail-info h2{font-size:42px;margin:16px 0 11px}.detail-body{font-size:14px;margin-bottom:20px}.detail-facts>div{padding:11px 0}.detail-info .detail-bottom{margin-top:0;padding-top:25px}.save-item{min-width:165px;padding:13px 15px}}
@media(max-width:360px){.hero h1{font-size:53px}.hero-bottom p{font-size:11px}.hero-cta{font-size:10px}.detail-info h2{font-size:37px}.detail-facts dd{font-size:12px}}
@media(max-width:700px){.hero-copy{padding-top:17px}.hero h1{font-size:clamp(53px,13.8vw,67px);line-height:.84;margin:16px 0 13px}.hero-art{min-height:124px;margin-top:0}.hero-photo-one,.hero-photo-two,.hero-photo-three{height:104px;top:10px}.hero-photo-two{top:6px}.hero-stamp{bottom:-2px}.catalogue{padding-top:31px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:34px}.section-heading p{display:none}.results-line{padding:19px 0 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
