html,body{overflow-x:clip}body:has(.mockup-home){background:var(--paper) url(/paper/paper-texture.png) repeat;background-size:600px}.site-shell:has(.mockup-home){background:var(--paper) url(/paper/paper-texture.png) repeat;background-blend-mode:normal;background-size:600px;width:100%;max-width:2560px;margin-inline:auto;overflow-x:clip;container-type:inline-size}.mockup-home{--mock-gutter:max(calc(5.6 * var(--u)), calc((100% - 1200px) / 2));--hero-origin:56%;--hero-angle:45deg;--boat-origin:65%;--kyn-origin:43%;--kyn-angle:48deg;position:relative;overflow-x:clip;container-type:inline-size}.mockup-home section{isolation:isolate;position:relative}.responsive-artwork{width:100%;height:100%;display:block}.responsive-artwork>img{object-fit:cover;width:100%;height:100%;display:block}.torn-seam{width:110vw;max-width:none;height:calc(7 * var(--u));z-index:5;object-fit:fill;pointer-events:none;filter:drop-shadow(0 6px 10px #171b192e);min-height:60px;max-height:160px;position:absolute;left:-5vw;transform:rotate(.7deg)}.torn-seam-flipped{transform:scaleX(-1)rotate(-1.1deg)}.mockup-band-top{top:calc(-2.8 * var(--u))}.mockup-band-bottom{top:auto;bottom:calc(-2.8 * var(--u));transform:rotate(-.8deg)}.torn-seam-flipped.mockup-band-bottom{transform:scaleX(-1)rotate(1deg)}.site-shell:has(.mockup-home) .mockup-header{z-index:30;top:calc(1.8 * var(--u));left:var(--mock-header-left,max(calc(5.6 * var(--u)), calc((100% - 1200px) / 2)));max-width:none;height:auto;margin:0;padding:0;position:absolute}.mockup-header .header-logo{display:none}.mockup-header .desktop-nav{gap:calc(4.7 * var(--u));font-size:clamp(14px, calc(1.65 * var(--u)), 30px);font-weight:700}.mockup-header .desktop-nav>a{padding:8px 0;position:relative}.mockup-header .nav-active:after{background:var(--mint);height:3px;display:block;bottom:0}.mockup-header .button{font-size:clamp(18px, calc(1.95 * var(--u)), 30px);padding:calc(.85 * var(--u)) calc(2.4 * var(--u));color:var(--paper);min-height:44px;font-weight:700}.mockup-hero{height:calc(50.6944 * var(--u));z-index:6;overflow:hidden}.mockup-hero-art{z-index:0;position:absolute;inset:0}.mockup-hero-art img{object-position:65% center}.mockup-hero-paper{top:0;right:calc(100% - var(--hero-origin));background:var(--paper) url(/paper/paper-texture.png) repeat;transform-origin:100% 0;width:120%;height:240%;transform:rotate(var(--hero-angle));z-index:1;background-size:600px;position:absolute}.mockup-hero-diagonal{left:var(--hero-origin);top:calc(-3.5 * var(--u));width:110vw;height:calc(7 * var(--u));transform-origin:0;min-height:0;max-height:none;transform:rotate(calc(90deg + var(--hero-angle)));z-index:2}.mockup-hero-ground{transform-origin:50% 0;background:var(--paper) url(/paper/paper-texture.png) repeat;z-index:2;background-size:600px;width:120%;height:65%;position:absolute;top:74%;left:-10%;transform:rotate(-6deg)}.mockup-hero-ground-edge{top:calc(74% - calc(3.5 * var(--u)));z-index:3;transform:scaleX(-1)rotate(-6deg)}.mockup-hero-copy{z-index:12;left:var(--mock-gutter);top:calc(9.2 * var(--u));position:absolute}.mockup-hero-logo{width:calc(31 * var(--u));max-width:440px;height:auto}.mockup-hero-copy h1{font-family:var(--font-dm-sans);font-size:clamp(16px, calc(2.05 * var(--u)), 32px);letter-spacing:-.02em;border-left:3px solid var(--mint);padding-left:calc(2.2 * var(--u));margin:calc(3 * var(--u)) 0 calc(2 * var(--u));max-width:27ch;font-weight:600;line-height:1.18}.mockup-hero-copy .button{font-size:clamp(18px, calc(2 * var(--u)), 30px);padding:calc(1 * var(--u)) calc(2.4 * var(--u));gap:calc(1 * var(--u));color:var(--paper);margin-left:calc(-1 * var(--u));min-height:44px;font-weight:700;line-height:1.15}.mockup-sketchbook,.mockup-polaroid,.mockup-pencil,.mockup-clip{pointer-events:none;height:auto;position:absolute}.mockup-sketchbook{width:calc(47 * var(--u));z-index:8;top:53%;left:18%;transform:rotate(-3deg)}.mockup-polaroid{width:calc(22 * var(--u));z-index:9;top:54%;right:7%;transform:rotate(2deg)}.mockup-pencil{width:calc(22 * var(--u));z-index:10;top:84%;left:55%;transform:rotate(-9deg)}.mockup-clip{width:calc(8 * var(--u));z-index:7;top:74%;left:10.5%;transform:rotate(-11deg)}.mockup-sketchbook img,.mockup-polaroid img,.mockup-pencil img,.mockup-clip img{object-fit:contain;height:auto}.mockup-band{overflow:visible}.mockup-boat{height:calc(27.7778 * var(--u));margin-top:calc(-2.8 * var(--u));z-index:5;background:var(--paper) url(/paper/paper-texture.png) repeat;background-size:600px}.mockup-boat-art{width:69%;position:absolute;inset:0 auto 0 0;overflow:hidden}.mockup-boat-art img{object-position:35% center}.mockup-boat-paper{left:var(--boat-origin);background:var(--paper) url(/paper/paper-texture.png) repeat;transform-origin:0 0;z-index:1;background-size:600px;width:100%;height:180%;position:absolute;top:-15%;transform:rotate(8deg)}.mockup-boat-side{left:var(--boat-origin);top:calc(-15% - calc(3.5 * var(--u)));transform-origin:0;z-index:2;transform:scaleX(-1)rotate(98deg)}.mockup-product-copy{z-index:8;position:absolute}.mockup-boat .mockup-product-copy{left:66%;right:var(--mock-gutter);top:calc(6.2 * var(--u))}.mockup-category{font-family:var(--font-dm-sans);color:var(--mint-dark);font-size:clamp(14px, calc(1.7 * var(--u)), 30px);text-transform:uppercase;letter-spacing:.07em;margin:0 0 calc(.5 * var(--u)) calc(1.5 * var(--u));font-weight:900;line-height:1.2}.mockup-product-copy h2{font-family:var(--font-dm-sans);font-size:clamp(34px, calc(4.9 * var(--u)), 76px);letter-spacing:-.035em;margin:0 0 calc(2.6 * var(--u));white-space:nowrap;font-style:italic;font-weight:900;line-height:1.12}.mockup-swash{width:fit-content;position:relative}.mockup-swash:after{content:"";left:5%;bottom:calc(-1.1 * var(--u));width:68%;height:calc(.9 * var(--u));border-top:calc(.45 * var(--u)) solid var(--mint);border-radius:65% 45% 0 0;position:absolute;transform:rotate(-3deg)}.mockup-product-copy>p:not(.mockup-category),.mockup-boat-caption>p{font-size:clamp(16px, calc(1.9 * var(--u)), 29px);letter-spacing:-.025em;line-height:1.3}.mockup-boat-caption{align-items:center;gap:calc(1.6 * var(--u));white-space:nowrap;display:flex}.mockup-arrow{width:calc(4.3 * var(--u));height:calc(4.3 * var(--u));border:2px solid var(--ink);min-width:44px;min-height:44px;font-size:clamp(28px, calc(2.8 * var(--u)), 52px);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:400;line-height:1;display:flex}.mockup-arrow:hover{background:var(--ink);color:var(--paper)}.mockup-kynspace{height:calc(31.25 * var(--u));margin-top:calc(-3.1 * var(--u));z-index:7;background:var(--paper) url(/paper/paper-texture.png) repeat;background-size:600px}.mockup-kynspace-art{position:absolute;inset:0 0 0 9%;overflow:hidden}.mockup-kynspace-art img{object-position:50% center}.mockup-kynspace-paper{top:0;right:calc(100% - var(--kyn-origin));background:var(--paper) url(/paper/paper-texture.png) repeat;transform-origin:100% 0;width:120%;height:200%;transform:rotate(var(--kyn-angle));z-index:1;background-size:600px;position:absolute}.mockup-kynspace-side{left:var(--kyn-origin);top:calc(-3.5 * var(--u));transform-origin:0;transform:rotate(calc(90deg + var(--kyn-angle)));z-index:2}.mockup-kynspace .mockup-product-copy{left:var(--mock-gutter);top:calc(6.4 * var(--u))}.mockup-kynspace .mockup-arrow{margin-top:calc(1.2 * var(--u))}.mockup-phone{z-index:10;width:calc(22 * var(--u));height:auto;right:9%;top:calc(-2.5 * var(--u));filter:drop-shadow(6px 12px 10px #171b1929);position:absolute}.mockup-phone img{object-fit:contain;height:auto}.mockup-principles{height:calc(18.75 * var(--u));margin-top:calc(-2.4 * var(--u));z-index:9;align-items:center;gap:calc(1.5 * var(--u));padding:calc(1.8 * var(--u)) calc(4.5 * var(--u)) calc(2.2 * var(--u));background:var(--paper) url(/paper/paper-texture.png) repeat;background-size:600px;grid-template-columns:24% 1fr;display:grid}.mockup-principles>h2{font-family:var(--font-dm-sans);font-size:calc(4.4 * var(--u));letter-spacing:-.05em;white-space:nowrap;border-left:calc(.27 * var(--u)) solid var(--mint);padding-left:calc(1.9 * var(--u));font-weight:900;line-height:.96}.mockup-notes{gap:calc(1.35 * var(--u));grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;display:grid}.mockup-note{isolation:isolate;aspect-ratio:1.05;justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(-6deg)}.mockup-note-paper{z-index:-1;filter:drop-shadow(0 6px 5px #171b1929);width:106%;height:106%;position:absolute;inset:-3%}.mockup-note-paper img{object-fit:fill}.mockup-note-2{transform:rotate(-1deg)}.mockup-note-3{transform:rotate(2deg)}.mockup-note-4{transform:rotate(5deg)}.mockup-note h3{font-family:var(--font-hand);font-size:calc(3 * var(--u));letter-spacing:-.025em;text-align:center;padding-top:calc(.7 * var(--u));font-weight:600;line-height:.9;position:relative}.mockup-note h3:after{content:"";bottom:calc(-1.15 * var(--u));width:88%;height:calc(.8 * var(--u));border-top:calc(.4 * var(--u)) solid var(--mint);border-radius:75% 20% 0 0;position:absolute;left:8%;transform:rotate(-6deg)}.mockup-fastener{z-index:3;height:auto;position:absolute}.mockup-fastener img{object-fit:contain;height:auto}.mockup-pin{filter:drop-shadow(1px 3px 2px #171b1933);width:18%;top:-12%;left:43%;transform:rotate(10deg)}.mockup-tape{width:42%;top:-8%;left:27%;transform:rotate(-4deg)}@media (min-width:1800px){.mockup-home{--hero-angle:35deg;--boat-origin:58%;--kyn-angle:35deg;--kyn-origin:45%}.mockup-boat .mockup-product-copy{left:calc(50% + 140px)}.mockup-product-copy h2{font-size:72px}.mockup-category{font-size:24px}.mockup-kynspace .mockup-product-copy{top:calc(5.4 * var(--u))}}@media (min-width:2400px){.mockup-home{--hero-angle:28deg;--boat-origin:55%;--kyn-angle:28deg;--kyn-origin:47%}}@media (min-width:768px) and (max-width:1050px){.mockup-header .desktop-nav{gap:32px}.mockup-header .button{padding:10px 20px}.mockup-hero-copy h1{margin-block:calc(2.7 * var(--u)) calc(1.8 * var(--u))}.mockup-boat-caption{white-space:normal;gap:12px}.mockup-boat .mockup-product-copy{right:4%}.mockup-principles>h2{font-size:calc(4.2 * var(--u))}}@media (max-width:767px){.site-shell:has(.mockup-home) .mockup-header{z-index:30;justify-content:space-between;align-items:center;max-width:none;height:88px;padding:0 24px;display:flex;position:relative;inset:auto}.mockup-header .header-logo{width:130px;display:block}.mockup-header .desktop-nav{display:none}.mockup-header .menu-toggle{display:flex}.mockup-hero{background:var(--paper) url(/paper/paper-texture.png) repeat;background-size:600px;flex-direction:column;height:auto;padding-bottom:90px;display:flex;overflow:hidden}.mockup-hero-art{order:1;width:100%;height:530px;position:relative;inset:auto}.mockup-hero-art img{object-position:65% center}.mockup-hero-paper,.mockup-hero-diagonal,.mockup-hero-ground,.mockup-hero-ground-edge{display:none}.mockup-hero-copy{z-index:12;order:0;padding:35px 24px 55px;position:relative;inset:auto}.mockup-hero-logo{display:none}.mockup-hero-copy h1{border-left-width:3px;max-width:27ch;margin:0 0 28px;padding-left:17px;font-size:23px;line-height:1.2}.mockup-hero-copy .button{color:var(--ink);gap:12px;margin:0;padding:13px 23px;font-size:19px;line-height:1.2}.mockup-sketchbook{z-index:9;width:80%;top:auto;bottom:8px;left:10%;transform:rotate(-3deg)}.mockup-polaroid,.mockup-pencil,.mockup-clip{display:none}.mockup-band{background:var(--paper) url(/paper/paper-texture.png) repeat;background-size:600px;flex-direction:column;height:auto;margin-top:-30px;padding-bottom:20px;display:flex;overflow:visible}.mockup-boat-art,.mockup-kynspace-art{order:0;width:100%;height:470px;position:relative;inset:auto;overflow:hidden}.mockup-boat-art img{object-position:35% center}.mockup-kynspace-art img{object-position:50% center}.mockup-boat-paper,.mockup-boat-side,.mockup-kynspace-paper,.mockup-kynspace-side{display:none}.mockup-product-copy,.mockup-boat .mockup-product-copy,.mockup-kynspace .mockup-product-copy{z-index:8;order:1;padding:45px 24px;position:relative;inset:auto}.mockup-category{margin:0 0 8px 8px;font-size:16px;line-height:1.2}.mockup-product-copy h2{margin-bottom:28px;font-size:46px;line-height:1.1}.mockup-swash:after{border-top-width:5px;height:10px;bottom:-12px}.mockup-product-copy>p:not(.mockup-category),.mockup-boat-caption>p{font-size:20px;line-height:1.35}.mockup-boat-caption{white-space:normal;justify-content:space-between;gap:16px}.mockup-arrow{border-width:1.5px;width:46px;min-width:46px;height:46px;min-height:46px;font-size:30px}.mockup-kynspace .mockup-arrow{margin-top:18px}.mockup-phone{z-index:10;width:40%;max-width:240px;top:155px;right:5%}.torn-seam{width:110vw;height:70px;min-height:0;max-height:none;left:-5vw}.mockup-band-top{top:-30px}.mockup-band-bottom{bottom:-20px}.mockup-kynspace .mockup-band-top{transform:scaleX(-1)rotate(-.6deg)}.mockup-principles{z-index:12;height:auto;margin-top:-15px;padding:45px 24px 65px;display:block}.mockup-principles>h2{letter-spacing:-.045em;border-left:3px solid var(--mint);white-space:normal;margin:0 0 45px;padding-left:17px;font-size:43px;line-height:1}.mockup-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}.mockup-note{aspect-ratio:.98}.mockup-note h3{font-size:clamp(29px, calc(7.8 * var(--u)), 45px);padding-top:8px;line-height:.9}.mockup-note h3:after{border-top-width:4px;height:10px;bottom:-13px}.mockup-note-paper{filter:drop-shadow(0 6px 4px #171b1926)}}.mockup-boat-side{transform:rotate(98deg)}.mockup-hero-ground-edge{transform:rotate(-6deg)scaleX(-1)}.mockup-art-crop{z-index:0;position:absolute;inset:0;overflow:hidden}.mockup-hero-diagonal{height:calc(3 * var(--u));top:calc(-1.5 * var(--u))}.mockup-boat-side{height:calc(3 * var(--u));min-height:0;top:calc(-15% - calc(1.5 * var(--u)))}.mockup-kynspace-side{height:calc(3 * var(--u));min-height:0;top:calc(-1.5 * var(--u))}.mockup-hero-ground-edge{height:calc(3 * var(--u));min-height:0;top:calc(74% - calc(1.5 * var(--u)))}.mockup-sketchbook{top:52%;left:17%}@media (max-width:767px){.mockup-art-crop{order:0;width:100%;height:470px;position:relative;inset:auto}.mockup-art-crop .mockup-boat-art,.mockup-art-crop .mockup-kynspace-art{position:absolute;inset:0}.mockup-sketchbook{top:auto;left:10%}}.mockup-band-top,.mockup-band-bottom{height:calc(4.5 * var(--u));min-height:0}.mockup-boat-art img{transform-origin:35%;transform:translate(4%)scale(1.25)}.mockup-kynspace-art img{transform-origin:50% 60%;transform:translate(-3%)scale(1.12)}.mockup-hero-art img{transform-origin:65% 35%;transform:scale(1.12)}.mockup-principles{grid-template-columns:25% 1fr}.mockup-principles>h2{font-size:calc(4.6 * var(--u))}.mockup-note h3{font-size:calc(3.1 * var(--u))}.mockup-note h3:after{border-top-width:calc(.45 * var(--u))}@media (max-width:767px){.mockup-hero-copy .button{color:var(--paper)}.mockup-hero-art img,.mockup-boat-art img,.mockup-kynspace-art img{transform:none}.mockup-band-top,.mockup-band-bottom{height:70px}.mockup-principles{grid-template-columns:none}.mockup-principles>h2{font-size:43px}.mockup-note h3{font-size:clamp(29px, calc(7.8 * var(--u)), 45px)}.mockup-note h3:after{border-top-width:4px}}.mockup-hero{overflow:visible}.mockup-hero-crop{z-index:0;position:absolute;inset:0;overflow:hidden}.mockup-hero-bottom{top:auto;bottom:calc(-2.8 * var(--u));height:calc(4.5 * var(--u));z-index:5;min-height:0;transform:rotate(.7deg)}.mockup-boat .mockup-product-copy{top:calc(8.4 * var(--u))}.mockup-kynspace .mockup-product-copy{top:calc(8.6 * var(--u))}.mockup-home{--kyn-origin:46%;--kyn-angle:44deg}.mockup-principles{padding-top:calc(4 * var(--u));padding-bottom:0}.mockup-principles>h2,.mockup-notes{z-index:10;position:relative}@media (min-width:1800px){.mockup-home{--kyn-origin:45%;--kyn-angle:35deg}.mockup-kynspace .mockup-product-copy{top:calc(6.8 * var(--u))}}@media (min-width:2400px){.mockup-home{--kyn-origin:47%;--kyn-angle:28deg}}@media (max-width:767px){.mockup-hero{overflow:visible}.mockup-hero-crop{order:1;width:100%;height:530px;position:relative;inset:auto}.mockup-hero-crop .mockup-hero-art{width:100%;height:100%;position:absolute;inset:0}.mockup-hero-bottom{height:70px;bottom:-20px}.mockup-boat .mockup-product-copy,.mockup-kynspace .mockup-product-copy{top:auto}.mockup-principles{padding:45px 24px 65px}.mockup-phone{top:auto;bottom:calc(100% - 450px)}}.mockup-hero-diagonal{left:calc(var(--hero-origin) + calc(4 * var(--u)) * tan(var(--hero-angle)));top:calc(-5.5 * var(--u))}@media (min-width:768px){.mockup-kynspace>.mockup-band-top,.mockup-principles>.mockup-band-top{top:calc(-1 * var(--u))}}.mockup-boat>.mockup-band-bottom,.mockup-kynspace>.mockup-band-bottom{display:none}@media (min-width:768px){.mockup-principles{background:0 0}.mockup-principles:before{content:"";inset:calc(3.2 * var(--u)) 0 0;z-index:0;background:var(--paper) url(/paper/paper-texture.png) repeat;background-size:600px;position:absolute}.mockup-principles>.mockup-band-top{top:calc(1.7 * var(--u))}.mockup-principles>h2,.mockup-notes{transform:translateY(calc(1.4 * var(--u)))}.mockup-arrow{min-width:0;min-height:0;position:relative}.mockup-arrow:before{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.mockup-boat-art img{transform-origin:35% 20%}@media (min-width:768px){.mockup-kynspace>.mockup-band-top{top:calc(-2 * var(--u));height:calc(5.6 * var(--u))}.mockup-principles>.mockup-band-top{top:calc(1.2 * var(--u));height:calc(5.6 * var(--u))}.mockup-principles>.mockup-band-bottom{height:calc(5.6 * var(--u))}.mockup-principles>h2{transform:translateY(calc(.2 * var(--u)))}}.site-shell:has(.mockup-home){--u:min(1cqw, 12.8px);--stage-width:calc(100 * var(--u));--stage-left:calc((100% - var(--stage-width)) / 2)}@media (min-width:768px){.mockup-home{--mock-gutter:calc(var(--stage-left) + 5.6 * var(--u));--hero-origin:calc(var(--stage-left) + 56 * var(--u));--hero-angle:45deg;--boat-origin:calc(var(--stage-left) + 65 * var(--u));--kyn-origin:calc(var(--stage-left) + 46 * var(--u));--kyn-angle:44deg}.site-shell:has(.mockup-home) .mockup-header{top:calc(1.8 * var(--u));left:calc(var(--stage-left) + 5.6 * var(--u))}.mockup-header .desktop-nav{font-size:max(15px, calc(1.25 * var(--u)));gap:calc(4.7 * var(--u))}.mockup-header .button{height:max(32px, calc(3.125 * var(--u)));min-height:0;padding:0 calc(1.5625 * var(--u));font-size:15px}.mockup-hero{height:calc(48.4375 * var(--u))}.mockup-boat{height:calc(26.5625 * var(--u));margin-top:0}.mockup-kynspace{height:calc(30.4688 * var(--u));margin-top:0}.mockup-principles{height:calc(18.75 * var(--u));margin-top:0}.mockup-hero-copy{top:calc(9.2 * var(--u));left:var(--mock-gutter)}.mockup-hero-logo{width:calc(23.4375 * var(--u));max-width:none}.mockup-hero-copy h1{font-size:max(15px, calc(1.5625 * var(--u)));padding-left:calc(2.2 * var(--u));margin:calc(3 * var(--u)) 0 calc(2 * var(--u));line-height:1.35}.mockup-hero-copy .button{font-size:max(15px, calc(1.32813 * var(--u)));height:max(44px, calc(3.75 * var(--u)));min-height:0;padding:0 calc(1.71875 * var(--u));gap:calc(var(--u));margin-left:calc(-1 * var(--u))}.mockup-sketchbook{width:calc(47 * var(--u));left:calc(var(--stage-left) + 17 * var(--u));top:52%}.mockup-polaroid{width:calc(22 * var(--u));right:auto;left:calc(var(--stage-left) + 71 * var(--u));top:54%}.mockup-pencil{width:calc(22 * var(--u));left:calc(var(--stage-left) + 55 * var(--u));top:84%}.mockup-clip{width:calc(8 * var(--u));left:calc(var(--stage-left) + 10.5 * var(--u));top:74%}.mockup-boat-art{width:calc(var(--stage-left) + 69 * var(--u))}.mockup-kynspace-art{left:calc(var(--stage-left) + 9 * var(--u))}.mockup-boat .mockup-product-copy{left:calc(var(--stage-left) + 66 * var(--u));width:calc(28.4 * var(--u));right:auto;top:calc(8.4 * var(--u))}.mockup-kynspace .mockup-product-copy{left:var(--mock-gutter);top:calc(8.6 * var(--u))}.mockup-category{font-size:max(13px, calc(1.01563 * var(--u)));letter-spacing:.14em}.mockup-product-copy h2{font-size:calc(4.0625 * var(--u))}.mockup-product-copy>p:not(.mockup-category),.mockup-boat-caption>p{font-size:max(15px, calc(1.48438 * var(--u)))}.mockup-boat-caption{gap:calc(1.6 * var(--u));white-space:nowrap}.mockup-arrow{width:calc(3.4375 * var(--u));height:calc(3.4375 * var(--u));min-width:0;min-height:0;font-size:calc(2.1875 * var(--u))}.mockup-phone{width:calc(22 * var(--u));right:auto;left:calc(var(--stage-left) + 69 * var(--u));top:calc(-2.5 * var(--u))}.mockup-principles{padding:calc(4 * var(--u)) calc(var(--stage-left) + 4.5 * var(--u)) 0;gap:calc(1.5 * var(--u));grid-template-columns:25% 1fr}.mockup-principles>h2{font-size:calc(3.90625 * var(--u))}.mockup-note h3{font-size:max(15px, calc(2.03125 * var(--u)))}}@media (min-width:768px) and (max-width:1279px){.mockup-boat-caption{white-space:normal;gap:12px}}@media (max-width:767px){.mockup-hero-copy h1{font-size:20px;line-height:1.35}.mockup-hero-copy .button{min-height:48px;font-size:17px}.mockup-category{letter-spacing:.14em;font-size:13px}.mockup-product-copy h2,.mockup-principles>h2{font-size:40px}.mockup-product-copy>p:not(.mockup-category),.mockup-boat-caption>p{font-size:19px}.mockup-note h3{font-size:26px}}@media (min-width:1280px){.site-shell:has(.mockup-home){--u:12.8px}}@media (min-width:768px){.mockup-sketchbook img{aspect-ratio:1344/678}.mockup-polaroid img{aspect-ratio:1001/946}.mockup-pencil img{aspect-ratio:1098/502}.mockup-clip img{aspect-ratio:569/596}.mockup-phone img{aspect-ratio:857/1213}.mockup-band-top,.mockup-kynspace>.mockup-band-top,.mockup-principles>.mockup-band-top{top:calc(-2.8 * var(--u));height:calc(5.6 * var(--u));transform:rotate(.5deg)}.mockup-band-bottom,.mockup-principles>.mockup-band-bottom,.mockup-hero-bottom{bottom:calc(-2.8 * var(--u));height:calc(5.6 * var(--u));transform:rotate(.5deg)}.torn-seam-flipped.mockup-band-top,.torn-seam-flipped.mockup-band-bottom,.mockup-kynspace>.mockup-band-top{transform:scaleX(-1)rotate(-.5deg)}}@media (min-width:768px) and (max-width:1279px){.mockup-header .button{height:calc(3.125 * var(--u))}.mockup-hero-copy .button{height:calc(3.75 * var(--u))}.mockup-header .button,.mockup-hero-copy .button{position:relative}.mockup-header .button:before,.mockup-hero-copy .button:before{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.mockup-hero-paper,.mockup-hero-ground,.mockup-boat,.mockup-boat-paper,.mockup-kynspace,.mockup-kynspace-paper,.mockup-principles,.mockup-principles:before{background-color:#f3f0e8;background-image:url(/paper/paper-texture.png);background-size:600px;background-attachment:fixed}body:has(.mockup-home){background-color:#f3f0e8;background-image:url(/paper/paper-texture.png);background-size:600px;background-attachment:fixed}.site-shell:has(.mockup-home){background-color:#f3f0e8;background-image:url(/paper/paper-texture.png);background-size:600px;background-attachment:fixed}.tear{filter:drop-shadow(0 var(--tear-shadow-y,4px) 6px #171b1933)}@media (min-width:768px){.mockup-hero-diagonal{height:calc(6.25 * var(--u));top:calc(-7.125 * var(--u));--tear-shadow-y:-4px}.mockup-hero-ground-edge{height:calc(6.25 * var(--u));top:calc(74% - 3.125 * var(--u));--tear-shadow-y:-4px}.mockup-boat-side{height:calc(6.25 * var(--u));top:calc(-15% - 3.125 * var(--u))}.mockup-kynspace-side{height:calc(6.25 * var(--u));top:calc(-3.125 * var(--u));--tear-shadow-y:-4px}.mockup-band-top,.mockup-kynspace>.mockup-band-top,.mockup-principles>.mockup-band-top{top:calc(-3.125 * var(--u));height:calc(6.25 * var(--u))}.mockup-band-bottom,.mockup-principles>.mockup-band-bottom,.mockup-hero-bottom{bottom:calc(-3.125 * var(--u));height:calc(6.25 * var(--u));--tear-shadow-y:-4px}.mockup-hero-bottom{--tear-shadow-y:4px}.mockup-principles{height:calc(31.25 * var(--u));padding:calc(7.5 * var(--u)) calc(var(--stage-left) + 4.5 * var(--u));grid-template-columns:minmax(0, 1fr) calc(70 * var(--u))}.mockup-principles:before{inset:0}.mockup-principles>h2,.mockup-notes{transform:none}.mockup-notes{gap:calc(2.5 * var(--u))}.mockup-fastener{top:calc(-1.09375 * var(--u))}.mockup-principles>.mockup-band-bottom{display:none}}.mobile-art-top,.mobile-art-bottom{display:none}@media (max-width:767px){.mobile-art-top,.mobile-art-bottom{height:70px;display:block;transform:none}.mobile-art-top{top:-35px}.mobile-art-bottom{--tear-shadow-y:-4px;bottom:-35px}}