- Run record
- loading
Loading this Run…
Loading the Revisions of this Run…
A published source file of Revision 0 of Fjora — Taste the North 1.0.0, shown as text in the browser.
:root{font-family:Arial,Helvetica,sans-serif;color:#243c35;background:#f6f5ef;font-synthesis:none;font-weight:400;font-synthesis:none;--paper:#f6f5ef;--green:#243c35;--line:#ced1c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #98713e;outline-offset:5px}::selection{background:#c9d0ba}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}img{display:block;max-width:100%}.header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:51px;letter-spacing:-4px;line-height:1}.logo-o{display:inline-block;position:relative}.logo-o:after{content:'';position:absolute;width:11px;height:1px;background:currentColor;top:12px;left:5px;transform:rotate(-24deg)}.logo-dot{color:#7a8b63}.header nav{display:flex;gap:38px;font-size:13px;margin-left:90px}.header nav a{padding:12px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--green)}.header-note{font-size:9px;letter-spacing:1.6px;display:flex;gap:10px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#748665}.hero{height:675px;min-height:600px;position:relative;isolation:isolate;color:var(--paper);overflow:hidden}.hero-image,.hero-shade{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}.hero-image{object-position:center 56%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,28,31,.48),rgba(6,28,31,.04) 75%),linear-gradient(0deg,rgba(7,29,31,.5),transparent 35%)}.hero-content{padding:76px 7% 0}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:500}.hero h1{font-size:112px;line-height:.98;letter-spacing:-5px;margin:23px 0 24px}.hero h1 em{font-weight:400}.title-period{color:#c4d0b0}.hero-description{font-size:16px;line-height:1.75;color:#f0f0e7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--paper);color:var(--green);padding:18px 24px;font-size:12px;margin-top:29px;transition:background .2s}.button:hover{background:#d9dfcb}.hero-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;align-items:center}.hero-season{display:flex;gap:40px}.hero-side{position:absolute;right:35px;top:44%;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.qualities{height:84px;display:flex;align-items:center;justify-content:center;gap:72px;border-bottom:1px solid var(--line);font-size:12px}.asterisk{font-size:22px;font-weight:normal;color:#7e8c70}.section-wrap{padding:100px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:43px}h2{font-size:57px;line-height:1.1;letter-spacing:-2px}.section-heading h2{margin-top:17px}.section-heading>p{font-size:14px;line-height:1.8;color:#667167;padding-bottom:5px}.flavor-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.flavor-option{border:1px solid var(--line);background:transparent;text-align:left;display:flex;align-items:center;padding:10px 20px 10px 10px;gap:20px;cursor:pointer;color:var(--green);transition:background .2s,border-color .2s}.flavor-option:hover{background:#eaece2}.flavor-option.active{border-color:#52634b;background:#e9ecdf}.flavor-option img{height:88px;width:69px;object-fit:cover;mix-blend-mode:multiply}.option-copy{display:grid;gap:8px}.option-copy .eyebrow{color:#75816d;font-size:9px}.option-name{font-family:Georgia,'Times New Roman',serif;font-size:23px;white-space:nowrap}.option-indicator{margin-left:auto;font-size:24px;font-weight:300}.flavor-detail{display:grid;grid-template-columns:1fr 1fr;background:#eaece3;min-height:560px;transition:background .3s}.flavor-cloudberry{background:#f0e8dc}.flavor-spruce-tip{background:#e2e8df}.product-visual{position:relative;background:#eeede7;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-visual>img{width:100%;height:560px;object-fit:contain;mix-blend-mode:multiply;animation:reveal .4s ease-out}.image-label{position:absolute;bottom:24px;left:28px;font-size:9px;letter-spacing:1.5px;color:#5e695b}.product-copy{padding:63px 58px 39px}.product-copy>.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px}.flavor-dot{width:7px;height:7px;border-radius:50%}.product-copy h3{font-size:50px;letter-spacing:-1.5px;margin:22px 0 11px}.character{font-size:12px;letter-spacing:1px}.tasting-note{font-size:14px;line-height:1.9;color:#596658;max-width:365px;margin-top:22px}.botanicals{margin-top:32px}.botanicals>.eyebrow{font-size:9px}.botanicals ul{padding:0;margin:10px 0 0;list-style:none}.botanicals li{font-size:13px;padding:10px 0;border-bottom:1px solid #c9d0bf}.botanicals li span{font-size:9px;color:#7d8775;margin-right:20px}.product-footnote{margin-top:23px;font-size:10px;color:#66715e}.product-footnote span{margin:0 10px}.story{display:grid;grid-template-columns:1fr 1fr;background:#243c35;color:#f2f2e7}.story-copy{padding:77px 14%}.story-copy>.eyebrow{color:#bdc8b5}.story h2{font-size:66px;margin:28px 0;line-height:1.05}.story h2 em{color:#c4cfb5}.story-text{max-width:375px;font-size:14px;line-height:1.9;color:#c7d0c6}.story-text p+p{margin-top:18px}.story-signature{display:block;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:19px;margin-top:32px}.story-image{position:relative;min-height:660px}.story-image img{position:absolute;height:100%;width:100%;object-fit:cover}.story-image>span{position:absolute;bottom:30px;left:35px;font-size:9px;letter-spacing:1.7px;text-shadow:0 1px 5px #000}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding-top:109px;padding-bottom:115px}.faq h2{font-size:53px;margin-top:22px}.faq>div>p:last-child{font-size:14px;line-height:1.8;margin-top:24px;color:#687367}.faq-items{border-top:1px solid var(--line);margin-top:6px}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:21px;font-size:15px;cursor:pointer;min-height:84px;padding:20px 0}summary::-webkit-details-marker{display:none}.question-number{font-size:9px;letter-spacing:1px;color:#78826f}.faq-plus{position:relative;width:15px;height:15px;flex-shrink:0;margin-left:auto}.faq-plus:before,.faq-plus:after{content:'';position:absolute;width:13px;height:1px;background:var(--green);top:7px;left:1px}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .faq-plus:after{transform:rotate(0)}details>p{font-size:14px;line-height:1.85;margin:0 35px 25px;color:#657061}footer{background:#e6e9dd;padding:45px 5% 23px}.footer-top{display:flex;align-items:center;gap:48px;padding-bottom:43px;border-bottom:1px solid #c6ccbc}.footer-top>p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:20px}.back-top{display:flex;align-items:center;gap:20px;font-size:11px;margin-left:auto}.back-top svg{transform:rotate(-90deg)!important}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.7;color:#626e5c;padding-top:24px}.skip-link{position:fixed;top:-60px;left:20px;z-index:5;padding:14px;background:var(--paper)}.skip-link:focus{top:10px}@keyframes reveal{from{opacity:.45}to{opacity:1}}@media(min-width:1600px){.hero{height:760px}.hero-content{padding-top:110px}.section-wrap{padding-left:max(7%,calc((100% - 1320px)/2));padding-right:max(7%,calc((100% - 1320px)/2))}}@media(max-width:1000px){.header nav{margin-left:0;gap:25px}.header-note{display:none}.qualities{gap:35px}.section-wrap{padding:75px 5%}.option-name{font-size:19px}.flavor-option{gap:10px;padding-right:12px}.flavor-option img{width:50px;height:68px}.product-copy{padding:42px 30px}.product-copy h3{font-size:42px}.story-copy{padding:65px 10%}.story h2{font-size:56px}.faq{gap:40px}.section-heading>p{font-size:12px}}@media(max-width:600px){html{scroll-padding-top:16px}.header{height:78px;padding:0 22px}.wordmark{font-size:43px}.logo-o:after{top:10px;width:10px;left:4px}.header nav{gap:17px;font-size:10px}.hero{height:650px;min-height:0}.hero-image{object-position:53% center}.hero-shade{background:linear-gradient(90deg,rgba(6,28,31,.48),rgba(6,28,31,.13)),linear-gradient(0deg,rgba(7,29,31,.5),transparent 50%)}.hero-content{padding:81px 26px 0}.hero-content>.eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:83px;letter-spacing:-4px;margin:31px 0 27px}.hero-description{font-size:14px}.button{margin-top:31px;padding:17px 20px;gap:34px;font-size:11px}.hero-side{display:none}.hero-bottom{left:26px;right:26px;bottom:24px;font-size:7px;letter-spacing:1.1px}.hero-bottom>span:first-child{max-width:165px;line-height:1.8}.hero-season{gap:8px;flex-direction:column;align-items:flex-end;font-size:7px}.qualities{height:auto;min-height:79px;padding:21px 20px;gap:15px;justify-content:space-between;font-size:9px;line-height:1.6;text-align:center}.qualities>span:not(.asterisk){max-width:84px}.asterisk{font-size:14px}.section-wrap{padding:64px 22px}.section-heading{display:block;margin-bottom:28px}h2{font-size:44px;letter-spacing:-1.7px}.eyebrow{font-size:9px;letter-spacing:1.6px}.section-heading h2{margin-top:17px}.section-heading>p{font-size:13px;margin-top:20px;line-height:1.8}.flavor-options{gap:8px;margin-bottom:17px}.flavor-option{padding:8px 4px 13px;display:flex;flex-direction:column;gap:9px;position:relative;text-align:center;min-width:0}.flavor-option img{width:65px;height:85px}.option-copy{gap:6px}.option-copy .eyebrow{font-size:8px}.option-name{font-size:15px;letter-spacing:-.4px}.option-indicator{display:none}.flavor-option.active:after{content:'';height:3px;position:absolute;bottom:-1px;left:-1px;right:-1px;background:#52634b}.flavor-detail{grid-template-columns:1fr}.product-visual>img{height:365px}.image-label{bottom:17px;left:18px;font-size:8px}.product-copy{padding:33px 25px 31px}.product-copy h3{font-size:41px;margin-top:18px}.tasting-note{font-size:13px;margin-top:20px}.botanicals{margin-top:26px}.product-footnote{font-size:9px}.product-footnote span{margin:0 6px}.story{grid-template-columns:1fr}.story-copy{padding:57px 27px}.story h2{font-size:55px;margin-top:26px}.story-text{font-size:13px}.story-signature{font-size:18px}.story-image{min-height:425px}.story-image>span{left:25px;bottom:23px;font-size:8px}.faq{grid-template-columns:1fr;gap:33px;padding-top:64px;padding-bottom:69px}.faq h2{font-size:45px}.faq>div>p:last-child{font-size:13px;margin-top:20px}summary{font-size:13px;gap:12px;min-height:78px}.question-number{font-size:8px}details>p{font-size:13px;margin-left:25px;margin-right:18px}.footer-top{gap:20px;flex-wrap:wrap;padding-bottom:29px}.footer-top>p{font-size:17px}.back-top{margin-left:0;width:100%;margin-top:9px;font-size:10px}footer{padding:35px 23px 25px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}Source is browser-viewable only. There is no download or archive endpoint, and no additional license is granted beyond inspection and research.