@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/font-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/font-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./fonts/font-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/font-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./fonts/font-4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--cream:#f4efe3;--ink:#203126;--red:#a8422a;--sage:#b5c29a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,em{font-family:'Playfair Display',Georgia,serif;font-weight:500}em{color:var(--red)}.header,.topline,.baseline,.eyebrow,.section-line,.ticker,.tabs,.monitor-top,.monitor-bottom,.frame-count,.method-grid article>span,.closing>p:first-of-type,.closing>a,footer,.art-label,.stamp{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.09em}.header{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbcbbc;gap:20px}.logo{display:flex;align-items:center;gap:13px}.logo b{font:500 33px Georgia,serif;letter-spacing:-.13em}.logo b span,.red{color:var(--red)}.logo small{font:700 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:.13em}.header-note{color:#858779}.nav-link{border-bottom:1px solid;padding-bottom:5px}.hero{padding:24px 5vw 0;display:grid;grid-template-columns:1.08fr .92fr;column-gap:4vw;overflow:hidden}.topline,.baseline{grid-column:1/-1;display:flex;justify-content:space-between}.topline{padding-bottom:20px}.hero-copy{padding:75px 0 112px;z-index:1}.eyebrow{color:var(--red)}h1{font-size:clamp(72px,9vw,148px);letter-spacing:-.075em;line-height:.94;margin:20px 0 31px;white-space:nowrap}.intro{font-size:18px;line-height:1.6;max-width:440px;color:#525a4e}.button{display:inline-flex;align-items:center;gap:46px;background:var(--ink);color:var(--cream);border-radius:40px;padding:17px 23px;margin-top:25px;font:500 11px 'DM Mono',monospace;letter-spacing:.06em;transition:background .2s,transform .2s}.button:hover{background:var(--red);transform:translateY(-3px)}.button span{font-size:17px}.hero-art{position:relative;min-height:660px;overflow:hidden;border-radius:260px 260px 0 0;background:var(--sage)}.sun{position:absolute;top:9%;left:17%;width:66%;aspect-ratio:1;border-radius:50%;background:#d8dcaa}.plate{position:absolute;width:78%;aspect-ratio:1;top:29%;left:11%;border-radius:50%;background:#eee8d8;box-shadow:12px 24px 0 #889974,20px 38px 35px #435c4777,inset 0 0 0 19px #f8f3e8,inset 0 0 0 29px #d5d2c4;transform:rotate(-11deg)}.food{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 40% 30%,#dfa261,#ad532e 75%,#863622);overflow:hidden}.food i{position:absolute;border:12px solid #edc27c;border-radius:50%;width:70%;height:45%;box-shadow:inset 0 0 0 7px #d9914e,0 5px 3px #65331c80}.food i:nth-child(1){top:10%;left:14%;transform:rotate(25deg)}.food i:nth-child(2){bottom:13%;left:7%;transform:rotate(-24deg)}.food i:nth-child(3){bottom:8%;right:1%;transform:rotate(30deg)}.food b{position:absolute;top:1%;left:30%;width:26%;height:100%;border-left:22px solid #8e2f22;border-radius:50%;transform:rotate(28deg);filter:drop-shadow(5px 4px 0 #e6a05c)}.stamp{position:absolute;z-index:2;right:4%;top:6%;width:88px;height:88px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;text-align:center;line-height:1.4;transform:rotate(13deg)}.art-label{position:absolute;left:26px;bottom:20px}.baseline{height:60px;align-items:center;gap:25px}.baseline i{flex:1;border-top:1px solid #bcc0ae}.ticker{background:var(--red);color:var(--cream);text-align:center;padding:16px;white-space:nowrap;overflow:hidden}.ticker span{color:#d6dca4;margin:0 32px}.study{padding:85px 5vw 110px}.section-line{display:flex;justify-content:space-between;border-top:1px solid #adb4a4;padding-top:15px;color:#737b70}.study-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;margin-top:55px}.study h2,.method h2,.closing h2{font-size:clamp(55px,6vw,96px);line-height:1.05;letter-spacing:-.055em;margin:18px 0}.study-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:370px;color:#596055}.tabs{display:flex;flex-direction:column;border-top:1px solid #adb4a4;margin-top:43px}.tab{border:0;border-bottom:1px solid #adb4a4;background:none;padding:20px 15px;text-align:left;color:#737b70;cursor:pointer;font:500 11px 'DM Mono',monospace;letter-spacing:.09em}.tab span{margin-right:26px}.tab:hover,.tab.active{background:#e6e1d4;color:var(--red)}.monitor{background:#253629;padding:14px;box-shadow:15px 15px #d7d5c6}.monitor-top,.monitor-bottom{color:#eae9dc;display:flex;align-items:center;justify-content:space-between;gap:12px}.monitor-top{padding:3px 3px 14px}.monitor-top span:last-child{color:#d7a08a}.monitor-bottom{padding:14px 3px 3px}.monitor-bottom span:last-child{color:#a9b6a5}.scene{height:410px;position:relative;overflow:hidden;background:radial-gradient(circle at 54% 13%,#c99460,#80502d 52%,#302720);transition:background .35s}.pan{position:absolute;width:76%;height:90%;border-radius:50%;left:12%;top:36%;background:radial-gradient(circle,#8b3929 0 32%,#4d2b25 34%,#272820 40%,#8a704b 44%,#211f1a 48%);box-shadow:12px 15px 20px #1c1815aa;transform:rotate(-13deg);transition:transform .4s,top .4s}.pan-food{position:absolute;inset:22%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#ebb663 0 9px,#a85b31 12px 17px,#e5a655 20px 27px,#713725 31px 37px)}.pan-sauce{position:absolute;left:42%;top:40%;width:24%;height:20%;border-radius:55% 45% 60% 45%;background:#962e1d;box-shadow:inset -8px -7px #672318,5px 6px 4px #4b1e1a88;opacity:0;transform:scale(.2);transition:opacity .35s,transform .35s}.frame-1 .pan-sauce{opacity:1;transform:scale(1.3)}.frame-2 .pan-sauce{opacity:1;transform:scale(2.1)}.frame-2 .pan{top:27%;transform:rotate(5deg)}.frame-2{background:radial-gradient(circle at 50% 7%,#df9e5f,#87502e 50%,#302720)}.frame-count{position:absolute;right:17px;bottom:17px;color:#fff4df}.method{background:var(--ink);color:var(--cream);padding:60px 5vw 105px}.method .section-line{border-color:#758272;color:#b3bdac}.method-title{text-align:center;padding:80px 0 70px}.method-title .eyebrow{color:#d5dca4}.method h2 em{color:#e0ae81}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #788776}.method-grid article{padding:25px 28px 0 0}.method-grid article+article{border-left:1px solid #788776;padding-left:28px}.method-grid article>span{color:#d5dca4}.method-grid h3{font-size:31px;margin:38px 0 14px}.method-grid p{color:#c9d0c5;line-height:1.7;font-size:15px;max-width:330px}.closing{text-align:center;padding:95px 20px 115px}.star{display:block;font-size:34px;color:var(--red);margin-bottom:25px}.closing>p:first-of-type{color:var(--red)}.closing-copy{font-size:18px;color:#5f675b}.closing>a{display:inline-block;margin-top:37px;border-bottom:1px solid;padding-bottom:7px}footer{display:flex;justify-content:space-between;padding:27px 5vw;border-top:1px solid #c5c8b9;color:#737b70}
@media(max-width:850px){.header-note{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 0 48px}.hero-art{width:100%;max-width:620px;min-height:570px;justify-self:center}.baseline{margin-top:12px}.study-grid{grid-template-columns:1fr;gap:48px}.monitor{max-width:700px}.method-grid h3{font-size:26px}}@media(max-width:600px){.header{height:68px;padding:0 6vw}.hero{padding:20px 6vw 0}.topline span:last-child,.baseline span:last-child{display:none}.hero-copy{padding:62px 0 44px}h1{font-size:clamp(65px,15vw,98px);white-space:normal}.intro{font-size:16px}.hero-art{min-height:430px;border-radius:220px 220px 0 0}.stamp{width:72px;height:72px;font-size:8px}.baseline{height:50px}.ticker{text-align:left}.study{padding:60px 6vw 80px}.section-line{font-size:9px}.section-line span:last-child{text-align:right}.study-grid{margin-top:35px}.study h2,.method h2,.closing h2{font-size:clamp(50px,11vw,70px)}.scene{height:280px}.monitor-top,.monitor-bottom{font-size:8px}.monitor-bottom span:last-child{max-width:125px;text-align:right}.method{padding:50px 6vw 75px}.method-title{padding:65px 0 45px}.method-grid{display:block}.method-grid article,.method-grid article+article{border-left:0;border-bottom:1px solid #788776;padding:22px 0 27px}.method-grid h3{margin:17px 0 8px}.closing{padding:70px 6vw 85px}.closing-copy{font-size:16px}footer{padding:24px 6vw;display:block;line-height:2}footer span:last-child{display:block}}