/* DEWEYYE — visual layout reproduced from the supplied kraft-paper collage references. */
:root{--black:#020202;--white:#fff;--margin-gap:0.7vw;--nav-offset:6.65vw}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{margin:0;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;min-width:320px}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #0786f9;outline-offset:3px}.brand-bar{height:5vw;min-height:41px;background:var(--black);display:flex;align-items:center;justify-content:center}.brand-bar a{color:#fff;font:900 clamp(23px,2.7vw,45px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.045em}.paper-hero{height:20.7vw;min-height:172px;background:#b87948 url('./images/home/hero-torn-hq.webp') center 40% / cover no-repeat}.floating-nav{position:fixed;z-index:50;top:var(--nav-offset);left:1.5vw;display:flex;flex-direction:column;align-items:flex-start;transform:translate3d(var(--shift-x,0px),var(--shift-y,0px),0);will-change:transform;color:#fff;transition:color .18s ease,top .2s ease}.floating-nav a{font-size:3.5vw;font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1.035;letter-spacing:-.045em;white-space:nowrap;display:block}.floating-nav a:hover,.floating-nav a:focus-visible{opacity:.7}.is-scrolled .floating-nav{top:12px;color:#000}.corrugated{height:3.05vw;min-height:22px;background:transparent url('./images/corrugated-strip.webp') center / 100% 100% no-repeat}.home-main{position:relative;min-height:0}.gallery{width:75%;margin-left:25%;padding:4.05vw 0 0}.gallery-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--margin-gap);margin-bottom:1.1vw}.gallery-row:last-child{margin-bottom:0}.art-card{position:relative;display:block;overflow:hidden;aspect-ratio:.78;background:#b78559}.row-middle .art-card{aspect-ratio:.825}.art-card img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;display:block}.art-card .art-hover{opacity:0;transition:opacity .2s ease}.article-card:hover .art-hover,.article-card:focus-visible .art-hover{opacity:1}.article-card:hover .card-caption,.article-card:focus-visible .card-caption{opacity:0}.article-card:focus-visible{outline-offset:1px}.card-caption{position:absolute;z-index:2;color:white;left:0;right:0;bottom:4%;text-align:center;font:700 clamp(10px,1.9vw,26px)/1.1 'Courier New',Courier,monospace;letter-spacing:-.065em;text-shadow:0px 1px 2px #331a0a33;transition:opacity .12s ease}.wide-tape{grid-column:span 2;display:flex;align-items:center;justify-content:center}.wide-tape img{width:100%;height:74%;object-fit:cover;object-position:center}.side-tape{position:absolute;z-index:3;pointer-events:none;left:4.5%;top:46.5vw;width:13.5%;height:auto;mix-blend-mode:multiply}.below-gallery{height:7.3vw;min-height:54px}.bottom-strip{position:relative;z-index:5}.art-footer{height:6.5vw;min-height:54px;position:relative}.blue-diamond{width:3vw;height:3vw;max-width:36px;max-height:36px;min-width:20px;min-height:20px;background:#0788ff;position:absolute;left:50%;top:17px;transform:translateX(-50%) rotate(45deg);border-radius:2px}.secondary-main{min-height:72vh;display:grid;grid-template-columns:25% 75%;padding:4.4vw 0 7vw}.secondary-panel{grid-column:2;min-height:480px;position:relative;padding:1vw 5vw 4vw 1vw}.secondary-count,.paper-note,.return-arrow{font-family:'Courier New',Courier,monospace;font-weight:700;font-size:clamp(10px,1.1vw,17px);letter-spacing:.05em}.secondary-panel h1{margin:20px 0 40px;font-weight:900;font-size:clamp(55px,10vw,165px);line-height:1;letter-spacing:-.08em}.tiny-dot{color:#c27b49}.coming-stamp,.unfinished-stamp{font-family:'Courier New',Courier,monospace;font-weight:800;font-size:clamp(22px,3.9vw,66px);border:4px solid #171717;padding:13px 18px;display:inline-block;transform:rotate(-3deg);line-height:1.06}.secondary-panel p{font:700 clamp(13px,1.25vw,20px)/1.5 'Courier New',monospace;margin:58px 0 0;color:#333}.secondary-art{grid-column:2;height:15vw;margin:0 3vw 0 1vw;background:url('./images/home/manifesto-tape-hq.webp') center/contain no-repeat}.article-main{display:grid;grid-template-columns:25% minmax(0,1fr);padding-top:4vw;padding-bottom:7vw;min-height:73vh}.article-image{position:absolute;width:14vw;height:19vw;background-size:cover;background-position:center;left:3vw;top:calc(5vw + 20.7vw + 3.05vw + 6vw)}.article-paper{grid-column:2;max-width:1100px;padding:0 5vw 4vw 1vw}.return-arrow{display:block;margin-bottom:70px;text-decoration:underline}.paper-note{display:block;margin-bottom:32px}.article-paper h1{font-size:clamp(46px,7.3vw,112px);font-weight:900;letter-spacing:-.07em;line-height:1.03;margin:0 0 70px}.unfinished-stamp{font-size:clamp(19px,2.3vw,44px)}.article-paper p{font-size:17px;margin:45px 0 34px}.back-to-writing{font:900 14px 'Courier New',monospace;text-decoration:underline}
@media(min-width:1800px){.floating-nav a{font-size:62px}.floating-nav{top:125px}.is-scrolled .floating-nav{top:12px}}
@media(max-width:650px){:root{--margin-gap:5px}.brand-bar{height:42px}.brand-bar a{font-size:24px}.paper-hero{height:177px}.floating-nav{top:57px;left:13px}.floating-nav a{font-size:26px}.corrugated{height:23px}.gallery{width:78%;margin-left:22%;padding-top:30px}.gallery-row{margin-bottom:7px}.art-card{aspect-ratio:.78}.row-middle .art-card{aspect-ratio:.825}.card-caption{font-size:clamp(8px,1.7vw,12px)}.side-tape{left:4%;top:230px;width:13%}.below-gallery{height:45px}.art-footer{height:65px}.blue-diamond{top:13px;width:22px;height:22px}.secondary-main{grid-template-columns:23% 77%;padding-top:35px}.secondary-panel{min-height:380px}.secondary-panel h1{font-size:clamp(35px,10vw,70px)}.secondary-panel p{font-size:12px}.coming-stamp{border-width:2px;font-size:19px}.article-main{grid-template-columns:20% 80%}.article-image{width:15%;height:170px;top:285px}.return-arrow{margin-bottom:45px}.article-paper h1{font-size:clamp(31px,7vw,58px);margin-bottom:50px}.article-paper p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.floating-nav,.art-card .art-hover,.card-caption{transition:none}}