:root{--ink:#222522;--muted:#666e67;--cream:#f7f6f2;--paper:#fffefa;--blue:#5abfd0;--line:#dfdfd7;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}.container{max-width:1260px;width:calc(100% - 88px);margin:auto}.skip-link{position:absolute;left:-999px;top:8px;padding:12px;background:white;z-index:100}.skip-link:focus{left:8px}.site-header{position:relative;z-index:20;background:var(--cream);border-bottom:1px solid #e8e8e0}.nav-shell{height:88px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:var(--serif);font-size:32px;font-weight:700;letter-spacing:-1.8px}.brand>span:first-child{color:#438f9d}.brand-dot{color:#de886e}.nav-links{display:flex;align-items:center;gap:35px}.nav-links>a{font-size:13px;font-weight:700}.nav-links>a:not(.nav-cta):hover{color:#438f9d}.nav-cta{border:1px solid var(--ink);padding:12px 18px;border-radius:4px}.nav-cta:hover{background:var(--ink);color:white}.nav-cta span{margin-left:9px}.menu-toggle{display:none}.hero{background:linear-gradient(112deg,#f8f7f1 35%,#f0f6f3 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;min-height:710px}.hero-copy{z-index:2;padding:96px 0 52px;max-width:660px}.eyebrow,.section-label,.small-cap,.hero-kicker,.project-type,.status,.timeline-year,.art-sub,.art-corner,.art-coordinate,.other-title{font-size:11px;font-weight:700;letter-spacing:2px}.eyebrow{text-transform:uppercase;color:#50716e;letter-spacing:1.3px;display:flex;align-items:center;gap:9px}.pulse{height:8px;width:8px;background:#7abdab;border-radius:50%;box-shadow:0 0 0 5px #dbebe3}.hero-kicker{margin:55px 0 17px;color:#508e96}.hero h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-2.6px}.hero h1{font-size:clamp(54px,5.2vw,80px);line-height:1.12;margin:0 0 28px}.hero h1 em,h2 em{color:#4795a4;font-weight:500}.hero-lead{font-size:19px;line-height:1.65;max-width:590px}.hero-detail{font-size:15px;color:#59625e;line-height:1.85;max-width:570px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:3px;padding:17px 22px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#3d6669}.text-link,.inline-arrow{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.hero-footnote{font-size:12px;margin-top:53px;color:#6c7770}.sparkle{font-size:22px;color:#bb9161;vertical-align:middle;margin-right:9px}.hero-visual{position:relative;min-height:680px;display:flex;align-items:flex-end;justify-content:center}.hero-oval{width:93%;height:75%;position:absolute;bottom:10%;right:-4%;border-radius:48% 48% 45% 45%;background:#b9dcdb}.orbit{position:absolute;border:1px solid rgba(56,119,126,.24);border-radius:50%;width:570px;height:570px;bottom:6%;right:-7%}.orbit-two{width:660px;height:660px;bottom:0;right:-15%}.portrait{position:relative;z-index:2;width:auto;height:680px;max-width:none;object-fit:contain;object-position:bottom center;filter:drop-shadow(5px 9px 7px #2d4c4c22)}.hero-sticker{position:absolute;z-index:3;background:var(--paper);box-shadow:0 15px 40px #1a303016;padding:17px 20px;border-radius:3px}.sticker-top{top:20%;right:-4%;transform:rotate(8deg);font-size:13px;font-weight:700}.sticker-top em{color:#438f9d;font-family:var(--serif);font-size:19px}.sticker-bottom{bottom:10%;left:-6%;transform:rotate(-5deg);display:flex;flex-direction:column;gap:7px}.sticker-bottom strong{font-family:var(--serif);font-size:20px}.small-cap{font-size:9px;color:#6c9292}.hero-bottom-line{padding:20px 0 24px;border-top:1px solid #d9e6e0;display:flex;justify-content:space-between;align-items:center;color:#6e837e;font-weight:700;font-size:10px;letter-spacing:2px}.separator{font-size:16px;color:#bc9f84}.section-pad{padding:115px 0}.section-label{color:#478d99;margin-bottom:25px}.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px}.intro h2,.section-top h2,.journey h2,.contact h2{font-size:clamp(42px,4.3vw,62px);line-height:1.25;margin:0}.intro-text{padding-top:43px}.intro-text p{font-size:16px;line-height:1.9;color:#545d58;margin:0 0 21px}.intro-text strong{color:var(--ink)}.inline-arrow{display:inline-block;margin-top:10px;color:#367d88}.work{background:#eff2ed}.section-top{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:48px}.section-top>p{max-width:300px;color:#6a716c;line-height:1.75;font-size:14px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{min-width:0;background:var(--paper);border:1px solid #e1e4de;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #3b51421a}.card-topline{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:65px}.project-type{font-size:9px;letter-spacing:1.3px;color:#53615a}.status{font-size:9px;letter-spacing:.3px;padding:6px 9px;border-radius:30px;white-space:nowrap}.status-active{background:#e2eee6;color:#3e7355}.status-developing{background:#f9eddd;color:#8b693b}.status-past{background:#e9e9e9;color:#696969}.card-art{height:250px;position:relative;overflow:hidden;padding:29px;display:flex;flex-direction:column;justify-content:center}.art-word{position:relative;z-index:2;font-family:var(--serif);font-size:52px;line-height:.97;letter-spacing:-2.5px}.art-word i{font-weight:400}.art-period{color:#d8aa72}.art-sub{position:absolute;bottom:22px;left:29px;letter-spacing:2px;font-size:9px}.art-pantry{background:#0e352b;color:#f8d4bd}.art-pantry .art-word{font-size:63px}.art-star{position:absolute;color:#b4d8b9;font-size:260px;right:-70px;top:-96px;opacity:.2}.art-distribution{background:#85c7d2;color:#153b43}.art-distribution .art-word{font-size:49px}.art-distribution .art-word i{font-size:56px}.art-corner{position:absolute;right:22px;top:24px;letter-spacing:1px;font-size:10px}.art-macri{background:#dde0d5;color:#2b4b42}.art-macri:after{content:'';width:235px;height:235px;border:1px solid #759d8b;position:absolute;border-radius:50%;right:-30px;top:12px;box-shadow:0 0 0 35px #a3b3a54d,0 0 0 70px #b9c8b544}.art-macri .art-word{font-family:var(--sans);font-size:65px;letter-spacing:-5px;font-weight:700}.art-coordinate{position:absolute;top:22px;font-size:9px}.art-bbf{background:#26392d;color:#f5f4db}.art-bbf .art-word{font-family:var(--sans);font-weight:700;letter-spacing:-1px;font-size:49px}.field-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#f4e9ce 1px,transparent 1px),linear-gradient(90deg,#f4e9ce 1px,transparent 1px);background-size:34px 34px;transform:rotate(-11deg) scale(1.4)}.art-web{background:#e5c6b5;color:#4c3632}.code-art{font-family:monospace;font-size:39px;font-weight:bold;line-height:1.25}.code-art i{font-family:var(--serif);font-weight:400}.art-media{background:#f3c9aa;color:#812f3c}.art-media .art-word{font-family:var(--sans);font-weight:700}.art-media .art-word i{font-family:var(--serif);font-weight:400}.media-sun{position:absolute;right:30px;top:5px;font-size:190px;opacity:.22}.card-content{padding:28px 28px 30px;min-height:280px;display:flex;flex-direction:column}.card-content h3{font-family:var(--serif);font-size:25px;letter-spacing:-.7px;margin:0 0 12px}.card-content p{font-size:13.5px;line-height:1.8;color:#657069;margin:0 0 24px}.card-content a,.no-link{margin-top:auto;font-size:12px;font-weight:700}.card-content a{color:#327c87}.card-content a:hover{text-decoration:underline;text-underline-offset:4px}.no-link{color:#838b83}.other-work{display:grid;grid-template-columns:200px 1fr;gap:30px;border-top:1px solid #cbd5cb;margin-top:55px;padding-top:25px}.other-title{font-size:12px;color:#487d80}.other-work p{margin:0;line-height:1.9;font-size:14px;color:#5f6a61}.journey{background:var(--paper)}.journey-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.journey-heading{position:sticky;top:80px;align-self:start}.journey-heading p{color:#707872;line-height:1.8}.timeline-row{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:26px 0 30px;border-bottom:1px solid var(--line)}.timeline-row:first-child{padding-top:8px}.timeline-year{color:#4c8b96;font-size:10px;letter-spacing:1.1px;padding-top:8px}.timeline-row h3{font-family:var(--serif);font-size:23px;margin:0 0 9px}.timeline-row p{color:#657068;font-size:14px;line-height:1.8;margin:0}.approach{background:#dcebe8}.approach-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:95px;align-items:center}.approach h2{font-size:clamp(42px,4.3vw,64px);line-height:1.27;margin:0}.approach h2 u{text-decoration-color:#94c6bd;text-underline-offset:9px;text-decoration-thickness:5px}.approach-grid p{line-height:1.95;font-size:15px;color:#4f675f}.approach-signature{font-family:var(--serif);font-style:italic!important;font-size:22px!important;color:#254e49!important}.approach-signature span{color:#d59972}.contact{background:#233d3b;color:#fff}.contact-inner{text-align:center;max-width:740px}.contact .section-label{color:#94d5d4}.contact h2{font-size:clamp(56px,6vw,85px)}.contact h2 em{color:#9dd3d5}.contact p{color:#d2e0dc;line-height:1.8;max-width:520px;margin:28px auto 32px}.button-light{background:#f5f5ed;color:#1c3735}.button-light:hover{background:#abdad8}.contact-email{font-size:13px;color:#a6c6bd;margin-top:22px}.footer{background:#f9f7f1;padding:62px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:30px}.footer p{font-size:13px;color:#7a827d}.footer-links{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:16px 20px}.footer-links a,.footer-end{font-size:12px;font-weight:700}.footer-links a:hover,.footer-end a:hover{color:#3b8f99}.footer-end{display:flex;flex-direction:column;gap:25px;align-items:flex-end;color:#738078}@media(max-width:1060px){.container{width:calc(100% - 54px)}.hero-grid{grid-template-columns:1fr .85fr}.hero h1{font-size:60px}.portrait{height:610px}.hero-visual{min-height:610px}.sticker-top{right:-2%;top:17%}.intro-grid,.journey-grid{gap:55px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-grid{gap:45px}}@media(max-width:720px){.container{width:calc(100% - 38px)}.site-header .nav-shell{height:72px}.brand{font-size:29px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:0;padding:12px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink)}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;background:var(--cream);padding:18px 25px 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #00000010}.nav-links.open{display:flex}.nav-links>a{padding:12px 0}.nav-links>.nav-cta{padding:12px;margin-top:10px;text-align:center}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:54px 0 5px}.hero-kicker{margin-top:42px}.hero h1{font-size:clamp(47px,10.6vw,67px);letter-spacing:-2px}.hero-lead{font-size:17px}.hero-detail{font-size:14px}.hero-actions{gap:22px}.hero-footnote{margin-top:30px}.hero-visual{min-height:500px;height:520px}.portrait{height:510px}.hero-oval{width:88%;height:78%;right:6%;bottom:7%}.orbit{width:390px;height:390px;right:0}.orbit-two{width:455px;height:455px}.sticker-top{top:12%;right:0;font-size:11px;padding:10px}.sticker-bottom{left:0;bottom:8%;padding:12px}.sticker-bottom strong{font-size:15px}.hero-bottom-line{flex-wrap:wrap;gap:9px;justify-content:center;padding:18px 0}.hero-bottom-line span{font-size:8px}.section-pad{padding:73px 0}.intro-grid,.journey-grid,.approach-grid{grid-template-columns:1fr;gap:25px}.intro h2,.section-top h2,.journey h2{font-size:44px;letter-spacing:-1.6px}.intro-text{padding-top:0}.section-top{display:block}.section-top>p{max-width:100%}.project-grid{grid-template-columns:1fr}.card-art{height:255px}.card-content{min-height:auto}.other-work{grid-template-columns:1fr;gap:10px}.journey-heading{position:static}.timeline-row{grid-template-columns:100px 1fr;gap:12px}.timeline-year{font-size:9px}.timeline-row h3{font-size:20px}.approach h2{font-size:43px;letter-spacing:-1.6px}.contact h2{font-size:53px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-end{align-items:flex-start;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card,.button{transition:none}}

/* DustyLyn personal brand update: keeps portrait clear on the right */
.hero-visual{isolation:isolate;max-width:100%;overflow:visible}
.hero-visual .portrait{z-index:2}
.hero-visual .sticker-top{right:0;top:10%;max-width:170px;transform:rotate(5deg);z-index:4}
.hero-visual .sticker-bottom{left:0;bottom:6%;max-width:230px;transform:rotate(-3deg);z-index:4}
.brand-download-inline{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 8px}
.brand-download-inline a{padding:9px 13px;border:1px solid #9dc9be;border-radius:30px;font-size:12px;font-weight:700;text-decoration:none;color:#254d49;background:#fffefa}
.brand-download-inline a:hover{background:#d9f0ed}
@media(max-width:720px){.hero-visual .sticker-top{right:2%;top:7%;max-width:132px}.hero-visual .sticker-bottom{left:2%;bottom:4%;max-width:175px}.brand-download-inline{margin:18px 0}}