@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--night:#111827;--slate:#283447;--paper:#f3f5ef;--white:#fff;--acid:#d9ff3f;--blue:#8fafff;--muted:#677283;--line:#d6dbe3;--coral:#ff6b58;font-family:Manrope,Arial,sans-serif;color:var(--night);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--night)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{height:84px;padding:0 clamp(20px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid rgba(17,24,39,.12);background:rgba(243,245,239,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font:800 19px/1 'DM Mono',monospace;letter-spacing:-.08em}.brand span{color:var(--coral);font-size:24px;vertical-align:-2px}nav{display:flex;gap:26px;font:500 11px/1 'DM Mono',monospace;letter-spacing:.05em;text-transform:uppercase}nav a{opacity:.7;transition:opacity .2s}nav a:hover{opacity:1}.cart-button{justify-self:end;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--night);border-radius:999px;background:var(--night);color:var(--white);padding:11px 16px;font:600 11px/1 'DM Mono',monospace;letter-spacing:.04em;transition:transform .2s,background .2s}.cart-button:hover{transform:translateY(-2px);background:var(--slate)}.cart-button b{display:grid;place-items:center;min-width:17px;height:17px;border-radius:50%;background:var(--acid);color:var(--night);font-size:10px}.hero{min-height:660px;padding:clamp(80px,12vw,180px) 8vw 90px;background:radial-gradient(circle at 85% 15%,#9bb5ff 0,transparent 25%),linear-gradient(135deg,var(--night) 0 69%,var(--acid) 69%);color:var(--white);position:relative;overflow:hidden}.hero:after{content:'ROWAN / TABLE STUDIES';position:absolute;right:-15px;bottom:30px;font:500 clamp(30px,6vw,90px)/1 'DM Mono',monospace;letter-spacing:-.11em;color:rgba(255,255,255,.08);white-space:nowrap}.kicker,.product-index{font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.hero .kicker{color:var(--acid)}.hero h1,.heading h2,.journal h2,.checkout h1,.thanks h1,.info h1{font:500 clamp(58px,9vw,132px)/.83 'Playfair Display',Georgia,serif;letter-spacing:-.06em;margin:18px 0 28px}.hero em{color:var(--acid)}.hero>p:not(.kicker){max-width:470px;line-height:1.8;color:#d9dfec;font-size:15px;position:relative;z-index:1}.button{display:inline-flex;align-items:center;gap:26px;border-radius:999px;padding:15px 18px;background:var(--acid);color:var(--night);font:700 11px/1 'DM Mono',monospace;letter-spacing:.03em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 0 rgba(0,0,0,.22)}.button span{font-size:19px;line-height:8px}.hero .button{margin-top:26px}.collection{padding:110px clamp(20px,5vw,76px)}.heading{max-width:1370px;margin:auto;display:grid;grid-template-columns:1fr minmax(250px,350px);align-items:end;gap:50px}.heading .kicker{color:var(--coral)}.heading h2{font-size:clamp(58px,7vw,100px);margin-bottom:0}.heading>p{margin:0 0 10px;color:var(--muted);line-height:1.8;font-size:14px}.toolbar{max-width:1370px;margin:54px auto 24px;padding:13px 0;border-top:1px solid var(--night);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.toolbar label{font:500 11px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.toolbar input{margin-left:13px;width:210px;border:0;background:transparent;outline:0;color:var(--night);font:500 13px Manrope}.toolbar span{font:500 11px/1 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.grid{max-width:1370px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--white);border:1px solid transparent;box-shadow:0 1px 0 var(--line);transition:transform .28s,box-shadow .28s,border .28s}.card:hover{transform:translateY(-7px);box-shadow:0 20px 42px rgba(26,36,54,.12);border-color:rgba(17,24,39,.15)}.card .image{display:block;width:100%;padding:0;border:0;background:#e9edf3;overflow:hidden}.card img{display:block;width:100%;aspect-ratio:1.04;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}.card:hover img{transform:scale(1.045)}.card-copy{padding:18px 18px 20px}.product-index{margin:0 0 9px;color:var(--coral);font-size:10px}.card h3{margin:0;font:600 27px/1 'Playfair Display',Georgia,serif;letter-spacing:-.04em}.card p:not(.product-index){min-height:62px;margin:10px 0 17px;color:var(--muted);font-size:13px;line-height:1.62}.card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.card footer>b{font:800 16px/1 'DM Mono',monospace;letter-spacing:-.06em}.card-actions{display:flex;align-items:center;gap:7px}.detail-button{border:0;background:transparent;color:var(--night);padding:10px 6px;font:600 11px/1 'DM Mono',monospace;text-decoration:underline;text-underline-offset:3px}.add-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--night);border-radius:999px;background:var(--night);color:var(--white);padding:11px 14px;font:700 10px/1 'DM Mono',monospace;letter-spacing:.02em;transition:background .2s,color .2s,transform .2s}.add-button:hover{background:var(--acid);color:var(--night);transform:translateY(-2px)}.add-button i{font-size:15px;font-style:normal;line-height:8px}.journal{padding:105px clamp(20px,12vw,190px);background:var(--blue);position:relative}.journal:before{content:'';position:absolute;inset:20px;border:1px solid rgba(17,24,39,.32);pointer-events:none}.journal .kicker{color:var(--night)}.journal h2{font-size:clamp(53px,7vw,98px);position:relative}.journal>div{display:grid;grid-template-columns:repeat(2,minmax(0,330px));gap:54px;position:relative}.journal article{padding-top:18px;border-top:2px solid var(--night)}.journal h3{margin:0 0 8px;font-size:16px}.journal p{margin:0;line-height:1.72;font-size:14px}.footer{padding:35px clamp(20px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;background:var(--paper)}.footer small{justify-self:end;font:500 10px/1.5 'DM Mono',monospace;color:var(--muted);text-transform:uppercase}.cart{position:fixed;z-index:30;top:0;right:0;width:min(470px,100%);height:100dvh;overflow:auto;background:var(--white);padding:94px 28px 190px;transform:translateX(105%);transition:transform .34s cubic-bezier(.2,.8,.2,1);box-shadow:-24px 0 55px rgba(8,16,32,.18)}.cart.open{transform:translateX(0)}.close{position:absolute;right:23px;top:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--night);border-radius:50%;background:var(--white);color:var(--night);font-size:25px;line-height:1;transition:background .2s,color .2s,transform .2s}.close:hover{background:var(--coral);color:var(--white);transform:rotate(90deg)}.cart .kicker{color:var(--coral)}.cart h2{font:500 66px/.82 'Playfair Display',Georgia,serif;letter-spacing:-.06em;margin:16px 0 40px}.line{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.line img{width:76px;height:76px;object-fit:contain;background:#f0f2f5}.line b{display:block;font-size:14px}.line small{display:block;margin-top:5px;color:var(--muted);font:500 12px 'DM Mono',monospace}.quantity{display:flex;align-items:center;gap:6px;font:600 12px 'DM Mono',monospace}.quantity button{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--night);font-size:16px;transition:all .15s}.quantity button:hover{border-color:var(--night);background:var(--night);color:var(--white)}.quantity output{min-width:14px;text-align:center}.empty-cart{line-height:1.7;color:var(--muted)}.cart>footer{position:fixed;bottom:0;right:0;width:min(470px,100%);padding:18px 28px 28px;background:linear-gradient(transparent,#fff 18%,#fff);box-shadow:0 -12px 22px rgba(255,255,255,.9)}.cart>footer p{display:flex;justify-content:space-between;font-size:14px}.cart>footer small{display:block;margin:7px 0 16px;color:var(--muted);font-size:12px}.cart>footer .button{width:100%;justify-content:space-between}.detail{width:min(1000px,calc(100% - 36px));max-height:min(760px,calc(100% - 36px));padding:0;border:0;border-radius:0;background:var(--white);box-shadow:0 28px 75px rgba(8,16,32,.35)}.detail::backdrop{background:rgba(11,18,30,.72);backdrop-filter:blur(5px)}.detail>div{display:grid;grid-template-columns:1.08fr .92fr;min-height:540px}.detail img{width:100%;height:100%;min-height:540px;object-fit:contain;background:#e9edf3}.detail section{padding:62px 45px 34px;overflow:auto}.detail .kicker{color:var(--coral)}.detail h2{margin:13px 0 18px;font:500 51px/.92 'Playfair Display',Georgia,serif;letter-spacing:-.055em}.detail section>p{font-size:14px;line-height:1.75;color:var(--muted)}.detail dl{margin:26px 0 19px;border-top:1px solid var(--line)}.detail dl div{padding:12px 0;border-bottom:1px solid var(--line)}.detail dt{margin-bottom:5px;color:var(--coral);font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.detail dd{margin:0;font-size:13px;line-height:1.55}.detail-note{font-size:12px!important}.detail section footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.detail strong{font:800 20px 'DM Mono',monospace;letter-spacing:-.08em}.toast{position:fixed;z-index:50;right:24px;bottom:24px;display:flex;align-items:center;gap:10px;border-radius:14px;background:var(--night);color:var(--white);padding:15px 18px;box-shadow:0 18px 40px rgba(8,16,32,.28);font-size:13px}.toast b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--acid);color:var(--night)}.checkout{padding:94px clamp(20px,8vw,130px)}.checkout h1{font-size:clamp(58px,8vw,110px)}.checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:clamp(40px,9vw,140px);margin-top:65px}.checkout form{max-width:660px}.checkout h2,.info h2{margin:38px 0 15px;font:600 27px/1 'Playfair Display',Georgia,serif;letter-spacing:-.03em}.checkout form>p{line-height:1.75;color:var(--muted);font-size:14px}.checkout label{display:block;margin-top:18px;font:600 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.04em}.checkout input,.checkout select{display:block;width:100%;height:48px;margin-top:9px;border:1px solid var(--line);border-radius:7px;background:var(--white);padding:0 13px;color:var(--night);font-size:14px;outline:none;transition:border .2s,box-shadow .2s}.checkout input:focus,.checkout select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(143,175,255,.28)}.checkout-note{padding:12px 0;color:var(--muted);font-size:12px!important}.summary{align-self:start;position:sticky;top:106px;border-radius:17px;background:var(--night);color:var(--white);padding:28px}.summary .kicker{color:var(--acid)}.summary p{display:flex;justify-content:space-between;gap:18px;line-height:1.5;font-size:13px}.summary p span{color:#d8dfed}.summary p small{opacity:.75}.summary hr{border:0;border-top:1px solid rgba(255,255,255,.2);margin:18px 0}.summary small{display:block;margin-top:22px;line-height:1.7;color:#aeb8cb;font-size:11px}.paypal{width:100%;margin-top:12px;border:0;border-radius:999px;background:#ffc439;color:#003087;padding:15px 20px;font:800 20px Arial,sans-serif;box-shadow:0 6px 0 #d7a622;transition:transform .2s,box-shadow .2s}.paypal:hover{transform:translateY(-2px);box-shadow:0 8px 0 #d7a622}.paypal:active{transform:translateY(3px);box-shadow:0 3px 0 #d7a622}.paypal span{color:#009cde}.thanks{background:var(--night);color:var(--white)}.thanks .header{background:var(--night);border-color:rgba(255,255,255,.2)}.thanks .brand,.thanks nav a{color:var(--white)}.thanks .cart-button{background:var(--acid);color:var(--night);border-color:var(--acid)}.thanks main{min-height:calc(100vh - 84px);padding:100px 12vw;background:radial-gradient(circle at 74% 22%,rgba(143,175,255,.4),transparent 18%),var(--night);display:flex;flex-direction:column;align-items:flex-start}.thanks .kicker{color:var(--acid)}.thanks h1{max-width:900px}.thanks h1 span{color:var(--acid)}.thanks main>span{max-width:500px;line-height:1.8;color:#cfd7e5;font-size:15px}.thanks main>p{margin-top:auto;max-width:550px;color:#aeb8cb;font-size:13px;line-height:1.7}.thanks .footer{background:var(--night);color:var(--white);border-top:1px solid rgba(255,255,255,.2)}.info{max-width:960px;margin:auto;padding:100px 56px}.info .kicker{color:var(--coral)}.info h1{font-size:clamp(60px,9vw,116px)}.info p{max-width:690px;color:#4e5969;line-height:1.86;font-size:15px}.info h2{margin-top:45px}.info .button{margin-top:10px}@media(max-width:820px){.header{height:72px;grid-template-columns:1fr auto}.header nav{display:none}.hero{min-height:570px;padding:100px 28px 70px;background:linear-gradient(145deg,var(--night) 0 73%,var(--acid) 73%)}.hero:after{font-size:32px;bottom:20px}.collection{padding:76px 20px}.heading{display:block}.heading>p{margin-top:28px}.toolbar{margin-top:35px}.toolbar input{width:150px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-copy{padding:14px}.card h3{font-size:22px}.card p:not(.product-index){min-height:86px;font-size:12px}.card footer{align-items:flex-start;flex-direction:column}.card-actions{width:100%;justify-content:space-between}.journal{padding:76px 28px}.journal>div{grid-template-columns:1fr;gap:30px}.footer{grid-template-columns:1fr;gap:21px}.footer small{justify-self:start}.detail{width:calc(100% - 20px);max-height:calc(100% - 20px)}.detail>div{display:block}.detail img{height:300px;min-height:300px}.detail section{padding:39px 25px 28px}.detail h2{font-size:43px}.checkout{padding:72px 22px}.checkout-grid{display:block;margin-top:42px}.summary{position:static;margin-top:46px}.thanks main{padding:72px 28px}.info{padding:72px 28px}.cart{padding-left:20px;padding-right:20px}.cart>footer{padding-left:20px;padding-right:20px}}
@media(max-width:480px){.grid{grid-template-columns:1fr}.card p:not(.product-index){min-height:auto}.toolbar{align-items:flex-start;flex-direction:column}.toolbar input{margin:9px 0 0;width:100%}.hero h1{font-size:61px}.cart-button{padding:10px 12px}.detail section footer{align-items:flex-start;flex-direction:column}.detail section footer .add-button{width:100%}}
