- 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.2.0, shown as text in the browser.
:root{font-family:Arial,Helvetica,sans-serif;color:#203d36;background:#f5f4ee;font-synthesis:none;font-weight:400;--green:#203d36;--paper:#f5f4ee;--line:#cdd1c7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #8b9e6e;outline-offset:6px}img{display:block;width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}em{font-weight:400}h2{font-size:64px;line-height:1.08;letter-spacing:-2.6px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:1.8px;line-height:1.5}.header{height:92px;padding:0 48px;display:flex;align-items:center;gap:52px;background:var(--paper);position:sticky;top:0;z-index:10}.wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:54px;letter-spacing:-4px;line-height:1}.wordmark-dot{color:#829070}.header-description{font-size:9px;letter-spacing:1.6px;margin-top:7px}.header nav{margin-left:auto;display:flex;gap:36px;font-size:12px}.header nav a{padding:12px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:var(--green)}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:var(--paper);z-index:30}.skip-link:focus{top:10px}.hero{margin:0 24px;height:650px;position:relative;isolation:isolate;color:#fffdf2;overflow:hidden}.hero-image{position:absolute;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,32,33,.43),transparent 75%),linear-gradient(0deg,rgba(7,29,29,.42),transparent 60%);z-index:-2}.hero-top{position:absolute;top:32px;left:40px;right:40px;display:flex;justify-content:space-between}.hero-season{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.7px}.hero-season>span{width:5px;height:5px;background:currentColor;border-radius:50%}.hero-content{position:absolute;left:64px;top:114px}h1{font-size:116px;line-height:.91;letter-spacing:-5px}h1 em{display:inline-block;padding-top:2px}.title-period{color:#c7d0af}.hero-content p{font-size:15px;line-height:1.7;margin-top:24px;color:#f0f1e9}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#f4f3e9;color:var(--green);padding:18px 23px;margin-top:28px;font-size:12px;width:224px;transition:background .2s}.primary-button:hover{background:#dbe1ca}.arrow{width:22px;height:22px;flex-shrink:0}.arrow.down{transform:rotate(90deg)}.hero-bottom{position:absolute;bottom:29px;left:40px;right:40px;display:flex;align-items:flex-end;justify-content:space-between;font-size:9px;letter-spacing:1.5px;line-height:1.7}.hero-bottom-right{text-align:right}.north-mark{position:absolute;right:58px;bottom:100px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.north-mark svg{width:66px;height:66px}.north-mark span{font-size:10px}.qualities{height:84px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 24px}.qualities>span{font:italic 16px Georgia,serif}.qualities>div{display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:1.5px}.qualities svg{width:16px;height:16px;color:#77886d}.section-shell{padding:100px 88px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.section-label{margin-bottom:24px;color:#657362}.section-intro{font-size:14px;line-height:1.8;margin:0 12px 7px 30px;color:#5c6b60}.flavor-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.flavor-option{display:flex;align-items:center;text-align:left;background:transparent;border:1px solid #cdd1c7;padding:0;cursor:pointer;min-width:0;transition:background .2s,border .2s}.flavor-option:hover{background:#e9ece1}.flavor-option.selected{background:#e7ebdf;border-color:#667b59}.flavor-option img{height:112px;width:86px;object-fit:cover;mix-blend-mode:multiply}.option-copy{display:flex;flex-direction:column;gap:6px;margin-left:19px;padding:10px 0}.option-number{font-size:9px;letter-spacing:1px;color:#68735f}.option-name{font-family:Georgia,serif;font-size:24px;letter-spacing:-.5px}.option-character{font-size:10px;letter-spacing:.3px;color:#667060}.selection-indicator{border:1px solid #a8b39e;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin:auto 20px auto auto;font-size:13px;flex-shrink:0}.selected .selection-indicator{background:var(--green);color:var(--paper);border-color:var(--green)}.flavor-detail{display:grid;grid-template-columns:1fr 1fr;background:#e9edde;min-height:550px}.flavor-detail.berry{background:#f0e7d7}.flavor-detail.spruce{background:#e0e7df}.detail-photo{position:relative;overflow:hidden;background:#edede7}.detail-photo>img{height:550px;object-fit:contain;mix-blend-mode:multiply;animation:reveal .45s ease}.photo-label{position:absolute;bottom:22px;left:26px;font-size:9px;letter-spacing:1.5px}.detail-copy{padding:40px 56px 34px;display:flex;flex-direction:column;animation:reveal .4s ease}.detail-top{display:flex;align-items:center;justify-content:space-between}.detail-top svg{width:34px;height:34px;color:#7c8f68}.detail-character{font-size:11px;letter-spacing:.8px;margin-top:46px;color:#637454}.detail-copy h3{font-size:60px;letter-spacing:-2.4px;margin:12px 0 22px;line-height:1.1}.tasting-note{font-size:15px;line-height:1.8;max-width:360px;color:#53634e}.botanical-block{border-top:1px solid #bec7b1;margin-top:30px;padding-top:22px}.botanical-block h4{margin:0 0 12px;font-size:9px}.botanical-block ul{display:flex;list-style:none;flex-wrap:wrap;gap:8px 0;margin:0;padding:0;font-size:12px}.botanical-block li+li:before{content:'·';padding:0 12px;color:#7c8d6d}.detail-footnote{font-size:10px;color:#637454;margin-top:auto;padding-top:30px;letter-spacing:.3px}.story{margin:0 24px;display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:#f4f3e7}.story-copy{padding:68px 64px 64px}.story .section-label{color:#bac4b0}.story h2{font-size:68px}.story-star{width:32px;height:32px;color:#b5c29d;margin:30px 0}.story-copy>p:not(.section-label){max-width:380px;font-size:14px;line-height:1.85;color:#d4dcd1;margin-bottom:16px}.story-signoff{display:block;font:italic 21px Georgia,serif;margin-top:32px;color:#cbd4b9}.story-photo{position:relative;min-height:660px}.story-photo img{position:absolute;inset:0;height:100%;object-fit:cover}.story-photo>span{position:absolute;bottom:30px;left:35px;color:white;font-size:9px;letter-spacing:1.8px;text-shadow:0 1px 8px #000}.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:110px;padding-bottom:110px}.faq h2{font-size:56px}.faq-intro{font-size:13px;color:#657362;margin-top:24px;line-height:1.7}.faq-items{padding-top:0}.faq-items details{border-top:1px solid #bdc6b7}.faq-items details:last-child{border-bottom:1px solid #bdc6b7}.faq-items summary{list-style:none;display:flex;align-items:center;gap:24px;cursor:pointer;padding:27px 0;font-size:14px;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-number{font-size:10px;color:#71806a}.faq-icon{width:16px;height:16px;margin-left:auto;position:relative;flex-shrink:0}.faq-icon:before,.faq-icon:after{content:'';position:absolute;top:7px;left:1px;width:14px;height:1px;background:var(--green)}.faq-icon:after{transform:rotate(90deg);transition:transform .2s}details[open] .faq-icon:after{transform:rotate(0)}.faq-items details>p{font-size:13px;line-height:1.8;color:#5b6d57;margin:0 34px 25px}.faq-items summary:hover{color:#70805c}footer{background:#203d36;color:#f0f2e6;padding:48px 64px 24px}.footer-top{display:flex;align-items:center;gap:80px;padding-bottom:42px}.footer-wordmark{font-size:132px;letter-spacing:-10px}.footer-wordmark .wordmark-dot{color:#b8c79b}.footer-message{display:flex;align-items:center;gap:25px}.footer-message svg{width:32px;height:32px;color:#b8c79b}.footer-message p{font-family:Georgia,serif;font-size:22px;line-height:1.4}.back-top{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:16px}.back-top .arrow{transform:rotate(-90deg)}.footer-bottom{border-top:1px solid #617267;padding-top:23px;display:flex;justify-content:space-between;font-size:10px;color:#c6d0c1;gap:20px;line-height:1.7}@keyframes reveal{from{opacity:.35}to{opacity:1}}
@media(min-width:1600px){.hero{height:740px}.hero-content{top:150px}h1{font-size:136px}.section-shell{max-width:1600px;margin:0 auto}.story{max-width:1552px;margin:0 auto}}
@media(max-width:1100px){.header{padding:0 32px;gap:32px}.header-description{font-size:8px}.section-shell{padding:80px 44px}.hero-content{left:44px}.qualities{padding:0 24px}.qualities>div{gap:15px}.flavor-options{gap:12px}.flavor-option img{width:64px;height:108px}.option-copy{margin-left:10px}.option-name{font-size:21px}.option-character{font-size:9px}.selection-indicator{margin-right:12px;width:20px;height:20px}.detail-copy{padding:32px}.detail-copy h3{font-size:48px}.story-copy{padding:48px 40px}.story h2{font-size:56px}.faq{gap:36px}.faq h2{font-size:48px}.footer-top{gap:50px}}
@media(max-width:700px){html{scroll-padding-top:82px}.header{height:74px;padding:0 22px;gap:0}.wordmark{font-size:43px;letter-spacing:-3px}.header-description{display:none}.header nav{gap:23px;font-size:10px}.header nav a{padding:14px 0}.hero{margin:0 12px;height:620px}.hero-image{object-position:54% center}.hero-shade{background:linear-gradient(90deg,rgba(9,32,33,.28),transparent),linear-gradient(0deg,rgba(7,29,29,.65),rgba(7,29,29,.04))}.hero-top{top:24px;left:24px;right:24px}.hero-top .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-season{display:none}.hero-content{left:25px;top:163px;right:20px}h1{font-size:82px;letter-spacing:-4px;line-height:.93}.hero-content p{font-size:13px;line-height:1.75;margin-top:24px}.primary-button{padding:15px 18px;margin-top:25px;width:207px;font-size:11px}.hero-bottom{left:25px;right:24px;bottom:25px;font-size:7px;letter-spacing:1.1px}.hero-bottom-right{display:none}.north-mark{right:0;bottom:0;gap:5px}.north-mark svg{width:36px;height:36px}.north-mark span{font-size:8px}.qualities{height:94px;padding:16px 5px 19px;margin:0 20px;flex-direction:column;gap:15px;justify-content:center}.qualities>span{font-size:15px}.qualities .quality-end{display:none}.qualities>div{font-size:8px;letter-spacing:.9px;gap:14px}.qualities svg{width:11px;height:11px}.section-shell{padding:65px 24px}.section-heading{display:block;margin-bottom:30px}.section-label{font-size:9px;letter-spacing:1.6px;margin-bottom:20px}h2{font-size:46px;letter-spacing:-1.9px}.section-intro{font-size:12px;line-height:1.8;margin:22px 0 0}.desktop-break{display:none}.flavor-options{gap:8px;margin-bottom:14px}.flavor-option{flex-direction:column;text-align:center;position:relative;padding-bottom:12px}.flavor-option img{width:100%;height:115px;object-fit:contain}.option-copy{margin:0;padding:7px 3px 0;gap:5px;align-items:center}.option-number{font-size:8px}.option-name{font-size:15px;letter-spacing:-.4px;white-space:nowrap}.option-character{display:none}.selection-indicator{margin:10px auto 0;width:19px;height:19px;font-size:10px}.flavor-detail{grid-template-columns:1fr}.detail-photo>img{height:360px}.photo-label{font-size:8px;left:20px;bottom:18px}.detail-copy{padding:27px 26px 30px}.detail-top .eyebrow{font-size:9px;letter-spacing:1.4px}.detail-top svg{width:28px;height:28px}.detail-character{margin-top:25px;font-size:10px}.detail-copy h3{font-size:45px;margin:10px 0 18px;letter-spacing:-2px}.tasting-note{font-size:13px;line-height:1.8}.botanical-block{margin-top:24px;padding-top:20px}.botanical-block ul{font-size:11px}.botanical-block li+li:before{padding:0 8px}.detail-footnote{font-size:9px;padding-top:28px}.story{margin:0 12px;grid-template-columns:1fr}.story-copy{padding:43px 26px 42px}.story h2{font-size:48px}.story-star{margin:24px 0;width:28px;height:28px}.story-copy>p:not(.section-label){font-size:13px;line-height:1.8}.story-signoff{font-size:20px;margin-top:26px}.story-photo{min-height:410px}.story-photo>span{font-size:8px;left:26px;bottom:24px}.faq{grid-template-columns:1fr;gap:35px;padding-top:65px;padding-bottom:65px}.faq h2{font-size:44px}.faq-intro{font-size:12px;margin-top:20px}.faq-items summary{font-size:12px;gap:17px;padding:24px 0}.faq-number{font-size:9px}.faq-items details>p{font-size:12px;margin-left:29px;margin-right:15px}footer{padding:36px 24px 25px}.footer-top{flex-wrap:wrap;gap:27px 24px;padding-bottom:30px;justify-content:space-between}.footer-wordmark{font-size:91px;letter-spacing:-6px}.footer-message{gap:0}.footer-message svg{display:none}.footer-message p{font-size:15px;line-height:1.5}.back-top{margin:0;font-size:10px;gap:12px}.back-top .arrow{width:18px;height:18px}.footer-bottom{flex-direction:column;gap:13px;font-size:9px;padding-top:24px}}
@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.