:root{--cream:#f4ead8;--paper:#fbf6ec;--cocoa:#3c281f;--clay:#a94f36;--clay-dark:#7f3829;--wheat:#d3a85f;--line:rgba(60,40,31,.22)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--cocoa);background:var(--cream);font-family:Georgia,"Times New Roman",serif;-webkit-font-smoothing:antialiased}body:before{position:fixed;inset:0;z-index:10;pointer-events:none;content:"";opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}.page-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);min-height:100vh}.hero{display:flex;flex-direction:column;min-height:100vh;padding:clamp(30px,5vw,76px) clamp(28px,7vw,108px) 34px;background:var(--paper)}.brand{display:flex;align-items:center;gap:14px;text-transform:uppercase}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--cocoa);border-radius:50%;font-family:Arial,Helvetica,sans-serif;line-height:.65}.brand-mark b{font-size:9px;letter-spacing:.08em}.brand-mark i{font-size:15px;color:var(--clay);font-style:normal}.brand-name{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em}.brand-name em{color:var(--clay);font-style:normal}.hero-copy{width:min(660px,100%);margin:auto 0;padding:62px 0 52px}.eyebrow{margin:0 0 26px;color:var(--clay-dark);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1{margin:0;font-size:clamp(58px,7.7vw,116px);font-weight:400;letter-spacing:-.065em;line-height:.88}.intro{max-width:535px;margin:34px 0 26px;font-family:Arial,Helvetica,sans-serif;font-size:clamp(14px,1.2vw,17px);line-height:1.7}.signup-form{display:flex;width:min(490px,100%);border-bottom:1px solid var(--cocoa)}.signup-form input{flex:1;min-width:0;padding:14px 2px;border:0;outline:0;background:transparent;color:var(--cocoa);font:14px Arial,Helvetica,sans-serif}.signup-form input::placeholder{color:rgba(60,40,31,.55)}.signup-form button{border:0;background:transparent;color:var(--cocoa);cursor:pointer;font:700 10px Arial,Helvetica,sans-serif;letter-spacing:.14em}.signup-form button span{display:inline-block;margin-left:9px;font-size:16px;transition:transform .2s}.signup-form button:hover span{transform:translateX(4px)}.signup-form input:focus-visible,.signup-form button:focus-visible{outline:2px solid var(--clay);outline-offset:3px}.form-status{height:14px;margin:11px 0 0;color:var(--clay-dark);font:700 9px Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase}footer{display:flex;align-items:center;gap:12px;color:rgba(60,40,31,.7);font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.footer-flourish{color:var(--clay)}.art-panel{position:relative;min-height:100vh;overflow:hidden;background:var(--clay)}.sun{position:absolute;top:8%;right:10%;width:clamp(100px,15vw,220px);aspect-ratio:1;border-radius:50%;background:var(--wheat)}.arch{position:absolute;bottom:-12%;border:2px solid rgba(244,234,216,.76);border-bottom:0;border-radius:999px 999px 0 0}.arch-one{left:-9%;width:82%;height:72%}.arch-two{right:-32%;width:80%;height:54%}.dog-mark{position:absolute;left:50%;top:43%;z-index:2;width:clamp(180px,23vw,310px);height:clamp(160px,21vw,280px);transform:translate(-50%,-50%)}.head{position:absolute;inset:8% 13% 0;display:block;background:var(--cream);border-radius:48% 48% 45% 45%;box-shadow:inset -18px -8px rgba(211,168,95,.2)}.ear{position:absolute;top:7%;width:34%;height:75%;background:var(--cocoa)}.ear-left{left:0;border-radius:85% 20% 75% 35%;transform:rotate(11deg)}.ear-right{right:0;border-radius:20% 85% 35% 75%;transform:rotate(-11deg)}.eye{position:absolute;top:39%;width:7px;height:7px;border-radius:50%;background:var(--cocoa)}.eye-left{left:30%}.eye-right{right:30%}.nose{position:absolute;left:50%;top:58%;width:28px;height:20px;border-radius:50% 50% 60% 60%;background:var(--cocoa);transform:translateX(-50%)}.grain{position:absolute;width:2px;height:260px;background:var(--cream);transform-origin:bottom}.grain-one{bottom:6%;left:21%;transform:rotate(-12deg)}.grain-two{right:12%;bottom:4%;height:210px;transform:rotate(15deg)}.grain i{position:absolute;width:21px;height:39px;border:2px solid var(--cream);border-radius:90% 0 90% 0}.grain i:nth-child(odd){left:-20px;transform:rotate(-20deg)}.grain i:nth-child(even){right:-20px;border-radius:0 90% 0 90%;transform:rotate(20deg)}.grain i:nth-child(1){top:14px}.grain i:nth-child(2){top:57px}.grain i:nth-child(3){top:100px}.grain i:nth-child(4){top:143px}.grain i:nth-child(5){top:186px}.biscuit{position:absolute;right:11%;top:29%;z-index:3;width:82px;height:55px;border:2px solid var(--cream);border-radius:19px;color:var(--cream);transform:rotate(12deg)}.paw{position:absolute;left:50%;top:50%;font-size:17px;transform:translate(-50%,-50%)}.paw:before{content:"• • •";position:absolute;left:-10px;top:-10px;font-size:10px;letter-spacing:3px}.art-word{position:absolute;right:-.08em;bottom:-.24em;margin:0;color:rgba(244,234,216,.1);font-size:clamp(135px,23vw,360px);font-style:italic;line-height:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:820px){.page-shell{grid-template-columns:1fr}.hero{min-height:68vh;padding:28px 25px 26px}.hero-copy{padding:70px 0 55px}h1{font-size:clamp(54px,15vw,84px)}.art-panel{min-height:48vh}.dog-mark{width:210px;height:190px}.grain{transform:scale(.72) rotate(-12deg)}.grain-two{transform:scale(.72) rotate(15deg)}}
@media(max-width:500px){.brand-name{font-size:9px}.hero-copy{padding-top:62px}.intro br{display:none}.signup-form{flex-direction:column;border:0;gap:8px}.signup-form input{border-bottom:1px solid var(--cocoa);text-align:center}.signup-form button{min-height:46px;background:var(--cocoa);color:var(--paper)}footer{font-size:8px;gap:8px}.art-panel{min-height:43vh}.biscuit{right:7%;top:20%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.signup-form button span{transition:none}}

/* Editorial portrait treatment */
.dog-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}.photo-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,40,31,.08),transparent 42%,rgba(60,40,31,.24));box-shadow:inset 0 0 0 1px rgba(244,234,216,.18)}.sun,.biscuit{display:none}.arch{z-index:2;border-color:rgba(244,234,216,.62)}.grain{z-index:3;filter:drop-shadow(0 1px 4px rgba(60,40,31,.2))}.grain-one{left:13%;bottom:5%}.grain-two{right:9%}.taste-seal{position:absolute;z-index:4;right:7%;top:7%;width:112px;height:112px;border:1px solid rgba(244,234,216,.9);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--cream);background:rgba(60,40,31,.14);backdrop-filter:blur(3px);transform:rotate(7deg);font:700 8px Arial,Helvetica,sans-serif;letter-spacing:.18em}.taste-seal b{font-size:14px;color:var(--wheat)}.art-word{z-index:2;font-size:clamp(110px,18vw,280px);white-space:nowrap;color:rgba(244,234,216,.12)}
@media(max-width:820px){.art-panel{min-height:65vh}.dog-portrait{object-position:center 39%}.taste-seal{width:90px;height:90px;font-size:6px}}

/* Keep decorative artwork away from the portrait */
.art-panel .arch{display:none}.art-panel .grain{opacity:.42;transform:scale(.7);transform-origin:bottom}.art-panel .grain-one{left:4%;bottom:-2%}.art-panel .grain-two{right:2%;bottom:-3%}
@media(max-width:820px){.art-panel .grain{display:none}}