:root{--ink:#112522;--paper:#f6f7f2;--accent:#c2ed8b;--muted:#616f69;--line:#d9dfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #5b8933;outline-offset:6px}.wrap{width:min(1160px,calc(100% - 96px));margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:38px;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:center;line-height:1}.logo-dot{color:#649748}.mark{width:26px;height:30px;position:relative;margin-right:12px;display:block;transform:skewY(-13deg)}.mark i{position:absolute;display:block;background:var(--ink);height:7px;border-radius:1px}.mark i:nth-child(1){width:25px;top:2px}.mark i:nth-child(2){width:19px;top:13px}.mark i:nth-child(3){width:7px;top:24px}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}nav a:hover,.project-meta a:hover{text-decoration:underline;text-underline-offset:5px}.nav-contact{border:1px solid #b9c4b6;padding:10px 18px;border-radius:30px}.nav-contact span{padding-left:15px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:600px;align-items:center;gap:40px;padding-top:55px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;gap:10px;align-items:center;margin:0 0 27px}.status-dot{width:7px;height:7px;border-radius:50%;background:#80ac5b;display:inline-block}.hero h1{font-size:clamp(44px,5.2vw,68px);line-height:1.08;letter-spacing:-3.5px;margin:0 0 26px;font-weight:650}.accent{color:#6e9c48}.intro{font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:31px}.button{display:inline-flex;gap:34px;background:var(--ink);color:white;border-radius:6px;padding:16px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#25483d;transform:translateY(-2px)}.button span{color:var(--accent)}.hero-note{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-top:24px}.tiny-line{width:23px;height:1px;background:#96a58d}.hero-art{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #dbe2d1;border-radius:50%;width:390px;height:390px;transform:rotate(-25deg)}.orbit-two{width:480px;height:260px;transform:rotate(-35deg)}.orbit-dot{position:absolute;height:10px;width:10px;border-radius:50%;background:#88a374}.dot-one{top:53px;left:54px}.dot-two{bottom:53px;right:36px;background:#d7ac79;width:7px;height:7px}.tile{position:absolute;width:228px;height:280px;border-radius:26px;box-shadow:0 24px 40px -22px #162b284b;padding:22px;overflow:hidden}.story-tile{background:#203a36;transform:rotate(-13deg);top:33px;left:24px;color:#e0e9d6}.coin-tile{background:#d3eab3;transform:rotate(12deg);right:8px;top:132px}.tile-label{font-size:8px;letter-spacing:2px;font-weight:600}.tile-name{position:absolute;bottom:23px;font-size:14px;font-weight:600}.moon{width:53px;height:53px;border-radius:50%;background:#f2dcb2;position:absolute;top:65px;left:82px;box-shadow:0 0 35px #e7d7a315}.moon:after{content:"";position:absolute;background:#203a36;width:48px;height:48px;left:15px;top:-9px;border-radius:50%}.spark{position:absolute;color:#f4d9a4}.s1{left:32px;top:88px;font-size:16px}.s2{right:34px;top:57px;font-size:24px}.s3{right:25px;top:136px;font-size:9px}.book{display:flex;width:112px;height:59px;position:absolute;top:157px;left:56px;filter:drop-shadow(0 8px 6px #0003)}.book div{width:50%;background:#f5edd8;border:1px solid #decfa9;border-radius:5px 15px 0 4px;transform:skewY(12deg)}.book div+div{transform:skewY(-12deg);border-radius:15px 5px 4px 0}.coin{width:130px;height:130px;border-radius:50%;background:linear-gradient(130deg,#f8edb3,#c59e4d 38%,#f1d889 63%,#b18a41);border:5px solid #dfbe6c;box-shadow:inset 0 0 0 3px #f9e9ac,inset 0 0 0 6px #bb9547,7px 12px 0 -5px #a98239,12px 24px 20px #566a4c33;position:absolute;top:72px;left:48px;display:grid;place-items:center;transform:rotate(-15deg)}.coin span{font-size:72px;color:#947331;text-shadow:1px 2px #fff0b7;font-family:Georgia,serif}.art-caption{position:absolute;bottom:0;left:0;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.principles{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-block:23px;font-size:11px;letter-spacing:2px;font-weight:600}.small-star{color:#7f9d64;font-size:25px}.projects{padding-top:91px;padding-bottom:85px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:35px}.muted{color:var(--muted)}.section-top .eyebrow{margin-bottom:17px}h2{font-size:38px;line-height:1.2;letter-spacing:-1.4px;font-weight:600;margin:0}.section-top>p{font-size:14px;color:var(--muted);margin:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.project-visual{height:325px;border-radius:10px;overflow:hidden;position:relative}.decision-visual{background:#e3eadc}.visual-note{position:absolute;top:25px;left:27px;font-size:8px;letter-spacing:1.6px;font-weight:600}.choice{position:absolute;top:84px;left:90px;background:#fbfaf5;width:155px;height:172px;border-radius:14px;transform:rotate(-12deg);box-shadow:0 15px 25px #1830281a;padding:24px;font-size:37px;font-weight:600;letter-spacing:-1px;display:flex;flex-direction:column;justify-content:space-between}.choice span{font-size:11px;letter-spacing:0;font-weight:400}.choice-right{background:#23473e;color:#e1f4cb;left:260px;top:74px;transform:rotate(10deg)}.choice b{position:absolute;right:19px;top:13px;font-size:23px;font-weight:400}.visual-bottom{position:absolute;bottom:20px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:2px}.visual-bottom span{font-size:23px;line-height:1}.bedtime-visual{background:#222d43;color:#eee4d4}.bedtime-moon{width:96px;height:96px;border-radius:50%;position:absolute;right:65px;top:57px;background:#ecd7ac;box-shadow:0 0 55px #e8cc821a}.bedtime-moon:after{content:"";width:84px;height:84px;position:absolute;left:25px;top:-16px;background:#222d43;border-radius:50%}.night-star{position:absolute;color:#e6d09c}.n1{right:35px;top:139px;font-size:16px}.n2{right:191px;top:68px;font-size:25px}.n3{left:52px;top:77px;font-size:13px}.hill{position:absolute;width:440px;height:180px;border-radius:50%;bottom:-75px;background:#34445a;right:-80px;transform:rotate(-13deg)}.hill-front{left:-70px;right:auto;bottom:-102px;background:#496474;transform:rotate(13deg)}.bedtime-title{position:absolute;left:37px;top:139px;font:32px/1.3 Georgia,serif;letter-spacing:-.5px}.project-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px}.project h3{font-size:25px;font-weight:600;letter-spacing:-.8px;margin:0}.badge{font-size:10px;border:1px solid #c7d2be;border-radius:20px;padding:4px 10px;white-space:nowrap;color:#536449}.project>p{color:var(--muted);font-size:15px;line-height:1.75;margin:13px 0 23px;max-width:480px}.project-meta{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#5d6d60}.project-meta a{font-weight:600;color:var(--ink)}.about{background:#eaf0e4;border-block:1px solid #dfe6d9;padding:78px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2{font-size:41px;line-height:1.25}.about-copy>p{font-size:15px;color:#526257;margin:0 0 20px}.about-copy .large-copy{font-size:23px;line-height:1.5;color:var(--ink);letter-spacing:-.5px}.signature{display:flex;align-items:center;gap:14px;margin-top:26px}.avatar{display:grid;place-items:center;width:46px;height:46px;border:1px solid #bdceb0;border-radius:50%;font-size:14px}.signature strong{display:block;font-size:13px;font-weight:600}.signature div>span{font-size:11px;color:#64725c}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:83px;padding-bottom:85px}.contact h2{margin-bottom:21px}.contact p{font-size:14px;color:var(--muted)}.contact-card{border:1px solid #cbd6c2;border-radius:10px;padding:31px;align-self:center}.contact-label{font-size:9px;letter-spacing:1.8px;color:#5e6b57}.email{display:flex;justify-content:space-between;align-items:center;font-size:clamp(16px,1.8vw,23px);letter-spacing:-.6px;margin:14px 0 30px;font-weight:600}.email:hover{text-decoration:underline;text-underline-offset:5px}.email span{color:#6b934e;margin-left:12px}.contact-details{border-top:1px solid var(--line);padding-top:23px;display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.contact-details>span{font-size:10px;color:var(--muted)}.contact-details strong,.contact-details a{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-top:4px}.footer{border-top:1px solid var(--line);padding-block:28px;display:flex;align-items:center;gap:26px}.footer .logo{font-size:28px}.footer p{font-size:11px;color:var(--muted);flex:1}.footer button{font-size:11px;background:none;border:0;color:var(--muted)}.footer button:hover{text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;z-index:10;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}dialog{max-width:620px;width:calc(100% - 32px);max-height:85vh;border:1px solid var(--line);border-radius:12px;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#11252299}dialog p{font-size:14px;color:var(--muted)}dialog a{text-decoration:underline}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-top h2{font-size:24px}.dialog-top button{border:0;background:none;font-size:30px;color:var(--ink)}dialog h3{font-size:18px}
@media(min-width:1450px){.hero{min-height:660px}.hero h1{font-size:73px}.hero-art{transform:scale(1.06)}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:10px}.hero-art{transform:scale(.85);transform-origin:center right}.hero h1{font-size:54px}.choice{left:50px}.choice-right{left:190px}.about-grid,.contact{gap:40px}.contact-card{padding:23px}.orbit-two{width:420px}.bedtime-title{font-size:28px;left:26px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:85px}.logo{font-size:32px}nav{gap:20px;font-size:12px}nav .nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:47px;padding-bottom:31px;gap:14px}.hero h1{font-size:52px;letter-spacing:-2.5px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:23px}.intro{font-size:16px}.hero-art{width:350px;max-width:100%;height:370px;transform:none;justify-self:center;margin-top:12px}.tile{width:190px;height:235px;padding:18px;border-radius:22px}.story-tile{left:8px;top:23px}.coin-tile{right:5px;top:105px}.tile-label{font-size:7px}.tile-name{font-size:12px;bottom:19px}.moon{top:57px;left:66px;width:45px;height:45px}.moon:after{width:42px;height:42px}.book{top:135px;left:43px;width:100px;height:48px}.s2{top:46px;right:25px}.s1{top:83px;left:24px}.coin{width:110px;height:110px;left:40px;top:63px}.coin span{font-size:62px}.orbit{width:300px;height:300px}.orbit-two{width:350px;height:220px}.art-caption{font-size:8px;bottom:0;left:8px}.principles{font-size:8px;letter-spacing:1px;gap:10px;padding-block:20px}.small-star{font-size:16px}.projects{padding-top:55px;padding-bottom:55px}.section-top{display:block}.section-top>p{margin-top:18px;font-size:13px}h2{font-size:32px}.project-grid{grid-template-columns:1fr;gap:40px}.project-visual{height:300px}.choice{left:calc(50% - 137px);top:75px;width:137px;height:156px}.choice-right{left:50%;top:66px}.bedtime-title{left:30px;font-size:31px;top:137px}.bedtime-moon{right:40px}.about{padding:51px 0}.about-grid,.contact{grid-template-columns:1fr;gap:31px}.about h2{font-size:34px}.about-copy .large-copy{font-size:21px}.contact{padding-block:56px}.contact .eyebrow{margin-bottom:18px}.email{font-size:20px;letter-spacing:-.5px}.footer{flex-wrap:wrap;gap:12px 23px}.footer p{flex-basis:70%;margin:0}.footer button{padding:0;margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.dog-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:12px}.dog-visual{background:#e8efdf}.dog-map{position:absolute;inset:0;width:100%;height:100%}.dog-visual .visual-note,.dog-visual .visual-bottom{z-index:1}.dog-visual .visual-note{background:#e8efdfdd;padding:4px 7px;left:20px;top:21px}.dog-copy{padding:15px 22px}.dog-copy .project-heading{margin-top:0}.dog-copy>p{color:var(--muted);font-size:15px;line-height:1.75;margin:18px 0 28px;max-width:480px}@media(max-width:760px){.dog-project{grid-template-columns:1fr;gap:0;margin-top:0}.dog-copy{padding:0}.dog-copy .project-heading{margin-top:23px}.dog-copy>p{margin:13px 0 23px}}

/* fur.it — original application visuals */
.logo{display:inline-block;white-space:nowrap}.logo-dot{display:inline-block;margin:0 .035em;color:#649748}
.real-hero{height:535px;transform:none;isolation:isolate}.hero-halo{position:absolute;inset:35px -5px 30px;background:radial-gradient(ellipse,#e0e9d8 0%,#edf0e5 55%,transparent 72%);z-index:-1}.app-preview{position:absolute;margin:0;width:44%;max-width:214px}.preview-story{left:2%;top:18px;transform:rotate(-6deg)}.preview-dog{right:1%;top:87px;transform:rotate(6deg)}.app-preview figcaption{text-align:center;margin-top:15px;font-size:12px;font-weight:600;letter-spacing:.2px}.app-screen{position:relative;overflow:hidden;background:#f7f7f3;border:6px solid #263a32;border-radius:27px;box-shadow:0 18px 35px -15px #11252260;flex-shrink:0}.story-screen{aspect-ratio:650/1270}.story-screen img{display:block;position:absolute;width:177.23%;height:auto;max-width:none;left:-34.3%;top:-16.5%}.dog-screen{aspect-ratio:709/1430}.dog-screen img{position:absolute;display:block;width:100%;height:auto;top:-7.42%;left:0}.project-visual.real-story,.project-visual.real-dog,.decision-wordmark{height:465px}.real-story{background:#eee5eb;display:flex;justify-content:center;align-items:flex-end;padding-bottom:22px}.real-story .app-screen{width:195px}.real-dog{background:#e2ece5;display:flex;align-items:flex-end;justify-content:center;padding:55px 20px 24px}.dog-gallery{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.dog-gallery .app-screen{width:min(44%,185px);border-width:5px;border-radius:24px}.dog-gallery .app-screen:nth-child(2){transform:translateY(-12px)}.real-story .visual-note,.real-dog .visual-note{font-size:10px;letter-spacing:2px;color:#56665b}.decision-wordmark{background:#e3eadc;display:flex;flex-direction:column;align-items:center;justify-content:center}.decision-name{font-size:clamp(48px,6vw,75px);font-weight:700;letter-spacing:-4px;line-height:1.2}.decision-name span{color:#649748}.decision-caption{font-size:13px;color:#526257;margin-top:17px}
@media(max-width:1050px) and (min-width:761px){.real-hero{height:475px}.preview-dog{top:90px}.project-visual.real-dog{height:420px}.dog-gallery{gap:12px}}
@media(max-width:760px){.real-hero{width:390px;max-width:100%;height:465px;margin-top:25px}.app-preview{width:44%}.preview-story{left:2%;top:10px}.preview-dog{right:2%;top:65px}.app-screen{border-width:5px;border-radius:24px}.project-visual.real-story,.decision-wordmark{height:440px}.project-visual.real-dog{height:auto;min-height:370px;padding:60px 16px 25px}.dog-gallery{gap:14px}.real-story .app-screen{width:185px}.hero{overflow:hidden}.decision-name{font-size:64px}}
@media(max-width:380px){.real-hero{height:405px}.app-preview figcaption{font-size:11px}.project-visual.real-dog{min-height:335px}.dog-gallery{gap:10px}.dog-gallery .app-screen{border-width:4px;border-radius:19px}}

/* v5: native story screenshot and project order */
.story-screen{aspect-ratio:945/1980}.story-screen img{width:100%;height:auto;left:0;top:-3.434%;max-width:100%}
.decision-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:34px;margin-top:12px}.decision-project .decision-wordmark{height:275px}.decision-copy{padding:20px 22px}.decision-copy .project-heading{margin-top:0}.decision-copy>p{color:var(--muted);font-size:15px;line-height:1.75;margin:18px 0 28px;max-width:480px}
@media(max-width:1050px) and (min-width:761px){.project-visual.real-dog{height:465px;align-items:center;padding-top:65px}}
@media(max-width:760px){.decision-project{grid-template-columns:1fr;gap:0;margin-top:0}.decision-copy{padding:0}.decision-copy .project-heading{margin-top:23px}.decision-copy>p{margin:13px 0 23px}.project-visual.real-dog{min-height:420px;align-items:center}.decision-project .decision-wordmark{height:250px}}

.real-story .app-screen{width:180px}@media(max-width:760px){.real-story .app-screen{width:170px}}

/* v6: prevent intrinsic grid widths from clipping the mobile hero */
.hero>*,.project-grid>*,.about-grid>*,.contact>*{min-width:0}
.hero-copy,.hero-copy p{max-width:100%;overflow-wrap:break-word}
@media(max-width:760px){
 .hero{grid-template-columns:minmax(0,1fr);overflow:visible}
 .hero h1{font-size:clamp(38px,12vw,52px)}
 .real-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;width:100%;max-width:390px;height:auto;min-height:0;padding:22px 16px 40px;margin:20px auto 0;transform:none}
 .real-hero .app-preview{position:relative;width:100%;max-width:none;left:auto;right:auto;top:auto;margin:0;min-width:0}
 .real-hero .preview-story{transform:rotate(-4deg)}
 .real-hero .preview-dog{transform:rotate(4deg);margin-top:45px}
 .real-hero .app-preview figcaption{font-size:11px;margin-top:14px}
 .real-hero .hero-halo{inset:0}
 .hero-note{align-items:flex-start}.hero-note .tiny-line{flex-shrink:0;margin-top:9px}
 .project-grid{grid-template-columns:minmax(0,1fr)}
}