:root{--paper:#f5f1e9;--ink:#24332b;--muted:#68746b;--orange:#bc623f;--line:#dcd8cf;--cream:#e8e1d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 7.2%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(36,51,43,.1)}.wordmark{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.17em;font-weight:700}.mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ink);border-radius:50%;font-family:'Playfair Display',serif;font-size:16px;letter-spacing:-.1em;padding-right:3px}.mark span{font-style:italic;margin-left:-2px}.site-header nav{display:flex;align-items:center;gap:38px;font-size:12px}.site-header nav>a:not(.nav-cta){color:#536057}.nav-cta{border:1px solid var(--ink);padding:11px 15px}.nav-cta span{margin-left:12px}.hero{min-height:635px;display:grid;grid-template-columns:1fr 1fr;padding:62px 12.2% 66px;align-items:center;gap:8%}.hero-copy{padding:25px 0}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--orange);margin:0 0 25px}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:9px}h1,h2{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(70px,8vw,115px);line-height:.89;margin:0 0 30px}h1 em,h2 em{font-weight:500;color:var(--orange)}.hero-text{font-size:15px;line-height:1.8;max-width:390px;color:#647067;margin:0 0 29px}.button{display:inline-flex;align-items:center;gap:28px;background:var(--ink);color:var(--paper);padding:15px 19px;font-size:11px;letter-spacing:.04em}.button span{font-size:15px}.hero-note{font-size:9px;letter-spacing:.13em;font-weight:700;color:#8b938b;margin:48px 0 0}.hero-note span{padding:0 7px;color:var(--orange)}.hero-art{height:482px;position:relative;background:#e8e1d5;overflow:hidden;display:grid;place-items:center}.sun{position:absolute;width:340px;height:340px;border-radius:50%;background:#d7b994;right:-76px;top:-125px}.orbit{position:absolute;border:1px solid rgba(65,75,61,.22);border-radius:50%;width:400px;height:400px}.orbit-one{width:450px;height:450px;left:-208px;bottom:-203px}.orbit-two{width:330px;height:330px;left:-146px;bottom:-145px}.phone-case{position:relative;width:192px;height:345px;border-radius:38px;background:linear-gradient(140deg,#cb7955,#ad5739);box-shadow:13px 24px 34px #513b2e39,inset 3px 2px 4px #f5c6a173,inset -3px -4px 7px #66382166;transform:rotate(-11deg);z-index:1;border:5px solid #ae5d41}.phone-case:before{content:'';position:absolute;inset:8px;border-radius:31px;border:1px solid #e7ab8e4d}.camera{position:absolute;top:19px;left:18px;width:77px;height:77px;background:#c77b58;border-radius:21px;border:1px solid #e8b1915c;display:grid;grid-template-columns:1fr 1fr;place-items:center;padding:10px;box-shadow:inset 1px 1px 3px #6f3e2970}.camera i{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#38454a 0 14%,#14242b 17% 48%,#17242a 52%,#886c5b 57% 68%,#ad7960 72%);border:2px solid #9b6047}.camera i:last-child{grid-column:1/3;width:13px;height:13px}.case-stamp{position:absolute;top:48%;width:100%;text-align:center;color:#edc6a8;font-family:'Playfair Display',serif;font-size:32px;line-height:.9;letter-spacing:-.08em}.case-stamp small{display:block;font:600 6px 'DM Sans',sans-serif;letter-spacing:.21em;margin-top:8px}.case-spark{position:absolute;right:26px;bottom:32px;color:#edc6a8;font-size:18px}.case-shadow{position:absolute;width:198px;height:342px;background:#7b594b30;border-radius:38px;transform:translate(19px,24px) rotate(-11deg)}.art-caption{position:absolute;bottom:19px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#6f786f;font-weight:700}.floating-star{position:absolute;color:#bc623f}.star-one{top:79px;left:75px;font-size:22px}.star-two{right:67px;bottom:89px;font-size:15px}.ticker{background:var(--ink);color:var(--paper);height:49px;overflow:hidden;display:flex;align-items:center;white-space:nowrap}.ticker div{font-size:9px;font-weight:600;letter-spacing:.16em;word-spacing:3px;min-width:max-content;animation:marquee 34s linear infinite}.ticker span{color:#df966b;padding:0 28px}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding-left:12.2%;padding-right:12.2%}.intro{padding-top:116px;padding-bottom:122px;display:grid;grid-template-columns:1fr 2.3fr 1.05fr;gap:40px;border-bottom:1px solid var(--line)}.section-label{font-size:9px;letter-spacing:.16em;font-weight:700;color:#849087}.section-label span{color:var(--orange);margin-right:9px}.intro-content .eyebrow{margin-bottom:17px}h2{font-size:clamp(40px,5vw,66px);line-height:1.04;margin:0 0 25px}.intro-content>p:not(.eyebrow){max-width:555px;font-size:13px;line-height:1.9;color:#667168;margin:0 0 13px}.intro-aside{align-self:center;border-left:1px solid #d8cfc0;padding:16px 0 16px 24px}.aside-mark{font:64px/.6 'Playfair Display',serif;color:var(--orange)}.intro-aside p{font:21px/1.35 'Playfair Display',serif;max-width:160px;margin:10px 0 20px}.aside-line{display:block;width:30px;height:1px;background:var(--orange);margin-bottom:12px}.intro-aside small{font-size:7px;letter-spacing:.13em;color:#899188}.collection{padding-top:98px;padding-bottom:112px;border-bottom:1px solid var(--line)}.collection-head{display:flex;align-items:end;justify-content:space-between;margin:29px 0 38px}.collection-head .eyebrow{margin-bottom:12px}.collection-head h2{margin:0}.collection-head>p{max-width:295px;font-size:12px;line-height:1.8;color:#68736a;margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-visual{height:285px;position:relative;overflow:hidden;display:grid;place-items:center}.visual-clay{background:#e4d8c9}.visual-olive{background:#dce0d5}.visual-blue{background:#dbe1df}.product-badge{position:absolute;top:15px;left:17px;font-size:9px;letter-spacing:.08em;color:#788177}.mini-case{position:relative;width:107px;height:190px;border-radius:21px;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-9deg);box-shadow:8px 14px 22px #353d3428}.mini-case:before{content:'';position:absolute;top:9px;left:9px;width:38px;height:38px;border:1px solid #ffffff69;border-radius:12px}.mini-case b{font:24px 'Playfair Display',serif;letter-spacing:-.1em}.mini-case span{font-size:5px;letter-spacing:.16em;margin-top:4px}.clay-case{background:#c37858;color:#f1d4b9}.olive-case{background:#73826d;color:#e6e8d9}.blue-case{background:#a6b6b5;color:#f0eee4}.visual-word{position:absolute;right:17px;bottom:19px;font:italic 16px/1.1 'Playfair Display',serif;color:#657069;text-align:right}.product-info{display:flex;justify-content:space-between;align-items:center;padding:17px 2px 0}.product-info h3{font:500 17px 'Playfair Display',serif;margin:0 0 5px}.product-info p{font-size:10px;color:#758078;margin:0}.product-arrow{font-size:16px;color:var(--orange)}.collection-footnote{font-size:8px;letter-spacing:.12em;color:#818980;font-weight:700;margin:30px 0 0}.collection-footnote span{color:var(--orange);font-size:12px;margin-right:7px}.custom{position:relative;overflow:hidden;min-height:476px;background:#e9e1d4;padding-top:68px;padding-bottom:75px}.custom-content{position:relative;z-index:1;margin:40px 0 0 15%}.custom-content .eyebrow{margin-bottom:17px}.custom-content h2{font-size:clamp(49px,6vw,78px);margin-bottom:19px}.custom-content>p:not(.eyebrow){max-width:450px;font-size:12px;line-height:1.8;color:#647067;margin:0 0 22px}.coming-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #c9bdab;padding:10px 13px;font-size:8px;letter-spacing:.12em;font-weight:700;color:#657067}.coming-pill span{width:7px;height:7px;border-radius:50%;background:#748971}.custom-stamp{position:absolute;right:16%;top:125px;width:160px;height:160px;border:1px solid #c5a992;border-radius:50%;display:grid;place-content:center;text-align:center;font:20px/1.05 'Playfair Display',serif;color:#9c6c4e;transform:rotate(12deg)}.custom-stamp span{font-size:20px;margin-top:8px}.custom-orb{position:absolute;border:1px solid #cfc3b3;border-radius:50%}.orb-a{width:330px;height:330px;right:-28px;top:-201px}.orb-b{width:245px;height:245px;right:12px;top:-160px}.signup{padding-top:85px;padding-bottom:84px;display:flex;justify-content:space-between;align-items:center}.signup .eyebrow{margin-bottom:15px}.signup h2{font-size:52px;margin-bottom:15px}.signup>div>p:last-child{font-size:12px;color:#6b756d;margin:0;max-width:390px;line-height:1.7}.button-dark{background:transparent;color:var(--ink);border:1px solid var(--ink);align-self:center}.site-footer{min-height:114px;border-top:1px solid var(--line);padding:24px 7.2%;display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-mark{font-size:9px}.footer-mark .mark{width:27px;height:27px;font-size:14px}.site-footer p{font-size:10px;color:#788178}.site-footer>a:not(.wordmark){font-size:8px;letter-spacing:.1em;font-weight:700}.site-footer small{font-size:7px;letter-spacing:.08em;color:#90978f}
@media(max-width:850px){.site-header{padding:0 5%;height:72px}.site-header nav{gap:18px}.hero{padding:45px 7%;gap:5%;min-height:570px}.hero-art{height:410px}.section{padding-left:7%;padding-right:7%}.intro{grid-template-columns:.7fr 2fr;gap:28px;padding-top:85px;padding-bottom:90px}.intro-aside{grid-column:2;display:flex;align-items:center;gap:15px;padding:14px 0 0;border-left:0;border-top:1px solid #d8cfc0}.intro-aside p{max-width:none;margin:0}.aside-mark{font-size:43px}.aside-line{display:none}.intro-aside small{margin-left:auto}.custom-content{margin-left:8%}.custom-stamp{right:9%}.site-footer{padding:22px 5%;flex-wrap:wrap}.site-footer small{width:100%;text-align:right}}@media(max-width:600px){.site-header{height:67px;padding:0 5%}.wordmark{font-size:9px}.mark{width:29px;height:29px}.site-header nav{gap:0}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 11px;font-size:10px}.hero{grid-template-columns:1fr;padding:54px 7% 55px;gap:34px}.hero-copy{padding:0}.hero h1{font-size:79px}.hero-text{font-size:14px}.hero-note{margin-top:33px}.hero-art{height:380px}.phone-case{transform:scale(.88) rotate(-11deg)}.case-shadow{transform:translate(16px,20px) scale(.88) rotate(-11deg)}.ticker{height:43px}.section{padding-left:7%;padding-right:7%}.intro{grid-template-columns:1fr;gap:28px;padding-top:71px;padding-bottom:70px}.intro-content{padding-left:0}.intro-aside{grid-column:1;flex-wrap:wrap;gap:12px}.intro-aside p{font-size:18px}.intro-aside small{font-size:6px}.collection{padding-top:69px;padding-bottom:75px}.collection-head{display:block;margin:24px 0 28px}.collection-head>p{margin-top:17px}.cards{grid-template-columns:1fr;gap:25px}.product-visual{height:310px}.custom{min-height:570px;padding-top:55px;padding-bottom:55px}.custom-content{margin:45px 0 0}.custom-content h2{font-size:59px}.custom-content>p:not(.eyebrow){max-width:350px}.custom-stamp{width:95px;height:95px;right:8%;top:68px;font-size:13px;opacity:.8}.custom-stamp span{font-size:13px;margin-top:4px}.custom-orb.orb-a{right:-175px;top:-210px}.custom-orb.orb-b{right:-140px;top:-170px}.signup{padding-top:67px;padding-bottom:67px;display:block}.signup h2{font-size:46px}.signup .button{margin-top:25px}.site-footer{justify-content:flex-start;gap:15px;padding:22px 7%;}.site-footer p{order:2;width:100%;margin:0}.site-footer>a:not(.wordmark){margin-left:auto;font-size:7px}.site-footer small{text-align:left;margin-top:4px}}

/* Case Theory launch sign */
.case-sign{position:relative;z-index:1;width:min(78%,360px);min-height:260px;padding:28px 25px 23px;background:#bc623f;color:#f7eee1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transform:rotate(-4deg);box-shadow:14px 19px 0 #91735a30,0 24px 38px #513b2e2b;border:1px solid #d48a68}.case-sign:before{content:'';position:absolute;inset:8px;border:1px solid #f3d7bd6b;pointer-events:none}.sign-top,.sign-bottom{font-size:8px;letter-spacing:.2em;font-weight:700}.sign-bottom b{margin-left:7px;color:#f1c7a2}.case-sign strong{font:600 clamp(54px,6vw,75px)/.88 'Playfair Display',serif;letter-spacing:-.06em}.case-sign strong em{font-weight:500;color:#f1c7a2}@media(max-width:600px){.case-sign{width:80%;min-height:245px;padding:26px 18px 20px}.case-sign strong{font-size:59px}}
