/* A continuous journey through sky, meadow, paper, home and earth. */
:root{--tear:polygon(0 6%,2% 12%,4% 4%,6% 14%,8% 8%,10% 18%,13% 7%,15% 12%,18% 4%,20% 16%,23% 9%,26% 19%,29% 8%,32% 12%,35% 3%,38% 14%,41% 7%,44% 17%,47% 10%,50% 4%,53% 14%,56% 8%,59% 18%,62% 6%,65% 12%,68% 4%,71% 16%,74% 8%,77% 13%,80% 5%,83% 17%,86% 9%,89% 15%,92% 5%,95% 12%,98% 6%,100% 14%,100% 100%,0 100%)}
body{background:#f7f3e9}
.purpose.wrap{width:100%;max-width:none;padding:120px 6% 35px;background:linear-gradient(180deg,#006ac522,transparent 75%),url('assets/bg-meadow.png') center bottom/cover no-repeat;color:#fff;position:relative;min-height:930px;gap:35px}
.purpose-copy h2,.purpose-copy>p,.purpose .section-label,.purpose-note p{color:#fff;text-shadow:0 2px 14px #16486540}
.purpose-note .serif{color:#fff3c7}.purpose .tiny-line{background:#fff3c7}
.dog-runway{border:0;margin-top:65px;height:245px}.dog-runway>p{color:white;text-shadow:0 2px 15px #244c2a80;top:0}.dog-runway>p span{color:#fff5c5}.runway-caption{color:#fff;text-shadow:0 2px 8px #214d21}.runner-position{bottom:20px}
.product-section{border-radius:0;background:#faf7ed;overflow:visible;padding-bottom:115px;z-index:2;box-shadow:none}
.product-section:before,.about:before{content:"";position:absolute;left:0;right:0;top:-30px;height:40px;background:#faf7ed;clip-path:var(--tear);pointer-events:none}
.product-section:after,.about:after,.contact:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.32 .65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23897859' filter='url(%23p)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.services{padding-top:110px;padding-bottom:0;background:linear-gradient(#092f2cc4,#092f2c8c 75%,#092f2ccc),url('assets/bg-room.png') center top/auto 1300px no-repeat,#15392f;overflow:hidden}
.services:before{display:block;inset:0 0 auto;height:26px;background:#faf7ed;filter:none;clip-path:var(--tear);transform:rotate(180deg);z-index:1}.services-top>p{color:#fff}.services-top h2{color:#fff}.photo-stack{height:760px}.scatter-message p{color:#fff;text-shadow:0 3px 20px #001a16}.scatter-message .eyebrow{color:#fff1d7}.photo-story-footer{color:#fff}.photo-story{padding-bottom:65px}
.service-layout{gap:0}.service-layout .service-list{position:relative;isolation:isolate;padding:90px 0 110px;color:#fff6e7}
.service-list:before{content:"";position:absolute;z-index:-1;left:50%;top:-35px;bottom:0;width:100vw;transform:translateX(-50%);background:linear-gradient(#24120791,#241207c4),url('assets/bg-earth.png') center/1000px auto;clip-path:polygon(0 8px,3% 14px,6% 5px,9% 12px,13% 7px,17% 13px,21% 5px,26% 11px,31% 4px,36% 12px,41% 6px,46% 14px,51% 5px,56% 13px,61% 6px,66% 12px,71% 3px,76% 10px,81% 5px,86% 12px,91% 6px,96% 14px,100% 5px,100% 100%,0 100%)}
.service-detail,.service-title small,.service-number{color:#f4e7cf}.service-tags>span{background:#25170a38;border-color:#f6d6a366}
.about.wrap{position:relative;width:100%;max-width:none;padding:120px 6%;background:#faf7ed}.about:before{z-index:1}.about>*{position:relative;z-index:2}
.contact{position:relative;background:linear-gradient(110deg,#edce9b,#f9e4b9);box-shadow:none;border-top:1px solid #ccb18560}.contact-inner{position:relative;z-index:2}
.footer{background:linear-gradient(#10352fdd,#0c2925ed),url('assets/bg-room.png') center bottom/cover}
@media(min-width:1700px){.purpose.wrap,.about.wrap{padding-inline:calc((100vw - 1450px)/2)}.services{background-size:auto,cover}}
@media(max-width:760px){.purpose.wrap{padding:75px 6% 25px;min-height:1020px;background-position:58% bottom; background-size:auto 100%}.purpose-copy h2{font-size:1.85rem}.purpose-copy>p{font-size:1rem}.dog-runway{margin-top:105px;height:220px}.dog-runway>p{font-size:1.4rem}.runner-position{bottom:15px}.product-section{padding-bottom:85px}.product-section:before,.about:before{top:-20px;height:30px}.services{padding-top:80px;background-size:auto,auto 1200px;background-position:center top,45% top}.photo-stack{height:640px}.photo-story{padding-bottom:65px}.service-layout .service-list{padding:65px 0 85px}.about.wrap{padding:80px 6%}.service-list:before{background-size:auto,700px auto}.contact{padding-block:65px}}
@media(max-width:760px){.purpose-copy h2{font-size:clamp(1.5rem,6.4vw,1.85rem);letter-spacing:0}.services:before{opacity:1}}
/* Photographic silhouettes: blades and roots, not geometric zigzags. */
.purpose:before{content:"";position:absolute;left:0;right:0;top:-137px;height:190px;background:url('assets/edge-grass.png') center/100% 100% no-repeat;z-index:5;pointer-events:none}
.product-section:before{top:-70px;height:90px;clip-path:none;background:#faf7ed;mask:url('assets/paper-edge.svg') center/100% 100% no-repeat}
.services:before{display:block;inset:-137px 0 auto;height:190px;background:url('assets/edge-grass.png') center/100% 100% no-repeat;filter:none;clip-path:none;transform:none;z-index:5;opacity:1}
.services{overflow:clip;overflow-clip-margin:145px}
.service-list:before{clip-path:none;top:0}
.service-list:after{content:"";position:absolute;left:50%;top:-74px;width:100vw;height:150px;transform:translateX(-50%) rotate(180deg);background:linear-gradient(#24120791,#241207c4),url('assets/bg-earth.png') center/1000px auto;mask:url('assets/edge-soil.png') center/100% 100% no-repeat;z-index:-1;pointer-events:none}
.about:before{top:-45px;height:145px;clip-path:none;background:linear-gradient(#24120791,#241207c4),url('assets/bg-earth.png') center/1000px auto;mask:url('assets/edge-soil.png') center/100% 100% no-repeat;z-index:3}
@media(max-width:760px){.purpose:before,.services:before{height:135px;top:-96px;background-size:800px 135px;background-repeat:repeat-x}.services{overflow-clip-margin:100px}.product-section:before{top:-47px;height:60px;mask-size:800px 100%;mask-repeat:repeat-x}.about:before{top:-32px;height:95px;mask-size:800px 100%;mask-repeat:repeat-x}.service-list:after{top:-49px;height:100px;mask-size:800px 100%;mask-repeat:repeat-x}.service-list:before,.service-list:after,.about:before{background-size:auto,700px auto}}
body{overflow-x:clip}.hero-bottom{bottom:90px;z-index:6}@media(max-width:760px){.hero-bottom{bottom:65px}.hero-label{top:73%}}

/* Readable meadow copy and separate space for each product detail. */
.purpose.wrap{background-image:linear-gradient(180deg,#00315db3,transparent 78%),url('assets/bg-meadow.png')}.purpose-copy h2,.purpose-copy>p,.purpose .section-label,.purpose-note p,.purpose-note .serif{color:#fff;text-shadow:0 1px 4px #002d4b66}.purpose .tiny-line{background:#fff3c7}
.dog-runway{isolation:isolate}.dog-runway:before{content:"";position:absolute;inset:0 25% 0 -4%;background:linear-gradient(90deg,#092d22ed,#092d22b8 45%,transparent);z-index:0;mask-image:linear-gradient(0deg,transparent,black 22%,black 80%,transparent);pointer-events:none}.dog-runway>p{padding:20px 24px;left:0;color:#fff;text-shadow:none}.dog-runway>p span{color:#fff3ce}.runway-caption{background:#10372bcc;padding:5px 12px;border-radius:20px}
.product-visual{display:grid;grid-template-columns:1fr;gap:22px;min-height:0;padding:30px 0 15px;align-content:start}.product-visual .floating-note{position:relative;top:auto;left:auto;right:auto;justify-self:start;z-index:4;transform:rotate(-7deg);margin:0 0 8px 8px}.product-visual .record-preview{width:270px;max-width:88%;padding:0;background:#fffdf8;border-radius:10px;overflow:hidden;justify-self:center;transform:rotate(2deg)}.app-screenshot{display:block;width:100%;height:auto}.record-preview .preview-panel{min-height:0}.record-preview .preview-caption{font-size:12px;line-height:1.6;padding:10px;margin:0;text-align:center}.product-visual .visual-word{position:relative;right:auto;bottom:auto;justify-self:end;font-size:2.6rem;line-height:1.05;margin:0;transform:rotate(-5deg)}.product-visual .reveal-dog-toggle{position:relative;left:auto;bottom:auto;justify-self:start;margin:0;max-width:100%;font-size:14px}.garden-scene{top:180px;bottom:150px}.product-visual.garden-open .garden-scene{pointer-events:none}
@media(max-width:760px){.dog-runway:before{right:5%}.dog-runway>p{padding:16px;font-size:1.4rem}.product-visual{gap:20px;padding-top:15px}.product-visual .record-preview{width:250px}.product-visual .floating-note{margin-left:6px;font-size:14px}.product-visual .visual-word{font-size:2.25rem;margin-right:10px}.garden-scene{top:170px;bottom:auto;aspect-ratio:1/1.25}}

.contact{isolation:isolate;overflow:hidden;min-height:640px;display:flex;align-items:center;background:#0b2925;color:#fff9ee;padding:110px 0}.contact-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-3}.contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061e1bed 0%,#061e1bb8 48%,#061e1b66);z-index:-2;pointer-events:none}.contact:after{display:none}.contact h2,.contact p,.contact .eyebrow,.contact-preparing{color:#fff9ee}.contact h2{font-size:clamp(2.2rem,4.2vw,4rem);line-height:1.55}.contact .eyebrow{color:#ffd29a}.contact p:not(.eyebrow){font-size:16px;line-height:2}.contact-english{color:#ffd29a}.contact-preparing{border-color:#fff9ee80;background:#0d2e2799;padding:12px 18px}.contact-motion{position:absolute;bottom:25px;right:6%;z-index:4;color:#fff9ee;background:#0b2925b8;border:1px solid #fff9ee80;border-radius:30px;padding:10px 16px;font-size:14px;cursor:pointer;min-height:44px}

.contact{min-height:700px}.contact:before{background:linear-gradient(90deg,#061e1bcc,#061e1b88 45%,#061e1b22 70%,#061e1b11)}.contact-inner{display:block}.contact-inner>div:first-child{max-width:56%}.contact-action{align-items:flex-start;justify-content:flex-start;flex-direction:row;gap:25px;margin-top:28px;max-width:56%}.contact-english{font-size:2rem;line-height:1.1;white-space:nowrap}.contact-preparing{font-size:14px}.contact-video{object-position:center center}
@media(max-width:760px){.contact{min-height:930px;padding:70px 0 460px;align-items:flex-start}.contact-inner>div:first-child,.contact-action{max-width:100%}.contact-video{width:200%;max-width:none;left:-100%;top:auto;bottom:0;height:440px;object-fit:cover;object-position:center}.contact:before{background:linear-gradient(180deg,#0b2925 0%,#0b2925 48%,#0b2925a6 60%,#0b292526 80%,#0b29254d);z-index:-2}.contact h2{font-size:clamp(1.9rem,7.5vw,2.5rem);line-height:1.55}.contact p:not(.eyebrow){font-size:15px;line-height:2}.contact-action{flex-wrap:wrap;gap:18px;margin-top:22px}.contact-english{margin-top:0;align-self:auto;font-size:1.9rem}.contact-motion{bottom:18px;font-size:13px}.contact-preparing{padding:9px 12px}}
@media(max-width:760px){.contact-video{mask-image:linear-gradient(180deg,transparent,black 28%)}}
/* Contact by e-mail. */
.contact-action{flex-wrap:wrap;align-items:center;gap:14px 24px}.contact-address{font-size:14px;letter-spacing:.04em;color:#fff9ee;border-bottom:1px solid #fff9ee80;padding-bottom:4px;user-select:all}
