@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#211a35;--plum:#4f315f;--lilac:#e7dff3;--cream:#fbf9f5;--lime:#d5ed72;--metal:#b7afd1;--line:rgba(33,26,53,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.58 Manrope,Arial,sans-serif}button,input,select{font:inherit}button{color:inherit}.topline{background:var(--ink);color:var(--cream);padding:8px 24px;text-align:center;font:400 .68rem 'Space Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px clamp(18px,5vw,74px);border-bottom:1px solid var(--line);background:var(--cream);position:sticky;top:0;z-index:20}.brand{font:600 1.55rem/.8 Fraunces,serif;text-decoration:none;letter-spacing:-.1em;color:var(--ink)}.brand span{color:var(--plum)}.header nav{display:flex;gap:28px}.header nav a,.footer a{font:700 .67rem 'Space Mono',monospace;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--ink)}.header nav a:hover,.footer a:hover{color:var(--plum)}.bag{justify-self:end;border:0;border-radius:0;background:var(--lime);padding:10px 14px;box-shadow:3px 3px 0 var(--ink);font:700 .7rem 'Space Mono',monospace;cursor:pointer}.bag:hover,.add:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.bag b{margin-left:4px}.hero{min-height:650px;padding:clamp(70px,11vw,160px) clamp(20px,7vw,120px) 56px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;background:var(--lilac);position:relative;overflow:hidden}.hero:before{content:'14';position:absolute;font:500 clamp(16rem,37vw,37rem)/.7 Fraunces,serif;color:rgba(255,255,255,.35);right:-2vw;bottom:-4vw;letter-spacing:-.12em}.eyebrow{margin:0 0 18px;font:400 .7rem 'Space Mono',monospace;letter-spacing:.07em;text-transform:uppercase}.hero h1,.page-hero h1{font:500 clamp(4rem,10vw,10rem)/.78 Fraunces,serif;letter-spacing:-.1em;margin:0;max-width:850px;position:relative}.hero h1 em{font-weight:400;color:var(--plum)}.hero-copy{position:relative;max-width:410px;justify-self:end;padding-bottom:10px}.hero-copy p{font-size:1.1rem;margin:0 0 27px}.primary,.add,.checkout-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--ink);background:var(--ink);color:var(--cream);padding:13px 18px;font:700 .72rem 'Space Mono',monospace;letter-spacing:.02em;cursor:pointer;box-shadow:4px 4px 0 var(--plum);transition:.18s}.primary:hover,.checkout-button:hover{background:var(--plum);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.hero-copy small{display:block;margin-top:28px;font:.69rem 'Space Mono',monospace}.thesis{padding:clamp(65px,10vw,145px) clamp(20px,14vw,220px);background:var(--ink);color:var(--cream);text-align:center}.thesis .eyebrow{color:var(--lime)}.thesis h2{font:400 clamp(2.5rem,5vw,5.5rem)/.99 Fraunces,serif;letter-spacing:-.08em;margin:0 auto;max-width:1000px}.thesis p:last-child{max-width:670px;margin:27px auto 0;color:#d9d2e3;font-size:1.03rem}.catalog{padding:90px clamp(16px,4vw,68px)}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:34px}.catalog-head h2{font:500 clamp(3rem,6vw,6rem)/.82 Fraunces,serif;letter-spacing:-.1em;margin:0}.catalog-head>p{max-width:300px;margin:0;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px 18px}.piece{border-top:1px solid var(--line);padding-top:11px;display:flex;flex-direction:column}.piece:nth-child(3n+2){padding-top:38px}.piece-image{border:0;padding:0;background:var(--metal);aspect-ratio:4/5;overflow:hidden;cursor:pointer}.piece-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.piece-image:hover img{transform:scale(1.035)}.piece-copy{padding:14px 7px 0;display:flex;flex-direction:column;min-height:245px}.piece-copy .eyebrow{font-size:.62rem;margin-bottom:8px}.piece h3{margin:0 0 9px;font:500 clamp(1.85rem,2.6vw,2.6rem)/.9 Fraunces,serif;letter-spacing:-.08em}.piece-copy>p:not(.eyebrow){margin:0;font-size:.84rem;line-height:1.55}.piece footer{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.piece footer>b,.modal footer>b{font:600 1.15rem Fraunces,serif}.quiet{border:0;padding:0;background:transparent;text-decoration:underline;font:400 .68rem 'Space Mono',monospace;cursor:pointer}.add{padding:8px 11px;margin-left:auto;font-size:.63rem;box-shadow:2px 2px 0 var(--plum)}.notes{display:grid;grid-template-columns:repeat(3,1fr);background:var(--plum);color:var(--cream);padding:clamp(45px,8vw,110px) clamp(20px,7vw,120px);gap:50px}.notes article{border-top:1px solid rgba(255,255,255,.4);padding-top:15px}.notes .eyebrow{color:var(--lime);font-size:.62rem}.notes h3{font:500 2rem/.95 Fraunces,serif;letter-spacing:-.07em;margin:0 0 13px}.notes p:last-child{color:#e1d8e8;font-size:.9rem;margin:0}.footer{padding:48px clamp(20px,5vw,74px) 22px;background:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid var(--line)}.footer .brand{font-size:2rem}.footer p{max-width:350px;margin:0}.footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:start;gap:16px 24px}.footer small{grid-column:1/-1;padding-top:17px;border-top:1px solid var(--line);font:.63rem 'Space Mono',monospace}.cart{position:fixed;right:0;top:0;z-index:50;width:min(480px,100%);height:100dvh;background:var(--cream);padding:25px;transform:translateX(104%);transition:transform .3s;box-shadow:-10px 0 40px rgba(33,26,53,.18);overflow:auto}.cart.is-open{transform:translateX(0)}.cart-head{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid var(--ink);padding-bottom:20px}.cart h2{margin:7px 0 0;font:500 3.6rem/.78 Fraunces,serif;letter-spacing:-.1em}.x{width:42px;height:42px;border:1px solid var(--ink);border-radius:50%;background:var(--cream);font:400 1.8rem/1 Arial;cursor:pointer}.x:hover{background:var(--lime)}.cart-line{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.cart-line img{width:78px;height:93px;object-fit:cover}.cart-line b,.cart-line small,.cart-line strong{display:block}.cart-line b{font:500 1.2rem/.98 Fraunces,serif}.cart-line small{font-size:.68rem;margin:5px 0}.cart-line strong{font:.75rem 'Space Mono',monospace}.stepper{display:flex;align-items:center;gap:5px}.stepper button{width:27px;height:27px;border:1px solid var(--ink);background:var(--cream);font-size:1.1rem;cursor:pointer}.stepper output{min-width:16px;text-align:center;font-size:.8rem}.empty{padding:30px 0;font-size:.93rem}.cart-foot{border-top:2px solid var(--ink);padding-top:17px}.cart-foot p,.summary p{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.cart-foot small{display:block;margin:15px 0;font:.64rem 'Space Mono',monospace}.checkout-button{width:100%;box-shadow:4px 4px 0 var(--lime)}.notice{position:fixed;z-index:100;left:50%;bottom:26px;transform:translateX(-50%);background:var(--lime);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:13px 18px;font:700 .72rem 'Space Mono',monospace;text-align:center}dialog{width:min(1000px,calc(100% - 28px));padding:0;border:0;background:var(--cream);max-height:calc(100dvh - 28px);box-shadow:12px 12px 0 var(--ink)}dialog::backdrop{background:rgba(33,26,53,.76)}dialog>.x{position:absolute;top:15px;right:15px;z-index:2}.modal{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.modal-photo{background:var(--metal)}.modal-photo img{width:100%;height:100%;display:block;object-fit:cover}.modal section{padding:58px clamp(25px,5vw,66px);overflow:auto}.modal h2{font:500 clamp(3rem,5vw,5rem)/.83 Fraunces,serif;letter-spacing:-.1em;margin:0 0 24px}.modal-intro{font-size:1.02rem}.modal dl{margin:28px 0;border-top:1px solid var(--ink)}.modal dl div{display:grid;grid-template-columns:90px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.modal dt{font:.62rem 'Space Mono',monospace;text-transform:uppercase}.modal dd{margin:0;font-size:.84rem}.fine{font-size:.77rem}.modal footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.modal footer .add{margin-left:0}.page-hero{padding:clamp(70px,11vw,155px) clamp(20px,11vw,180px);background:var(--lilac)}.page-hero h1{max-width:900px}.page-hero p{max-width:650px;margin:29px 0 0;font-size:1.07rem}.page{max-width:940px;margin:auto;padding:75px 22px 110px}.page h2{font:500 clamp(2.3rem,4.6vw,4.6rem)/.88 Fraunces,serif;letter-spacing:-.09em;margin:58px 0 17px}.page h3{font:700 .86rem 'Space Mono',monospace;text-transform:uppercase;margin:29px 0 9px}.page p,.page li{max-width:760px}.page li{margin:9px 0}.checkout{max-width:1170px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;gap:74px;padding:70px 22px 110px}.checkout h1{font:500 clamp(3.6rem,6.5vw,7rem)/.8 Fraunces,serif;letter-spacing:-.1em;margin:0}.checkout>section>p{max-width:600px;margin:24px 0}.fieldset{padding:20px 0;border:0;border-top:1px solid var(--ink);margin:0}.fieldset legend{padding:0 0 12px;font:.66rem 'Space Mono',monospace;text-transform:uppercase}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-grid .full{grid-column:1/-1}label{display:grid;gap:6px;font-size:.75rem;font-weight:700}input,select{border:1px solid var(--ink);background:var(--cream);padding:12px;outline-color:var(--plum)}.paypal{width:100%;justify-content:center;background:#ffc439;color:#003087;border:1px solid #003087;box-shadow:4px 4px 0 #003087;padding:15px;font:700 .94rem Manrope,sans-serif;cursor:pointer}.paypal:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 #003087}.checkout-note{min-height:22px;color:#9a154a;font-size:.82rem}.summary{align-self:start;background:var(--lilac);padding:28px;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--plum)}.summary h2{font:500 2.3rem/.86 Fraunces,serif;letter-spacing:-.08em;margin:0 0 24px}.summary [data-summary] p{font-size:.88rem}.summary hr{border:0;border-top:1px solid var(--ink);margin:20px 0}.summary .sum{display:flex;justify-content:space-between;margin:8px 0}.summary .total{padding-top:12px;border-top:1px solid var(--ink);font-size:1.05rem}.thank{min-height:72vh;background:var(--plum);color:var(--cream);padding:clamp(70px,12vw,180px) clamp(22px,13vw,220px)}.thank .eyebrow{color:var(--lime)}.thank h1{font:500 clamp(4rem,10vw,10rem)/.78 Fraunces,serif;letter-spacing:-.1em;margin:0}.thank h1 span{color:var(--lime)}.thank p{max-width:600px;font-size:1.08rem;margin:29px 0}.thank .primary{background:var(--lime);color:var(--ink);box-shadow:4px 4px 0 var(--cream)}@media(max-width:850px){.header{grid-template-columns:1fr auto}.header nav{display:none}.hero{grid-template-columns:1fr;min-height:570px}.hero-copy{justify-self:start}.grid{grid-template-columns:repeat(2,1fr)}.notes,.checkout{grid-template-columns:1fr}.checkout{gap:35px}.summary{order:-1}.modal{grid-template-columns:1fr}.modal-photo{min-height:320px;max-height:440px}.footer nav{justify-content:start}}@media(max-width:540px){.topline{font-size:.58rem}.header{padding:17px}.hero{padding:76px 20px 42px}.hero h1{font-size:4.3rem}.catalog{padding:58px 14px}.catalog-head{display:block}.catalog-head>p{margin-top:16px}.grid{grid-template-columns:1fr;gap:34px}.piece:nth-child(3n+2){padding-top:11px}.piece-copy{min-height:210px}.notes{grid-template-columns:1fr;gap:29px;padding:58px 21px}.footer{grid-template-columns:1fr}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}.modal section{padding:42px 21px}.modal dl div{grid-template-columns:72px 1fr}.checkout{padding:55px 18px}.page-hero{padding:75px 20px}.page{padding:55px 20px}.cart{padding:19px}}